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 { | 5 body { |
6 -webkit-user-select: none; | 6 -webkit-user-select: none; |
7 font-family: Open Sans, Droid Sans Fallback, sans-serif; | 7 font-family: Open Sans, Droid Sans Fallback, sans-serif; |
8 font-size: 84%; | 8 font-size: 84%; |
9 margin: 0; | 9 margin: 0; |
10 } | 10 } |
(...skipping 103 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
114 /* Toolbar */ | 114 /* Toolbar */ |
115 | 115 |
116 .gallery > .toolbar { | 116 .gallery > .toolbar { |
117 -webkit-box-align: stretch; | 117 -webkit-box-align: stretch; |
118 -webkit-box-orient: horizontal; | 118 -webkit-box-orient: horizontal; |
119 -webkit-box-pack: start; | 119 -webkit-box-pack: start; |
120 -webkit-transform: translate(0, 0); | 120 -webkit-transform: translate(0, 0); |
121 -webkit-transition-duration: 300ms; | 121 -webkit-transition-duration: 300ms; |
122 -webkit-transition-property: webkit-transform, opacity; | 122 -webkit-transition-property: webkit-transform, opacity; |
123 -webkit-transition-timing-function: ease; | 123 -webkit-transition-timing-function: ease; |
124 background-color: rgba(18, 18, 18, 0.75); | 124 background-color: rgba(18, 18, 18, 0.875); |
125 border-top: 1px solid rgba(31, 31, 31, 0.75); | 125 border-top: 1px solid rgba(31, 31, 31, 0.875); |
126 bottom: 0; | 126 bottom: 0; |
127 display: -webkit-box; | 127 display: -webkit-box; |
128 height: 55px; | 128 height: 55px; |
129 opacity: 0; | 129 opacity: 0; |
130 pointer-events: none; | 130 pointer-events: none; |
131 position: absolute; | 131 position: absolute; |
132 width: 100%; | 132 width: 100%; |
133 } | 133 } |
134 | 134 |
135 .gallery[tools] > .toolbar { | 135 .gallery[tools] > .toolbar { |
(...skipping 167 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
303 .gallery .filename-spacer .namebox input:focus:hover { | 303 .gallery .filename-spacer .namebox input:focus:hover { |
304 background-color: white; | 304 background-color: white; |
305 border-bottom: 1px solid white; | 305 border-bottom: 1px solid white; |
306 border-right: 1px solid white; | 306 border-right: 1px solid white; |
307 color: black; | 307 color: black; |
308 } | 308 } |
309 | 309 |
310 .gallery .filename-spacer .saved, | 310 .gallery .filename-spacer .saved, |
311 .gallery .filename-spacer .overwrite-original { | 311 .gallery .filename-spacer .overwrite-original { |
312 -webkit-transition: all linear 120ms; | 312 -webkit-transition: all linear 120ms; |
313 color: gray; | |
314 cursor: inherit; | 313 cursor: inherit; |
315 display: inline-block; | 314 display: inline-block; |
316 font-size: 90%; | 315 font-size: 90%; |
317 margin-left: 6px; | 316 margin-left: 3px; |
318 margin-right: 10px; | 317 margin-right: 18px; |
319 opacity: 0; | 318 opacity: 0; |
320 pointer-events: none; | 319 pointer-events: none; |
321 } | 320 } |
322 | 321 |
323 .gallery[editing] .filename-spacer .saved { | 322 .gallery[editing] .filename-spacer .saved { |
| 323 color: gray; |
324 opacity: 1; | 324 opacity: 1; |
325 } | 325 } |
326 | 326 |
327 .gallery[editing] .filename-spacer .overwrite-original, | 327 .gallery[editing] .filename-spacer .overwrite-original, |
328 .gallery[editing] .filename-spacer .overwrite-original > * { | 328 .gallery[editing] .filename-spacer .overwrite-original > * { |
329 color: gray; | |
330 cursor: pointer; | 329 cursor: pointer; |
331 opacity: 1; | 330 opacity: 1; |
332 pointer-events: auto; | 331 pointer-events: auto; |
333 } | 332 } |
334 | 333 |
335 .gallery[editing] .filename-spacer[saved] .overwrite-original, | 334 .gallery[editing] .filename-spacer[saved] .overwrite-original, |
336 .gallery[editing] .filename-spacer[saved] .overwrite-original > * { | 335 .gallery[editing] .filename-spacer[saved] .overwrite-original > * { |
337 cursor: default; | 336 cursor: default; |
338 opacity: 0.5; | |
339 pointer-events: none; | 337 pointer-events: none; |
340 } | 338 } |
341 | 339 |
342 .gallery .filename-spacer .overwrite-original input { | 340 .gallery .filename-spacer .overwrite-original input { |
343 margin-bottom: -2px; | 341 margin-bottom: -2px; |
344 margin-right: 6px; | 342 margin-right: 6px; |
345 } | 343 } |
346 | 344 |
347 .gallery .filename-spacer .saved[highlighted] { | 345 .gallery .filename-spacer .saved[highlighted] { |
348 -webkit-transform: scaleX(1.1) scaleY(1.1) rotate(0); | 346 -webkit-transform: scaleX(1.1) scaleY(1.1) rotate(0); |
(...skipping 644 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
993 | 991 |
994 .gallery[video] .video-controls { | 992 .gallery[video] .video-controls { |
995 -webkit-box-flex: 1; | 993 -webkit-box-flex: 1; |
996 display: -webkit-box; | 994 display: -webkit-box; |
997 } | 995 } |
998 | 996 |
999 .gallery[video] > .toolbar .button.edit, | 997 .gallery[video] > .toolbar .button.edit, |
1000 .gallery[video] > .toolbar .edit-bar { | 998 .gallery[video] > .toolbar .edit-bar { |
1001 display: none; | 999 display: none; |
1002 } | 1000 } |
OLD | NEW |