1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/browser/themes/osx/devtools/computedview.css Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,177 @@
1.4 +/* vim:set ts=2 sw=2 sts=2 et: */
1.5 +/* This Source Code Form is subject to the terms of the Mozilla Public
1.6 + * License, v. 2.0. If a copy of the MPL was not distributed with this
1.7 + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
1.8 +
1.9 +/* Take away these two :visited rules to get a core dumper */
1.10 +/* See https://bugzilla.mozilla.org/show_bug.cgi?id=575675#c30 */
1.11 +.link,
1.12 +.link:visited {
1.13 + color: #0091ff;
1.14 +}
1.15 +.link,
1.16 +.helplink,
1.17 +.link:visited,
1.18 +.helplink:visited {
1.19 + text-decoration: none;
1.20 +}
1.21 +.link:hover {
1.22 + text-decoration: underline;
1.23 +}
1.24 +
1.25 +/* From content */
1.26 +
1.27 +* {
1.28 + box-sizing: border-box;
1.29 +}
1.30 +
1.31 +:root {
1.32 + height: 100%;
1.33 +}
1.34 +
1.35 +body {
1.36 + margin: 0;
1.37 + display : flex;
1.38 + flex-direction: column;
1.39 + height: 100%;
1.40 +}
1.41 +
1.42 +#propertyContainer {
1.43 + -moz-user-select: text;
1.44 + overflow: auto;
1.45 + min-height: 0;
1.46 + flex: 1;
1.47 +}
1.48 +
1.49 +.property-view-hidden,
1.50 +.property-content-hidden {
1.51 + display: none;
1.52 +}
1.53 +
1.54 +.property-view {
1.55 + clear: both;
1.56 + padding: 2px 0 2px 17px;
1.57 +}
1.58 +
1.59 +.property-view > * {
1.60 + display: inline-block;
1.61 + vertical-align: middle;
1.62 +}
1.63 +
1.64 +.property-name {
1.65 + /* -12px is so the expander triangle isn't pushed up above the property */
1.66 + width: calc(100% - 12px);
1.67 + overflow-x: hidden;
1.68 + text-overflow: ellipsis;
1.69 + white-space: nowrap;
1.70 + outline: 0;
1.71 +}
1.72 +
1.73 +.property-value {
1.74 + width: 100%;
1.75 + overflow-x: hidden;
1.76 + text-overflow: ellipsis;
1.77 + white-space: nowrap;
1.78 + background-image: url(arrow-e.png);
1.79 + background-repeat: no-repeat;
1.80 + background-size: 5px 8px;
1.81 + background-position: 2px center;
1.82 + padding-left: 10px;
1.83 + outline: 0;
1.84 +}
1.85 +
1.86 +.other-property-value {
1.87 + background-image: url(arrow-e.png);
1.88 + background-repeat: no-repeat;
1.89 + background-size: 5px 8px;
1.90 + background-position: left center;
1.91 + padding-left: 8px;
1.92 +}
1.93 +
1.94 +@media (min-width: 400px) {
1.95 + .property-name {
1.96 + width: 200px;
1.97 + }
1.98 + .property-value {
1.99 + /* -212px is accounting for the 200px property-name and the 12px triangle */
1.100 + width: calc(100% - 212px);
1.101 + }
1.102 +}
1.103 +
1.104 +.property-content {
1.105 + padding-left: 17px;
1.106 +}
1.107 +
1.108 +/* From skin */
1.109 +.expander {
1.110 + visibility: hidden;
1.111 + margin-left: -12px!important;
1.112 +}
1.113 +
1.114 +.expandable {
1.115 + visibility: visible;
1.116 +}
1.117 +
1.118 +.match {
1.119 + visibility: hidden;
1.120 +}
1.121 +
1.122 +.matchedselectors > p {
1.123 + clear: both;
1.124 + margin: 0 2px 0 0;
1.125 + padding: 2px;
1.126 + overflow-x: hidden;
1.127 + border-style: dotted;
1.128 + border-color: rgba(128,128,128,0.4);
1.129 + border-width: 1px 1px 0 1px;
1.130 +}
1.131 +
1.132 +.matchedselectors > p:last-of-type {
1.133 + border-bottom-width: 1px;
1.134 +}
1.135 +
1.136 +/* This rule is necessary because Templater.jsm breaks LTR TDs in RTL docs */
1.137 +.rule-text {
1.138 + direction: ltr;
1.139 +}
1.140 +
1.141 +.matched {
1.142 + text-decoration: line-through;
1.143 +}
1.144 +
1.145 +.parentmatch {
1.146 + opacity: 0.5;
1.147 +}
1.148 +
1.149 +#noResults {
1.150 + font-size: 110%;
1.151 + margin: 5px;
1.152 + text-align: center;
1.153 +}
1.154 +
1.155 +.onlyuserstyles {
1.156 + cursor: pointer;
1.157 +}
1.158 +
1.159 +.legendKey {
1.160 + margin: 0 5px;
1.161 +}
1.162 +
1.163 +.devtools-toolbar {
1.164 + width: 100%;
1.165 +}
1.166 +
1.167 +.link {
1.168 + padding: 0 3px;
1.169 + cursor: pointer;
1.170 + float: right;
1.171 +}
1.172 +
1.173 +.computedview-colorswatch {
1.174 + display: inline-block;
1.175 + border-radius: 50%;
1.176 + width: 1em;
1.177 + height: 1em;
1.178 + vertical-align: text-top;
1.179 + -moz-margin-end: 5px;
1.180 +}
