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 |