| OLD | NEW |
| 1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2011 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 | 5 |
| 6 #results-summary { | 6 #results-summary { |
| 7 border-top: 1px solid rgb(156, 194, 239); | 7 border-top: 1px solid rgb(156, 194, 239); |
| 8 background-color: rgb(235, 239, 249); | 8 background-color: rgb(235, 239, 249); |
| 9 font-weight: bold; | 9 font-weight: bold; |
| 10 padding: 3px; | 10 padding: 3px; |
| (...skipping 48 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 59 | 59 |
| 60 .entry { | 60 .entry { |
| 61 overflow: auto; /* Make sure it's at least as large as its children. */ | 61 overflow: auto; /* Make sure it's at least as large as its children. */ |
| 62 } | 62 } |
| 63 | 63 |
| 64 .entry-box { | 64 .entry-box { |
| 65 -webkit-box-orient: horizontal; | 65 -webkit-box-orient: horizontal; |
| 66 cursor: default; | 66 cursor: default; |
| 67 display: -webkit-box; | 67 display: -webkit-box; |
| 68 float: left; /* Box will shrink to fit its content. */ | 68 float: left; /* Box will shrink to fit its content. */ |
| 69 line-height: 1.6em; | 69 font-size: 13px; |
| 70 |
| 71 /* An odd line-height ensures a consistent baseline on all platforms. */ |
| 72 line-height: 21px; |
| 70 | 73 |
| 71 /* The box should be no bigger than its parent. */ | 74 /* The box should be no bigger than its parent. */ |
| 72 max-width: 100%; | 75 max-width: 100%; |
| 73 | 76 |
| 74 overflow: hidden; | 77 overflow: hidden; |
| 78 |
| 79 padding-top: 1px; |
| 75 } | 80 } |
| 76 | 81 |
| 77 html[dir=rtl] .entry-box { | 82 html[dir=rtl] .entry-box { |
| 78 float: right; /* To make the box shrink to fit its content. */ | 83 float: right; /* To make the box shrink to fit its content. */ |
| 79 } | 84 } |
| 80 | 85 |
| 81 .search-results, .day-results { | 86 .search-results, .day-results { |
| 82 margin: 0 0 24px 0; | 87 margin: 0 0 24px 0; |
| 83 padding: 0; | 88 padding: 0; |
| 84 } | 89 } |
| (...skipping 12 matching lines...) Expand all Loading... |
| 97 text-overflow: ellipsis; | 102 text-overflow: ellipsis; |
| 98 } | 103 } |
| 99 | 104 |
| 100 .entry .domain { | 105 .entry .domain { |
| 101 color: rgb(154, 154, 154); | 106 color: rgb(154, 154, 154); |
| 102 padding-left: 6px; | 107 padding-left: 6px; |
| 103 padding-right: 6px; | 108 padding-right: 6px; |
| 104 } | 109 } |
| 105 | 110 |
| 106 .drop-down { | 111 .drop-down { |
| 107 -webkit-margin-end: 4px; | 112 -webkit-margin-end: 5px; |
| 108 background: white -webkit-canvas(drop-down-arrow) no-repeat center center; | 113 background: white -webkit-canvas(drop-down-arrow) no-repeat center 4px; |
| 109 border: 1px solid rgb(182, 212, 252); | 114 border: 1px solid rgb(182, 212, 252); |
| 110 border-radius: 2px; | 115 border-radius: 2px; |
| 111 height: 13px; | 116 height: 12px; |
| 117 padding: 0; |
| 112 position: relative; | 118 position: relative; |
| 113 top: 2px; | 119 top: 1px; |
| 114 width: 13px; | 120 width: 12px; |
| 115 } | 121 } |
| 116 | 122 |
| 117 .drop-down:hover { | 123 .drop-down:hover { |
| 118 background-image: -webkit-canvas(drop-down-arrow-hover); | 124 background-image: -webkit-canvas(drop-down-arrow-hover); |
| 119 border-color: rgb(106, 134, 222); | 125 border-color: rgb(106, 134, 222); |
| 120 } | 126 } |
| 121 | 127 |
| 122 .drop-down[menu-shown], .drop-down:focus { | 128 .drop-down[menu-shown], .drop-down:focus { |
| 123 background-color: rgb(106, 134, 222); | 129 background-color: rgb(106, 134, 222); |
| 124 background-image: -webkit-canvas(drop-down-arrow-active); | 130 background-image: -webkit-canvas(drop-down-arrow-active); |
| (...skipping 13 matching lines...) Expand all Loading... |
| 138 width: 90px; | 144 width: 90px; |
| 139 } | 145 } |
| 140 | 146 |
| 141 .search-results .time { | 147 .search-results .time { |
| 142 width: 110px; | 148 width: 110px; |
| 143 } | 149 } |
| 144 | 150 |
| 145 .entry input[type=checkbox] { | 151 .entry input[type=checkbox] { |
| 146 -webkit-margin-end: 6px; | 152 -webkit-margin-end: 6px; |
| 147 -webkit-margin-start: 4px; | 153 -webkit-margin-start: 4px; |
| 148 height: 13px; | 154 height: 14px; |
| 149 line-height: 12px; | 155 line-height: 12px; |
| 150 text-indent: -1px; | 156 text-indent: -1px; |
| 151 top: 2px; | 157 top: 2px; |
| 152 width: 14px; | 158 width: 14px; |
| 153 } | 159 } |
| 154 | 160 |
| 155 /* Checkboxes are shown when checked or focused, or when the entry is hovered. | 161 /* Checkboxes are shown when checked or focused, or when the entry is hovered. |
| 156 Fade in on focus, but not on hover, because it makes the UI feel laggy. */ | 162 Fade in on focus, but not on hover, because it makes the UI feel laggy. */ |
| 157 .entry input[type=checkbox]:not(:checked) { | 163 .entry input[type=checkbox]:not(:checked) { |
| 158 opacity: 0; | 164 opacity: 0; |
| (...skipping 22 matching lines...) Expand all Loading... |
| 181 overflow: hidden; | 187 overflow: hidden; |
| 182 text-overflow: ellipsis; | 188 text-overflow: ellipsis; |
| 183 white-space: nowrap; | 189 white-space: nowrap; |
| 184 } | 190 } |
| 185 | 191 |
| 186 .entry .title { | 192 .entry .title { |
| 187 /* Make room for the favicon. */ | 193 /* Make room for the favicon. */ |
| 188 -webkit-padding-start: 20px; | 194 -webkit-padding-start: 20px; |
| 189 | 195 |
| 190 /* Control the favicon appearance. */ | 196 /* Control the favicon appearance. */ |
| 197 background-position-y: 2px; |
| 191 background-repeat: no-repeat; | 198 background-repeat: no-repeat; |
| 192 background-position-y: center; | |
| 193 } | 199 } |
| 194 | 200 |
| 195 .entry .starred { | 201 .entry .starred { |
| 196 -webkit-margin-start: 4px; | 202 -webkit-margin-start: 4px; |
| 197 background: url('shared/images/star_small.png') no-repeat; | 203 background: url('shared/images/star_small.png') no-repeat; |
| 198 display: inline-block; | 204 display: inline-block; |
| 199 height: 11px; | 205 height: 11px; |
| 200 width: 11px; | 206 width: 11px; |
| 201 } | 207 } |
| 202 | 208 |
| (...skipping 18 matching lines...) Expand all Loading... |
| 221 .fade-out { | 227 .fade-out { |
| 222 -webkit-transition: opacity 200ms; | 228 -webkit-transition: opacity 200ms; |
| 223 opacity: 0; | 229 opacity: 0; |
| 224 } | 230 } |
| 225 | 231 |
| 226 .page-navigation { | 232 .page-navigation { |
| 227 -webkit-margin-end: 4px; | 233 -webkit-margin-end: 4px; |
| 228 background-color: rgb(235, 239, 249); | 234 background-color: rgb(235, 239, 249); |
| 229 padding: 8px; | 235 padding: 8px; |
| 230 } | 236 } |
| OLD | NEW |