| 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 227 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 238 #sync-status > * { | 238 #sync-status > * { |
| 239 display: inline-block; | 239 display: inline-block; |
| 240 max-width: none; | 240 max-width: none; |
| 241 white-space: nowrap; | 241 white-space: nowrap; |
| 242 overflow: hidden; | 242 overflow: hidden; |
| 243 text-overflow: ellipsis; | 243 text-overflow: ellipsis; |
| 244 font-size: 100%; | 244 font-size: 100%; |
| 245 margin: 0 10px; | 245 margin: 0 10px; |
| 246 } | 246 } |
| 247 | 247 |
| 248 #set-as-home-page { | |
| 249 display: none; | |
| 250 margin: 10px 0; | |
| 251 text-align: center; | |
| 252 } | |
| 253 | |
| 254 #top-bar { | 248 #top-bar { |
| 255 display: -webkit-box; | 249 display: -webkit-box; |
| 256 -webkit-box-align: center; | 250 -webkit-box-align: center; |
| 257 min-height: 56px; | 251 min-height: 56px; |
| 258 } | 252 } |
| 259 | 253 |
| 260 #tip-line { | 254 .notification.hidden { |
| 261 -webkit-box-flex: 1; | |
| 262 -webkit-transition: opacity .15s; | |
| 263 -webkit-user-select: text; | |
| 264 border: 0; | |
| 265 cursor: text; | |
| 266 display: block; /* Since we are reusing the section display logic we need | |
| 267 to override the display for hidden tips. */ | |
| 268 margin: 10px; | |
| 269 -webkit-margin-start: 50%; | |
| 270 text-align: end; | |
| 271 } | |
| 272 | |
| 273 .notification.hidden, | |
| 274 #tip-line.hidden, | |
| 275 .notification-shown #tip-line { | |
| 276 opacity: 0; | 255 opacity: 0; |
| 277 pointer-events: none; | 256 pointer-events: none; |
| 278 } | 257 } |
| 279 | 258 |
| 280 #tip-line a, | |
| 281 #tip-line button { | |
| 282 /* We do not want a trailing single word from a link on the last line */ | |
| 283 white-space: nowrap; | |
| 284 } | |
| 285 | |
| 286 #option-button { | 259 #option-button { |
| 287 -webkit-appearance: none; | 260 -webkit-appearance: none; |
| 288 background-color: transparent; | 261 background-color: transparent; |
| 289 width: 19px; | 262 width: 19px; |
| 290 height: 17px; | 263 height: 17px; |
| 291 margin: 0; | 264 position: absolute; |
| 265 right: 0; |
| 266 top: 20px; |
| 292 border: 0; | 267 border: 0; |
| 293 padding: 0; | 268 padding: 0; |
| 294 vertical-align: top; | 269 vertical-align: top; |
| 295 -webkit-margin-start: 10px; | 270 -webkit-margin-start: 10px; |
| 296 /* Do not show focus outline */ | 271 /* Do not show focus outline */ |
| 297 outline: none; | 272 outline: none; |
| 298 background-image: url(chrome://theme/IDR_NEWTAB_OPTION); | 273 background-image: url(chrome://theme/IDR_NEWTAB_OPTION); |
| 299 } | 274 } |
| 300 | 275 |
| 301 #option-button:hover, | 276 #option-button:hover, |
| (...skipping 187 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 489 #footer hr { | 464 #footer hr { |
| 490 border: 0; | 465 border: 0; |
| 491 display: inline; | 466 display: inline; |
| 492 margin: 0; | 467 margin: 0; |
| 493 padding: 0; | 468 padding: 0; |
| 494 } | 469 } |
| 495 | 470 |
| 496 #footer hr:after { | 471 #footer hr:after { |
| 497 content: "|"; | 472 content: "|"; |
| 498 } | 473 } |
| OLD | NEW |