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