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

Side by Side Diff: ui/webui/resources/css/dialogs.css

Issue 2691883002: Uprefix CSS transitions in ui/ and chrome/ styles (Closed)
Patch Set: transitions only Created 3 years, 10 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
« no previous file with comments | « ui/webui/resources/css/chrome_shared.css ('k') | ui/webui/resources/css/overlay.css » ('j') | 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 .cr-dialog-container { 5 .cr-dialog-container {
6 -webkit-box-align: center; 6 -webkit-box-align: center;
7 -webkit-box-pack: center; 7 -webkit-box-pack: center;
8 -webkit-transition: opacity 250ms linear;
9 display: -webkit-box; 8 display: -webkit-box;
10 height: 100%; 9 height: 100%;
11 left: 0; 10 left: 0;
12 overflow: hidden; 11 overflow: hidden;
13 position: absolute; 12 position: absolute;
14 top: 0; 13 top: 0;
14 transition: opacity 250ms linear;
15 user-select: none; 15 user-select: none;
16 width: 100%; 16 width: 100%;
17 z-index: 9999; 17 z-index: 9999;
18 } 18 }
19 19
20 .cr-dialog-frame { 20 .cr-dialog-frame {
21 -webkit-box-orient: vertical; 21 -webkit-box-orient: vertical;
22 -webkit-box-shadow: 5px 5px 5px rgba(100, 100, 100, 0.5); 22 -webkit-box-shadow: 5px 5px 5px rgba(100, 100, 100, 0.5);
23 background-color: white; 23 background-color: white;
24 border: 1px solid rgba(0, 0, 0, 0.3); 24 border: 1px solid rgba(0, 0, 0, 0.3);
(...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after
58 animation-timing-function: ease-in-out; 58 animation-timing-function: ease-in-out;
59 } 59 }
60 60
61 .shown > .cr-dialog-frame { 61 .shown > .cr-dialog-frame {
62 opacity: 1; 62 opacity: 1;
63 transform: perspective(500px) scale(1) 63 transform: perspective(500px) scale(1)
64 translateY(0) rotateX(0); 64 translateY(0) rotateX(0);
65 } 65 }
66 66
67 .cr-dialog-frame { 67 .cr-dialog-frame {
68 -webkit-transition: all 180ms;
69 -webkit-transition-duration: 250ms;
70 opacity: 0; 68 opacity: 0;
71 transform: perspective(500px) scale(0.99) 69 transform: perspective(500px) scale(0.99)
72 translateY(-20px) rotateX(5deg); 70 translateY(-20px) rotateX(5deg);
71 transition: all 180ms;
72 transition-duration: 250ms;
73 } 73 }
74 74
75 .cr-dialog-shield { 75 .cr-dialog-shield {
76 -webkit-transition: opacity 500ms;
77 background-color: white; 76 background-color: white;
78 bottom: 0; 77 bottom: 0;
79 display: block; 78 display: block;
80 left: 0; 79 left: 0;
81 opacity: 0; 80 opacity: 0;
82 pointer-events: none; 81 pointer-events: none;
83 position: absolute; 82 position: absolute;
84 right: 0; 83 right: 0;
85 top: 0; 84 top: 0;
85 transition: opacity 500ms;
86 } 86 }
87 87
88 .shown > .cr-dialog-shield { 88 .shown > .cr-dialog-shield {
89 -webkit-transition: opacity 500ms;
90 opacity: 0.75; 89 opacity: 0.75;
90 transition: opacity 500ms;
91 } 91 }
92 92
93 [hidden] { 93 [hidden] {
94 display: none; 94 display: none;
95 } 95 }
96 96
97 .cr-dialog-title { 97 .cr-dialog-title {
98 -webkit-margin-end: 20px; 98 -webkit-margin-end: 20px;
99 display: block; 99 display: block;
100 font-size: 120%; 100 font-size: 120%;
(...skipping 36 matching lines...) Expand 10 before | Expand all | Expand 10 after
137 width: 44px; 137 width: 44px;
138 } 138 }
139 139
140 .cr-dialog-close:hover { 140 .cr-dialog-close:hover {
141 background-image: url(chrome://theme/IDR_CLOSE_DIALOG_H); 141 background-image: url(chrome://theme/IDR_CLOSE_DIALOG_H);
142 } 142 }
143 143
144 .cr-dialog-close:active { 144 .cr-dialog-close:active {
145 background-image: url(chrome://theme/IDR_CLOSE_DIALOG_P); 145 background-image: url(chrome://theme/IDR_CLOSE_DIALOG_P);
146 } 146 }
OLDNEW
« no previous file with comments | « ui/webui/resources/css/chrome_shared.css ('k') | ui/webui/resources/css/overlay.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698