| 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 79 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 90 margin: 2px auto; | 90 margin: 2px auto; |
| 91 font-weight: bold; | 91 font-weight: bold; |
| 92 opacity: 0; | 92 opacity: 0; |
| 93 pointer-events: none; | 93 pointer-events: none; |
| 94 -webkit-transition: opacity .15s; | 94 -webkit-transition: opacity .15s; |
| 95 z-index: 1; | 95 z-index: 1; |
| 96 color: black; | 96 color: black; |
| 97 } | 97 } |
| 98 | 98 |
| 99 #notification.first-run { | 99 #notification.first-run { |
| 100 padding: 5px 13px; /* subtract the border witdh */ | 100 padding: 5px 13px; /* subtract the border width */ |
| 101 border: 2px solid hsl(213, 55%, 75%); | 101 border: 2px solid hsl(213, 55%, 75%); |
| 102 background-color: hsl(213, 63%, 93%); | 102 background-color: hsl(213, 63%, 93%); |
| 103 -webkit-box-shadow: 2px 2px 3px hsla(0, 0%, 0%, .3); | 103 -webkit-box-shadow: 2px 2px 3px hsla(0, 0%, 0%, .3); |
| 104 font-weight: normal; | 104 font-weight: normal; |
| 105 } | 105 } |
| 106 | 106 |
| 107 #notification.promo { |
| 108 padding: 5px 13px; /* subtract the border width */ |
| 109 border: 1px solid hsl(0, 0%, 80%); |
| 110 background-color: hsl(120, 93%, 93%); |
| 111 -webkit-box-shadow: 2px 2px 3px hsla(0, 0%, 0%, .3); |
| 112 font-weight: normal; |
| 113 } |
| 114 |
| 115 #notification.promo a { |
| 116 color: rgb(0, 102, 204); |
| 117 } |
| 118 |
| 107 #notification > * { | 119 #notification > * { |
| 108 display: table-cell; | 120 display: table-cell; |
| 109 max-width: 500px; | 121 max-width: 500px; |
| 110 overflow: hidden; | 122 overflow: hidden; |
| 111 text-overflow: ellipsis; | 123 text-overflow: ellipsis; |
| 112 } | 124 } |
| 113 | 125 |
| 114 #notification.show { | 126 #notification.show { |
| 115 opacity: 1; | 127 opacity: 1; |
| 116 pointer-events: all; | 128 pointer-events: all; |
| (...skipping 395 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 512 } | 524 } |
| 513 } | 525 } |
| 514 | 526 |
| 515 /* Ensure we have at least 10px horizontal marging. */ | 527 /* Ensure we have at least 10px horizontal marging. */ |
| 516 @media (max-width: 712px) { | 528 @media (max-width: 712px) { |
| 517 #main { | 529 #main { |
| 518 margin-left: 10px; | 530 margin-left: 10px; |
| 519 margin-right: 10px; | 531 margin-right: 10px; |
| 520 } | 532 } |
| 521 } | 533 } |
| OLD | NEW |