| OLD | NEW |
| 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. |
| 2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
| 4 | 4 |
| 5 body:not(.uber-frame) { | 5 body:not(.uber-frame) { |
| 6 color: rgb(48, 57, 66); | 6 color: rgb(48, 57, 66); |
| 7 margin: 0 8px 0 8px; | 7 margin: 0 8px 0 8px; |
| 8 } | 8 } |
| 9 | 9 |
| 10 #editing-controls, | 10 #editing-controls, |
| (...skipping 83 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 94 /* The box should be no bigger than its parent. */ | 94 /* The box should be no bigger than its parent. */ |
| 95 max-width: 100%; | 95 max-width: 100%; |
| 96 overflow: hidden; | 96 overflow: hidden; |
| 97 padding-bottom: 1px; | 97 padding-bottom: 1px; |
| 98 } | 98 } |
| 99 | 99 |
| 100 .site-domain-wrapper { | 100 .site-domain-wrapper { |
| 101 cursor: pointer; | 101 cursor: pointer; |
| 102 } | 102 } |
| 103 | 103 |
| 104 html[dir=rtl] .entry-box { | 104 html[dir=rtl] .entry-box, |
| 105 html[dir=rtl] .site-domain-wrapper { |
| 105 float: right; /* To make the box shrink to fit its content. */ | 106 float: right; /* To make the box shrink to fit its content. */ |
| 106 } | 107 } |
| 107 | 108 |
| 108 .day { | 109 .day { |
| 109 white-space: nowrap; | 110 white-space: nowrap; |
| 110 } | 111 } |
| 111 | 112 |
| 112 .search-results, | 113 .search-results, |
| 113 .day-results { | 114 .day-results { |
| 114 margin: 0 0 24px 0; | 115 margin: 0 0 24px 0; |
| 115 padding: 0; | 116 padding: 0; |
| 116 } | 117 } |
| 117 | 118 |
| 118 .site-results { | 119 .site-results { |
| 119 -webkit-transition: height 350ms ease-in-out; | 120 -webkit-transition: height 350ms ease-in-out; |
| 120 clear: left; | 121 clear: left; |
| 121 margin: 0; | 122 margin: 0; |
| 122 overflow: hidden; | 123 overflow: hidden; |
| 123 padding: 0; | 124 padding: 0; |
| 124 } | 125 } |
| 125 | 126 |
| 127 html[dir='rtl'] .site-results { |
| 128 clear: right; |
| 129 } |
| 130 |
| 126 h2.timeframe { | 131 h2.timeframe { |
| 127 font-size: 1.5em; | 132 font-size: 1.5em; |
| 128 } | 133 } |
| 129 | 134 |
| 130 .snippet { | 135 .snippet { |
| 131 -webkit-box-orient: vertical; | 136 -webkit-box-orient: vertical; |
| 132 -webkit-line-clamp: 2; | 137 -webkit-line-clamp: 2; |
| 133 -webkit-margin-start: 110px; | 138 -webkit-margin-start: 110px; |
| 134 clear: both; | 139 clear: both; |
| 135 color: rgb(34, 34, 34); | 140 color: rgb(34, 34, 34); |
| 136 display: -webkit-box; | 141 display: -webkit-box; |
| 137 line-height: 1.6em; | 142 line-height: 1.6em; |
| 138 margin-bottom: 1em; | 143 margin-bottom: 1em; |
| 139 overflow: hidden; | 144 overflow: hidden; |
| 140 text-overflow: ellipsis; | 145 text-overflow: ellipsis; |
| 141 } | 146 } |
| 142 | 147 |
| 143 .entry .domain { | 148 .entry .domain { |
| 144 color: rgb(151, 156, 160); | 149 color: rgb(151, 156, 160); |
| 145 padding-left: 6px; | 150 padding-left: 6px; |
| 146 padding-right: 6px; | 151 padding-right: 6px; |
| 147 } | 152 } |
| 148 | 153 |
| 149 .site-results .domain { | 154 .site-results .domain { |
| 150 display: none; | 155 display: none; |
| 151 } | 156 } |
| 152 | 157 |
| 158 |
| 159 html[dir='rtl'] .number-visits { |
| 160 direction: rtl; |
| 161 unicode-bidi: embed; |
| 162 } |
| 163 |
| 153 .number-visits { | 164 .number-visits { |
| 154 color: rgb(151, 156, 160); | 165 color: rgb(151, 156, 160); |
| 155 } | 166 } |
| 156 | 167 |
| 157 .drop-down { | 168 .drop-down { |
| 158 -webkit-margin-end: 5px; | 169 -webkit-margin-end: 5px; |
| 159 background: white -webkit-canvas(drop-down-arrow) no-repeat center 4px; | 170 background: white -webkit-canvas(drop-down-arrow) no-repeat center 4px; |
| 160 border: 1px solid rgb(192, 195, 198); | 171 border: 1px solid rgb(192, 195, 198); |
| 161 border-radius: 2px; | 172 border-radius: 2px; |
| 162 height: 12px; | 173 height: 12px; |
| 163 padding: 0; | 174 padding: 0; |
| 164 position: relative; | 175 position: relative; |
| 165 top: 2px; | 176 top: 2px; |
| 166 width: 12px; | 177 width: 12px; |
| 167 } | 178 } |
| 168 | 179 |
| 169 .drop-down:hover { | 180 .drop-down:hover { |
| 170 background-image: -webkit-canvas(drop-down-arrow-hover); | 181 background-image: -webkit-canvas(drop-down-arrow-hover); |
| 171 border-color: rgb(48, 57, 66); | 182 border-color: rgb(48, 57, 66); |
| 172 } | 183 } |
| 173 | 184 |
| 174 .drop-down[menu-shown], | 185 .drop-down[menu-shown], |
| 175 .drop-down:focus { | 186 .drop-down:focus { |
| 176 background-color: rgb(48, 57, 66); | 187 background-color: rgb(48, 57, 66); |
| 177 background-image: -webkit-canvas(drop-down-arrow-active); | 188 background-image: -webkit-canvas(drop-down-arrow-active); |
| 178 border-color: rgb(48, 57, 66); | 189 border-color: rgb(48, 57, 66); |
| 179 } | 190 } |
| 180 | 191 |
| 181 html[dir='rtl'] .entry .title { | 192 html[dir='rtl'] .entry .title, |
| 193 html[dir='rtl'] .site-domain { |
| 182 /* Put the favicon on the right. */ | 194 /* Put the favicon on the right. */ |
| 183 background-position-x: right; | 195 background-position-x: right; |
| 184 } | 196 } |
| 185 | 197 |
| 186 .entry .time { | 198 .entry .time { |
| 187 color: rgb(151, 156, 160); | 199 color: rgb(151, 156, 160); |
| 188 overflow: hidden; | 200 overflow: hidden; |
| 189 text-overflow: ellipsis; | 201 text-overflow: ellipsis; |
| 190 white-space: nowrap; | 202 white-space: nowrap; |
| 191 width: 90px; | 203 width: 90px; |
| (...skipping 50 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 242 -webkit-padding-start: 20px; | 254 -webkit-padding-start: 20px; |
| 243 | 255 |
| 244 /* Control the favicon appearance. */ | 256 /* Control the favicon appearance. */ |
| 245 background-position-y: 3px; | 257 background-position-y: 3px; |
| 246 background-repeat: no-repeat; | 258 background-repeat: no-repeat; |
| 247 background-size: 16px; | 259 background-size: 16px; |
| 248 } | 260 } |
| 249 | 261 |
| 250 .site-domain-arrow { | 262 .site-domain-arrow { |
| 251 -webkit-transition: -webkit-transform 300ms linear; | 263 -webkit-transition: -webkit-transform 300ms linear; |
| 252 color: #8F8F8F; | 264 color: rgb(143, 143, 143); |
| 253 height: 21px; | 265 height: 21px; |
| 254 margin-right: 2px; | 266 margin-right: 2px; |
| 255 text-align: center; | 267 text-align: center; |
| 256 width: 21px; | 268 width: 21px; |
| 257 } | 269 } |
| 258 | 270 |
| 259 .site-domain-arrow.collapse { | 271 .site-domain-arrow.collapse { |
| 260 -webkit-transform: rotate(0); | 272 -webkit-transform: rotate(0); |
| 261 } | 273 } |
| 262 | 274 |
| 263 .site-domain-arrow.expand { | 275 .site-domain-arrow.expand { |
| 264 -webkit-transform: rotate(90deg); | 276 -webkit-transform: rotate(90deg); |
| 265 } | 277 } |
| 266 | 278 |
| 279 html[dir='rtl'] .site-domain-arrow { |
| 280 -webkit-transform: scaleX(-1); |
| 281 } |
| 282 |
| 283 html[dir='rtl'] .site-domain-arrow.expand { |
| 284 -webkit-transform: scaleX(-1) rotate(90deg); |
| 285 } |
| 286 |
| 267 .entry .starred { | 287 .entry .starred { |
| 268 -webkit-margin-start: 4px; | 288 -webkit-margin-start: 4px; |
| 269 background: url('../../../../ui/webui/resources/images/star_small.png') no-rep
eat; | 289 background: url('../../../../ui/webui/resources/images/star_small.png') no-rep
eat; |
| 270 display: inline-block; | 290 display: inline-block; |
| 271 height: 11px; | 291 height: 11px; |
| 272 width: 11px; | 292 width: 11px; |
| 273 } | 293 } |
| 274 | 294 |
| 275 .entry .title > a { | 295 .entry .title > a { |
| 276 color: rgb(48, 57, 66); | 296 color: rgb(48, 57, 66); |
| (...skipping 14 matching lines...) Expand all Loading... |
| 291 } | 311 } |
| 292 | 312 |
| 293 .menu-button.drop-down { | 313 .menu-button.drop-down { |
| 294 position: relative; | 314 position: relative; |
| 295 top: 2px; | 315 top: 2px; |
| 296 } | 316 } |
| 297 | 317 |
| 298 #action-menu > :not(hr) { | 318 #action-menu > :not(hr) { |
| 299 line-height: 29px; | 319 line-height: 29px; |
| 300 } | 320 } |
| OLD | NEW |