OLD | NEW |
1 body { | 1 body { |
2 cursor: default; | 2 cursor: default; |
3 font-size: 100%; | 3 font-size: 100%; |
4 } | 4 } |
5 | 5 |
6 #settings-title { | 6 #settings-title { |
7 -webkit-padding-end: 24px; | 7 -webkit-padding-end: 24px; |
8 color: #53637d; | 8 color: #53637d; |
9 cursor: pointer; | 9 cursor: pointer; |
10 font-size: 200%; | 10 font-size: 200%; |
(...skipping 174 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
185 #mainview-content { | 185 #mainview-content { |
186 box-sizing: border-box; | 186 box-sizing: border-box; |
187 max-width: 888px; | 187 max-width: 888px; |
188 min-height: 100%; | 188 min-height: 100%; |
189 min-width: 600px; | 189 min-width: 600px; |
190 padding: 0 24px; | 190 padding: 0 24px; |
191 position: relative; | 191 position: relative; |
192 } | 192 } |
193 | 193 |
194 .subpage-sheet-container { | 194 .subpage-sheet-container { |
195 padding: 8px; | 195 -webkit-margin-start: 60px; |
196 -webkit-padding-start: 60px; | |
197 box-sizing: border-box; | 196 box-sizing: border-box; |
198 height: 100%; | 197 height: 100%; |
| 198 padding: 8px; |
| 199 /* Must come after padding. */ |
| 200 -webkit-padding-start: 0; |
199 position: absolute; | 201 position: absolute; |
| 202 /* We set both left and right for the sake of RTL. */ |
| 203 left: 0; |
| 204 right: 0; |
200 top: 0; | 205 top: 0; |
201 left: 0; | 206 width: 688px; |
202 } | 207 } |
203 | 208 |
204 #subpage-sheet-container-1 { | 209 #subpage-sheet-container-1 { |
205 width: 748px; | |
206 z-index: 5; | 210 z-index: 5; |
207 } | 211 } |
208 | 212 |
209 #subpage-sheet-container-2 { | 213 #subpage-sheet-container-2 { |
210 left: 60px; | 214 -webkit-padding-start: 60px; |
211 width: 688px; | |
212 z-index: 10; | 215 z-index: 10; |
213 } | 216 } |
214 | 217 |
215 .subpage-sheet { | 218 .subpage-sheet { |
216 -webkit-box-shadow: #666 0px 3px 5px; | 219 -webkit-box-shadow: #666 0px 3px 5px; |
217 background-color: white; | 220 background-color: white; |
218 border: 1px solid #b8b8b8; | 221 border: 1px solid #b8b8b8; |
219 border-radius: 2px; | 222 border-radius: 2px; |
220 box-sizing: border-box; | 223 box-sizing: border-box; |
221 min-height: 100%; | 224 min-height: 100%; |
(...skipping 309 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
531 } | 534 } |
532 | 535 |
533 .suboption { | 536 .suboption { |
534 -webkit-margin-start: 16px; | 537 -webkit-margin-start: 16px; |
535 } | 538 } |
536 | 539 |
537 html[os=mac] label > input[type=checkbox], | 540 html[os=mac] label > input[type=checkbox], |
538 html[os=mac] label > input[type=radio] { | 541 html[os=mac] label > input[type=radio] { |
539 margin-top: 2px; | 542 margin-top: 2px; |
540 } | 543 } |
OLD | NEW |