| 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 */ | |
| 5 | 4 |
| 6 #editing-controls { | 5 #editing-controls { |
| 7 margin-top: 16px; | 6 margin-top: 16px; |
| 8 white-space: nowrap; | 7 white-space: nowrap; |
| 9 } | 8 } |
| 10 | 9 |
| 11 #editing-controls button:first-of-type { | 10 #editing-controls button:first-of-type { |
| 12 -webkit-margin-start: 0; | 11 -webkit-margin-start: 0; |
| 13 } | 12 } |
| 14 | 13 |
| 15 #results-display { | 14 #results-display { |
| 16 margin: 16px 0 0 0; | 15 margin: 16px 0 0 0; |
| 17 max-width: 740px; | 16 max-width: 740px; |
| 18 } | 17 } |
| 19 | 18 |
| 20 .edit-button { | 19 .edit-button { |
| 21 -webkit-appearance: none; | 20 -webkit-appearance: none; |
| 22 background: none; | 21 background: none; |
| 23 border: 0; | 22 border: 0; |
| 24 color: blue; /* -webkit-link makes it purple :'( */ | 23 color: blue; /* -webkit-link makes it purple :'( */ |
| 25 cursor: pointer; | 24 cursor: pointer; |
| 26 display: inline-block; | 25 display: inline-block; |
| 27 font: inherit; | 26 font: inherit; |
| 27 padding: 0 9px; |
| 28 text-decoration: underline; | 28 text-decoration: underline; |
| 29 padding: 0 9px; | |
| 30 } | 29 } |
| 31 | 30 |
| 32 .gap, | 31 .gap, |
| 33 .entry, | 32 .entry, |
| 34 .no-entries { | 33 .no-entries { |
| 35 list-style: none; | 34 list-style: none; |
| 36 margin: 0; | 35 margin: 0; |
| 37 padding: 0; | 36 padding: 0; |
| 38 } | 37 } |
| 39 | 38 |
| (...skipping 22 matching lines...) Expand all Loading... |
| 62 } | 61 } |
| 63 | 62 |
| 64 html[dir=rtl] .entry-box { | 63 html[dir=rtl] .entry-box { |
| 65 float: right; /* To make the box shrink to fit its content. */ | 64 float: right; /* To make the box shrink to fit its content. */ |
| 66 } | 65 } |
| 67 | 66 |
| 68 .day { | 67 .day { |
| 69 white-space: nowrap; | 68 white-space: nowrap; |
| 70 } | 69 } |
| 71 | 70 |
| 72 .search-results, .day-results { | 71 .search-results, |
| 72 .day-results { |
| 73 margin: 0 0 24px 0; | 73 margin: 0 0 24px 0; |
| 74 padding: 0; | 74 padding: 0; |
| 75 } | 75 } |
| 76 | 76 |
| 77 .snippet { | 77 .snippet { |
| 78 -webkit-box-orient: vertical; | 78 -webkit-box-orient: vertical; |
| 79 -webkit-line-clamp: 2; | 79 -webkit-line-clamp: 2; |
| 80 -webkit-margin-start: 110px; | 80 -webkit-margin-start: 110px; |
| 81 clear: both; | 81 clear: both; |
| 82 color: rgb(34, 34, 34); | 82 color: rgb(34, 34, 34); |
| (...skipping 20 matching lines...) Expand all Loading... |
| 103 position: relative; | 103 position: relative; |
| 104 top: 2px; | 104 top: 2px; |
| 105 width: 12px; | 105 width: 12px; |
| 106 } | 106 } |
| 107 | 107 |
| 108 .drop-down:hover { | 108 .drop-down:hover { |
| 109 background-image: -webkit-canvas(drop-down-arrow-hover); | 109 background-image: -webkit-canvas(drop-down-arrow-hover); |
| 110 border-color: rgb(48, 57, 66); | 110 border-color: rgb(48, 57, 66); |
| 111 } | 111 } |
| 112 | 112 |
| 113 .drop-down[menu-shown], .drop-down:focus { | 113 .drop-down[menu-shown], |
| 114 .drop-down:focus { |
| 114 background-color: rgb(48, 57, 66); | 115 background-color: rgb(48, 57, 66); |
| 115 background-image: -webkit-canvas(drop-down-arrow-active); | 116 background-image: -webkit-canvas(drop-down-arrow-active); |
| 116 border-color: rgb(48, 57, 66); | 117 border-color: rgb(48, 57, 66); |
| 117 } | 118 } |
| 118 | 119 |
| 119 html[dir='rtl'] .entry .title { | 120 html[dir='rtl'] .entry .title { |
| 120 /* Put the favicon on the right. */ | 121 /* Put the favicon on the right. */ |
| 121 background-position-x: right; | 122 background-position-x: right; |
| 122 } | 123 } |
| 123 | 124 |
| (...skipping 27 matching lines...) Expand all Loading... |
| 151 } | 152 } |
| 152 | 153 |
| 153 .entry-box input[type=checkbox]:focus { | 154 .entry-box input[type=checkbox]:focus { |
| 154 -webkit-transition: opacity 150ms; | 155 -webkit-transition: opacity 150ms; |
| 155 } | 156 } |
| 156 | 157 |
| 157 .entry-box { | 158 .entry-box { |
| 158 background-color: none; | 159 background-color: none; |
| 159 } | 160 } |
| 160 | 161 |
| 161 .entry-box:hover, .entry-box.contains-focus { | 162 .entry-box:hover, |
| 163 .entry-box.contains-focus { |
| 162 background-color: rgb(252, 252, 252); | 164 background-color: rgb(252, 252, 252); |
| 163 border-radius: 2px; | 165 border-radius: 2px; |
| 164 } | 166 } |
| 165 | 167 |
| 166 .entry .title { | 168 .entry .title { |
| 167 -webkit-box-flex: 1; | 169 -webkit-box-flex: 1; |
| 168 overflow: hidden; | 170 overflow: hidden; |
| 169 text-overflow: ellipsis; | 171 text-overflow: ellipsis; |
| 170 white-space: nowrap; | 172 white-space: nowrap; |
| 171 } | 173 } |
| (...skipping 25 matching lines...) Expand all Loading... |
| 197 } | 199 } |
| 198 | 200 |
| 199 .entry .title > a:hover { | 201 .entry .title > a:hover { |
| 200 text-decoration: underline; | 202 text-decoration: underline; |
| 201 } | 203 } |
| 202 | 204 |
| 203 .fade-out { | 205 .fade-out { |
| 204 -webkit-transition: opacity 200ms; | 206 -webkit-transition: opacity 200ms; |
| 205 opacity: 0; | 207 opacity: 0; |
| 206 } | 208 } |
| OLD | NEW |