1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/browser/themes/linux/devtools/computedview.css Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,159 @@
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 +* {
1.10 + box-sizing: border-box;
1.11 +}
1.12 +
1.13 +:root {
1.14 + height: 100%;
1.15 +}
1.16 +
1.17 +body {
1.18 + margin: 0;
1.19 + display : flex;
1.20 + flex-direction: column;
1.21 + height: 100%;
1.22 +}
1.23 +
1.24 +#propertyContainer {
1.25 + -moz-user-select: text;
1.26 + overflow: auto;
1.27 + min-height: 0;
1.28 + flex: 1;
1.29 +}
1.30 +
1.31 +.property-view-hidden,
1.32 +.property-content-hidden {
1.33 + display: none;
1.34 +}
1.35 +
1.36 +.property-view {
1.37 + clear: both;
1.38 + padding: 2px 0 2px 17px;
1.39 +}
1.40 +
1.41 +.property-view > * {
1.42 + display: inline-block;
1.43 + vertical-align: middle;
1.44 +}
1.45 +
1.46 +.property-name {
1.47 + /* -12px is so the expander triangle isn't pushed up above the property */
1.48 + width: calc(100% - 12px);
1.49 + overflow-x: hidden;
1.50 + text-overflow: ellipsis;
1.51 + white-space: nowrap;
1.52 + outline: 0;
1.53 +}
1.54 +
1.55 +.property-value {
1.56 + width: 100%;
1.57 + overflow-x: hidden;
1.58 + text-overflow: ellipsis;
1.59 + white-space: nowrap;
1.60 + background-image: url(arrow-e.png);
1.61 + background-repeat: no-repeat;
1.62 + background-size: 5px 8px;
1.63 + background-position: 2px center;
1.64 + padding-left: 10px;
1.65 + outline: 0;
1.66 +}
1.67 +
1.68 +.other-property-value {
1.69 + background-image: url(arrow-e.png);
1.70 + background-repeat: no-repeat;
1.71 + background-size: 5px 8px;
1.72 + background-position: left center;
1.73 + padding-left: 8px;
1.74 +}
1.75 +
1.76 +@media (min-width: 400px) {
1.77 + .property-name {
1.78 + width: 200px;
1.79 + }
1.80 + .property-value {
1.81 + /* -212px is accounting for the 200px property-name and the 12px triangle */
1.82 + width: calc(100% - 212px);
1.83 + }
1.84 +}
1.85 +
1.86 +.property-content {
1.87 + padding-left: 17px;
1.88 +}
1.89 +
1.90 +/* From skin */
1.91 +.expander {
1.92 + visibility: hidden;
1.93 + margin-left: -12px!important;
1.94 +}
1.95 +
1.96 +.expandable {
1.97 + visibility: visible;
1.98 +}
1.99 +
1.100 +.match {
1.101 + visibility: hidden;
1.102 +}
1.103 +
1.104 +.matchedselectors > p {
1.105 + clear: both;
1.106 + margin: 0 2px 0 0;
1.107 + padding: 2px;
1.108 + overflow-x: hidden;
1.109 + border-style: dotted;
1.110 + border-color: rgba(128,128,128,0.4);
1.111 + border-width: 1px 1px 0 1px;
1.112 +}
1.113 +
1.114 +.matchedselectors > p:last-of-type {
1.115 + border-bottom-width: 1px;
1.116 +}
1.117 +
1.118 +/* This rule is necessary because Templater.jsm breaks LTR TDs in RTL docs */
1.119 +.rule-text {
1.120 + direction: ltr;
1.121 +}
1.122 +
1.123 +.matched {
1.124 + text-decoration: line-through;
1.125 +}
1.126 +
1.127 +.parentmatch {
1.128 + opacity: 0.5;
1.129 +}
1.130 +
1.131 +#noResults {
1.132 + font-size: 110%;
1.133 + margin: 5px;
1.134 + text-align: center;
1.135 +}
1.136 +
1.137 +.onlyuserstyles {
1.138 + cursor: pointer;
1.139 +}
1.140 +
1.141 +.legendKey {
1.142 + margin: 0 5px;
1.143 +}
1.144 +
1.145 +.devtools-toolbar {
1.146 + width: 100%;
1.147 +}
1.148 +
1.149 +.link {
1.150 + padding: 0 3px;
1.151 + cursor: pointer;
1.152 + float: right;
1.153 +}
1.154 +
1.155 +.computedview-colorswatch {
1.156 + display: inline-block;
1.157 + border-radius: 50%;
1.158 + width: 1em;
1.159 + height: 1em;
1.160 + vertical-align: text-top;
1.161 + -moz-margin-end: 5px;
1.162 +}
