The Tor Browser / file comparison
comparison: browser/devtools/layoutview/view.css
browser/devtools/layoutview/view.css
- changeset 0
- 6474c204b198
equal
deleted
inserted
replaced
| -1:000000000000 | 0:6c97f3156dd9 |
|---|---|
| 1 /* This Source Code Form is subject to the terms of the Mozilla Public | |
| 2 * License, v. 2.0. If a copy of the MPL was not distributed with this | |
| 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ | |
| 4 | |
| 5 body, html { | |
| 6 height: 100%; | |
| 7 width: 100%; | |
| 8 overflow: hidden; | |
| 9 } | |
| 10 | |
| 11 body { | |
| 12 margin: 0; | |
| 13 padding: 0; | |
| 14 } | |
| 15 | |
| 16 #header { | |
| 17 box-sizing: border-box; | |
| 18 width: 100%; | |
| 19 padding: 6px 9px; | |
| 20 display: -moz-box; | |
| 21 vertical-align: top; | |
| 22 } | |
| 23 | |
| 24 #header:-moz-dir(rtl) { | |
| 25 -moz-box-direction: reverse; | |
| 26 } | |
| 27 | |
| 28 #header > span { | |
| 29 display: -moz-box; | |
| 30 } | |
| 31 | |
| 32 #element-size { | |
| 33 -moz-box-flex: 1; | |
| 34 } | |
| 35 | |
| 36 #element-size:-moz-dir(rtl) { | |
| 37 -moz-box-pack: end; | |
| 38 } | |
| 39 | |
| 40 #main { | |
| 41 margin: 0 10px 10px 10px; | |
| 42 box-sizing: border-box; | |
| 43 width: calc(100% - 2 * 10px); | |
| 44 position: absolute; | |
| 45 border-width: 1px; | |
| 46 } | |
| 47 | |
| 48 @media (min-width: 320px) { | |
| 49 body { | |
| 50 position: absolute; | |
| 51 width: 320px; | |
| 52 left: -160px; | |
| 53 margin-left: 50%; | |
| 54 } | |
| 55 } | |
| 56 | |
| 57 #content, | |
| 58 #borders { | |
| 59 border-width: 1px; | |
| 60 } | |
| 61 | |
| 62 #content { | |
| 63 height: 25px; | |
| 64 } | |
| 65 | |
| 66 #margins, | |
| 67 #padding { | |
| 68 border-style: solid; | |
| 69 border-width: 25px; | |
| 70 } | |
| 71 | |
| 72 #borders { | |
| 73 padding: 25px; | |
| 74 } | |
| 75 | |
| 76 #main > p { | |
| 77 position: absolute; | |
| 78 pointer-events: none; | |
| 79 } | |
| 80 | |
| 81 #main > p { | |
| 82 margin: 0; | |
| 83 text-align: center; | |
| 84 } | |
| 85 | |
| 86 #main > p > span { | |
| 87 vertical-align: middle; | |
| 88 pointer-events: auto; | |
| 89 } | |
| 90 | |
| 91 .size > span { | |
| 92 cursor: default; | |
| 93 } | |
| 94 | |
| 95 .editable { | |
| 96 -moz-user-select: text; | |
| 97 } | |
| 98 | |
| 99 .top, | |
| 100 .bottom { | |
| 101 width: calc(100% - 2px); | |
| 102 text-align: center; | |
| 103 } | |
| 104 | |
| 105 .padding.top { | |
| 106 top: 55px; | |
| 107 } | |
| 108 | |
| 109 .padding.bottom { | |
| 110 bottom: 57px; | |
| 111 } | |
| 112 | |
| 113 .border.top { | |
| 114 top: 30px; | |
| 115 } | |
| 116 | |
| 117 .border.bottom { | |
| 118 bottom: 31px; | |
| 119 } | |
| 120 | |
| 121 .margin.top { | |
| 122 top: 5px; | |
| 123 } | |
| 124 | |
| 125 .margin.bottom { | |
| 126 bottom: 6px; | |
| 127 } | |
| 128 | |
| 129 .size, | |
| 130 .margin.left, | |
| 131 .margin.right, | |
| 132 .border.left, | |
| 133 .border.right, | |
| 134 .padding.left, | |
| 135 .padding.right { | |
| 136 top: 22px; | |
| 137 line-height: 132px; | |
| 138 } | |
| 139 | |
| 140 .size { | |
| 141 width: calc(100% - 2px); | |
| 142 } | |
| 143 | |
| 144 .margin.right, | |
| 145 .margin.left, | |
| 146 .border.left, | |
| 147 .border.right, | |
| 148 .padding.right, | |
| 149 .padding.left { | |
| 150 width: 25px; | |
| 151 } | |
| 152 | |
| 153 .padding.left { | |
| 154 left: 52px; | |
| 155 } | |
| 156 | |
| 157 .padding.right { | |
| 158 right: 51px; | |
| 159 } | |
| 160 | |
| 161 .border.left { | |
| 162 left: 26px; | |
| 163 } | |
| 164 | |
| 165 .border.right { | |
| 166 right: 26px; | |
| 167 } | |
| 168 | |
| 169 .margin.right { | |
| 170 right: 0; | |
| 171 } | |
| 172 | |
| 173 .margin.left { | |
| 174 left: 0; | |
| 175 } | |
| 176 | |
| 177 .rotate.left:not(.editing) { | |
| 178 transform: rotate(-90deg); | |
| 179 } | |
| 180 | |
| 181 .rotate.right:not(.editing) { | |
| 182 transform: rotate(90deg); | |
| 183 } | |
| 184 | |
| 185 .tooltip { | |
| 186 position: absolute; | |
| 187 bottom: 0; | |
| 188 right: 2px; | |
| 189 pointer-events: none; | |
| 190 } | |
| 191 | |
| 192 body.dim > #header > #element-position, | |
| 193 body.dim > #main > p, | |
| 194 body.dim > #main > .tooltip { | |
| 195 visibility: hidden; | |
| 196 } |
