OLD | NEW |
---|---|
1 html { | 1 html { |
2 /* This is needed because of chrome://theme/css/new_tab.css */ | 2 /* This is needed because of chrome://theme/css/new_tab.css */ |
3 height: 100%; | 3 height: 100%; |
4 } | 4 } |
5 | 5 |
6 body { | 6 body { |
7 margin: 0; | 7 margin: 0; |
8 height: 100%; | 8 height: 100%; |
9 overflow: auto; | 9 overflow: auto; |
10 -webkit-user-select: none; | 10 -webkit-user-select: none; |
(...skipping 116 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
127 padding: 2px; | 127 padding: 2px; |
128 padding-left: 18px; | 128 padding-left: 18px; |
129 background-size: 16px; | 129 background-size: 16px; |
130 background-color: hsla(213, 63%, 93%, 0); | 130 background-color: hsla(213, 63%, 93%, 0); |
131 display: block; | 131 display: block; |
132 line-height: 20px; | 132 line-height: 20px; |
133 -webkit-box-sizing: border-box; | 133 -webkit-box-sizing: border-box; |
134 white-space: nowrap; | 134 white-space: nowrap; |
135 overflow: hidden; | 135 overflow: hidden; |
136 text-overflow: ellipsis; | 136 text-overflow: ellipsis; |
137 text-decoration: none; | |
138 font-size: 100%; | 137 font-size: 100%; |
139 } | 138 } |
140 | 139 |
141 .item:visited, | 140 .item:visited, |
142 .item:link { | 141 .item:link { |
143 color: hsl(213, 90%, 24%); | 142 color: hsl(213, 90%, 24%); |
144 } | 143 } |
145 | 144 |
146 html[dir=rtl] .item { | 145 html[dir=rtl] .item { |
147 background-position-x: 100%; | 146 background-position-x: 100%; |
(...skipping 39 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
187 to(rgb(228, 229, 240))); | 186 to(rgb(228, 229, 240))); |
188 width: auto; | 187 width: auto; |
189 max-width: 300px; | 188 max-width: 300px; |
190 } | 189 } |
191 | 190 |
192 .hbox { | 191 .hbox { |
193 display: -webkit-box; | 192 display: -webkit-box; |
194 -webkit-box-orient: horizontal; | 193 -webkit-box-orient: horizontal; |
195 } | 194 } |
196 | 195 |
197 #most-visited { | |
198 margin-bottom: 20px; | |
199 } | |
200 | |
201 #sync-status { | 196 #sync-status { |
202 display: none; | 197 display: none; |
203 border-radius: 6px; | 198 border-radius: 6px; |
204 padding: 5px 0; | 199 padding: 5px 0; |
205 margin: 10px 0; | 200 margin: 10px 0; |
206 white-space: nowrap; | 201 white-space: nowrap; |
207 overflow-x: hidden; | 202 overflow-x: hidden; |
208 } | 203 } |
209 | 204 |
210 #sync-status > * { | 205 #sync-status > * { |
(...skipping 116 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
327 | 322 |
328 .section > * { | 323 .section > * { |
329 font-size: 12px; | 324 font-size: 12px; |
330 } | 325 } |
331 | 326 |
332 .section.disabled { | 327 .section.disabled { |
333 display: none !important; | 328 display: none !important; |
334 } | 329 } |
335 | 330 |
336 .section > div { | 331 .section > div { |
337 margin-bottom: 10px; | 332 margin-bottom: 15px; |
333 } | |
334 | |
335 #apps-section-content { | |
336 /* This one is special because the app buttons already have a lot of empty | |
337 space around them. */ | |
338 margin-bottom: 5px; | |
338 } | 339 } |
339 | 340 |
340 .section > h2 { | 341 .section > h2 { |
341 background-position: 0 center; | 342 background-position: 0 center; |
342 background-repeat: no-repeat; | 343 background-repeat: no-repeat; |
343 -webkit-background-size: 100% 26px; | 344 -webkit-background-size: 100% 26px; |
344 display: block; | 345 display: block; |
345 font-family: Helvetica, Arial, sans-serif; | 346 font-family: Helvetica, Arial, sans-serif; |
346 font-size: 16px; | 347 font-size: 16px; |
347 font-weight: normal; | 348 font-weight: normal; |
(...skipping 13 matching lines...) Expand all Loading... | |
361 .section:not(.hidden) > h2 > img { | 362 .section:not(.hidden) > h2 > img { |
362 -webkit-transform:rotate(90deg); | 363 -webkit-transform:rotate(90deg); |
363 } | 364 } |
364 | 365 |
365 .section > h2 > span { | 366 .section > h2 > span { |
366 padding-right: 4px; | 367 padding-right: 4px; |
367 } | 368 } |
368 | 369 |
369 .section > .miniview { | 370 .section > .miniview { |
370 display: none; | 371 display: none; |
372 /* Because the items have 10px horizontal margins. */ | |
373 margin-left:-10px; | |
arv (Not doing code reviews)
2010/08/31 20:54:22
-webkit-margin-start: -10px;
-webkit-margin-end: -
| |
374 margin-right:-10px; | |
371 } | 375 } |
372 | 376 |
373 .section.hidden > * { | 377 .section.hidden > * { |
374 display: none; | 378 display: none; |
375 } | 379 } |
376 | 380 |
377 .section.hidden > h2, | 381 .section.hidden > h2, |
378 .section.hidden > .miniview { | 382 .section.hidden > .miniview { |
379 display: block; | 383 display: block; |
380 } | 384 } |
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
415 } | 419 } |
416 } | 420 } |
417 | 421 |
418 /* Ensure we have at least 10px horizontal marging. */ | 422 /* Ensure we have at least 10px horizontal marging. */ |
419 @media (max-width: 712px) { | 423 @media (max-width: 712px) { |
420 #main { | 424 #main { |
421 margin-left: 10px; | 425 margin-left: 10px; |
422 margin-right: 10px; | 426 margin-right: 10px; |
423 } | 427 } |
424 } | 428 } |
OLD | NEW |