| OLD | NEW |
| 1 /* Most Visited */ | 1 /* Most Visited */ |
| 2 | 2 |
| 3 #most-visited { | 3 #most-visited { |
| 4 position: relative; | 4 position: relative; |
| 5 padding: 0; | 5 padding: 0; |
| 6 height: 366px; | 6 height: 366px; |
| 7 margin-top: -10px; | 7 margin-top: -10px; |
| 8 -webkit-user-select: none; | 8 -webkit-user-select: none; |
| 9 } | 9 } |
| 10 | 10 |
| (...skipping 102 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 113 | 113 |
| 114 .edit-bar > .pin, | 114 .edit-bar > .pin, |
| 115 .edit-bar > .remove { | 115 .edit-bar > .remove { |
| 116 width: 16px; | 116 width: 16px; |
| 117 height: 16px; | 117 height: 16px; |
| 118 cursor: pointer; | 118 cursor: pointer; |
| 119 background-image: no-repeat 50% 50%; | 119 background-image: no-repeat 50% 50%; |
| 120 } | 120 } |
| 121 | 121 |
| 122 .edit-bar > .pin { | 122 .edit-bar > .pin { |
| 123 background-image: url(chrome://theme/IDR_NEWTAB_PIN_OFF); | 123 background-image: url('ntp_pin_off.png'); |
| 124 } | 124 } |
| 125 | 125 |
| 126 .edit-bar > .pin:hover { | 126 .edit-bar > .pin:hover { |
| 127 background-image: url(chrome://theme/IDR_NEWTAB_PIN_OFF_H); | 127 background-image: url('ntp_pin_off_h.png'); |
| 128 } | 128 } |
| 129 | 129 |
| 130 .edit-bar > .pin:active { | 130 .edit-bar > .pin:active { |
| 131 background-image: url(chrome://theme/IDR_NEWTAB_PIN_OFF_P); | 131 background-image: url('ntp_pin_off_p.png'); |
| 132 } | 132 } |
| 133 | 133 |
| 134 .pinned .edit-bar > .pin { | 134 .pinned .edit-bar > .pin { |
| 135 background-image: url(chrome://theme/IDR_NEWTAB_PIN_ON); | 135 background-image: url('ntp_pin_on.png'); |
| 136 } | 136 } |
| 137 | 137 |
| 138 .pinned .edit-bar > .pin:hover { | 138 .pinned .edit-bar > .pin:hover { |
| 139 background-image: url(chrome://theme/IDR_NEWTAB_PIN_ON_H); | 139 background-image: url(ntp_pin_on_h.png'); |
| 140 } | 140 } |
| 141 | 141 |
| 142 .pinned .edit-bar > .pin:active { | 142 .pinned .edit-bar > .pin:active { |
| 143 background-image: url(chrome://theme/IDR_NEWTAB_PIN_ON_P); | 143 background-image: url(ntp_pin_on_p.png'); |
| 144 } | 144 } |
| 145 | 145 |
| 146 .edit-bar > .remove { | 146 .edit-bar > .remove { |
| 147 background-image: url(chrome://theme/IDR_NEWTAB_CLOSE); | 147 background-image: url('ntp_close.png'); |
| 148 } | 148 } |
| 149 | 149 |
| 150 .edit-bar > .remove:hover { | 150 .edit-bar > .remove:hover { |
| 151 background-image: url(chrome://theme/IDR_NEWTAB_CLOSE_H); | 151 background-image: url('ntp_close_h.png'); |
| 152 } | 152 } |
| 153 | 153 |
| 154 .edit-bar > .remove:active { | 154 .edit-bar > .remove:active { |
| 155 background-image: url(chrome://theme/IDR_NEWTAB_CLOSE_P); | 155 background-image: url('ntp_close_p.png'); |
| 156 } | 156 } |
| 157 | 157 |
| 158 .thumbnail-container > .title > div { | 158 .thumbnail-container > .title > div { |
| 159 white-space: nowrap; | 159 white-space: nowrap; |
| 160 overflow: hidden; | 160 overflow: hidden; |
| 161 text-overflow: ellipsis; | 161 text-overflow: ellipsis; |
| 162 background: no-repeat 0 50%; | 162 background: no-repeat 0 50%; |
| 163 background-size: 16px; | 163 background-size: 16px; |
| 164 padding-left: 20px; /* we cannot use padding start here because even if we set | 164 padding-left: 20px; /* we cannot use padding start here because even if we set |
| 165 the direction we always want the icon on the same side | 165 the direction we always want the icon on the same side |
| (...skipping 85 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 251 } | 251 } |
| 252 | 252 |
| 253 .thumbnail-container > .title { | 253 .thumbnail-container > .title { |
| 254 height: auto; | 254 height: auto; |
| 255 } | 255 } |
| 256 | 256 |
| 257 .thumbnail-wrapper { | 257 .thumbnail-wrapper { |
| 258 background-size: 150px 93px; | 258 background-size: 150px 93px; |
| 259 } | 259 } |
| 260 } | 260 } |
| OLD | NEW |