Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(573)

Side by Side Diff: chrome/browser/resources/file_manager/css/gallery.css

Issue 10830091: Visual tweaks for the Photo Editor (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Created 8 years, 4 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « no previous file | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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
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
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
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 }
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698