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 /* Google Drive welcome banners.*/ | 5 /* Google Drive welcome banners.*/ |
6 .gdrive-welcome-wrapper { | 6 .gdrive-welcome-wrapper { |
7 /* This image looks good in high DPI as is. */ | 7 /* This image looks good in high DPI as is. */ |
8 background-image: url('../images/files/ui/clouds.png'); | 8 background-image: url('../images/files/ui/clouds.png'); |
9 background-repeat: repeat-x; | 9 background-repeat: repeat-x; |
10 } | 10 } |
11 | 11 |
12 .gdrive-welcome-icon { | 12 .gdrive-welcome-icon { |
13 background-image: -webkit-image-set( | 13 background-image: -webkit-image-set( |
14 url('../images/files/ui/gdrive_logo.png') 1x, | 14 url('../images/files/ui/gdrive_logo.png') 1x, |
15 url('../images/files/ui/2x/gdrive_logo.png') 2x); | 15 url('../images/files/ui/2x/gdrive_logo.png') 2x); |
16 background-repeat: no-repeat; | 16 background-repeat: no-repeat; |
17 } | 17 } |
18 | 18 |
19 .gdrive-welcome-links { | 19 .gdrive-welcome-links { |
20 -webkit-box-orient: horizontal; | 20 -webkit-box-orient: horizontal; |
21 display: -webkit-box; | 21 display: -webkit-box; |
22 } | 22 } |
23 | 23 |
24 .gdata-welcome-button { | |
25 -webkit-border-radius: 2px; | |
26 -webkit-transition: all 218ms; | |
27 -webkit-user-select: none; | |
28 background-color: #f5f5f5; | |
29 background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1); | |
30 border: 1px solid rgba(0,0,0,0.1); | |
31 color: #444; | |
32 cursor: default; | |
33 display: inline-block; | |
34 font-size: 13px; | |
35 font-weight: bold; | |
36 height: 27px; | |
37 line-height: 27px; | |
38 padding: 0 8px; | |
39 text-align: center; | |
40 } | |
41 | |
42 .gdata-welcome-button:hover { | |
43 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); | |
44 -webkit-transition: all 0; | |
45 background-color: #f8f8f8; | |
46 background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1); | |
47 border-color: #C6C6C6; | |
48 color: #222; | |
49 } | |
50 | |
51 .gdata-welcome-button:active { | |
52 -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); | |
53 background-color: #f6f6f6; | |
54 background-image: -webkit-linear-gradient(top,#f6f6f6,#f1f1f1); | |
55 } | |
56 | |
57 | |
58 .gdata-welcome-button.gdata-welcome-start { | |
59 background-color: rgb(77, 144, 254); | |
60 background-image: | |
61 -webkit-linear-gradient(top, rgb(77, 144, 254), rgb(71, 135, 237)); | |
62 border-color: rgb(48, 121, 237); | |
63 color: white; | |
64 } | |
65 | |
66 .gdata-welcome-button.gdata-welcome-start:hover { | |
67 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); | |
68 background-color: rgb(53, 122, 232); | |
Dmitry Zvorygin
2012/07/25 15:15:46
I'm not a css pro, but are you sure you need in al
Vladislav Kaznacheev
2012/07/25 16:45:13
Good catch! Removed.
On 2012/07/25 15:15:46, Dmitr
| |
69 background-image: | |
70 -webkit-linear-gradient(top, rgb(77, 144, 254), rgb(53, 122, 232)); | |
71 border-color: rgb(47, 91, 183); | |
72 } | |
73 | |
24 /* Header welcome banner. */ | 74 /* Header welcome banner. */ |
25 .gdrive-welcome.header { | 75 .gdrive-welcome.header { |
26 -webkit-box-flex: 0; | 76 -webkit-box-flex: 0; |
27 -webkit-transition: height 180ms ease; | 77 -webkit-transition: height 180ms ease; |
28 height: 100px; | 78 height: 100px; |
29 overflow: hidden; | 79 overflow: hidden; |
30 position: relative; | 80 position: relative; |
31 } | 81 } |
32 | 82 |
33 .dialog-container:not([gdrive-welcome='header']) .gdrive-welcome.header { | 83 .dialog-container:not([gdrive-welcome='header']) .gdrive-welcome.header { |
34 height: 0; | 84 height: 0; |
35 } | 85 } |
36 | 86 |
37 .gdrive-welcome.header .gdrive-welcome-wrapper { | 87 .gdrive-welcome.header .gdrive-welcome-wrapper { |
38 -webkit-box-orient: horizontal; | 88 -webkit-box-orient: horizontal; |
39 background-size: 308px 100px; | 89 background-size: 308px 100px; |
40 border-top: 1px solid #d4d4d4; | 90 border-top: 1px solid #d4d4d4; |
41 bottom: 0; | 91 bottom: 0; |
42 display: -webkit-box; | 92 display: -webkit-box; |
43 left: 0; | 93 left: 0; |
44 position: absolute; | 94 position: absolute; |
45 right: 0; | 95 right: 0; |
46 top: 0; | 96 top: 0; |
47 } | 97 } |
48 | 98 |
49 .gdrive-welcome.header .gdrive-welcome-icon { | 99 .gdrive-welcome.header .gdrive-welcome-icon { |
50 background-position: center 20px; | 100 background-position: center 18px; |
51 background-size: 51px 44px; | 101 background-size: 51px 44px; |
52 width: 120px; | 102 width: 120px; |
53 } | 103 } |
54 | 104 |
55 .gdrive-welcome.header .gdrive-welcome-message { | 105 .gdrive-welcome.header .gdrive-welcome-message { |
56 -webkit-box-flex: 1; | 106 -webkit-box-flex: 1; |
57 -webkit-box-orient: vertical; | 107 -webkit-box-orient: vertical; |
58 display: -webkit-box; | 108 display: -webkit-box; |
59 } | 109 } |
60 | 110 |
61 .gdrive-welcome.header .gdrive-welcome-title { | 111 .gdrive-welcome.header .gdrive-welcome-title { |
62 font-size: 140%; | 112 font-size: 140%; |
63 margin-bottom: 8px; | 113 margin-bottom: 7px; |
64 margin-top: 16px; | 114 margin-top: 14px; |
65 } | 115 } |
66 | 116 |
67 .gdrive-welcome.header .gdrive-welcome-text { | 117 .gdrive-welcome.header .gdrive-welcome-text { |
68 margin-bottom: 8px; | 118 margin-bottom: 7px; |
69 } | 119 } |
70 | 120 |
71 .gdrive-welcome.header .gdrive-welcome-dismiss { | 121 .gdrive-welcome.header .gdrive-welcome-dismiss { |
72 display: none; | 122 display: none; |
73 } | 123 } |
74 | 124 |
75 /* Full page welcome banner. */ | 125 /* Full page welcome banner. */ |
76 .gdrive-welcome.page { | 126 .gdrive-welcome.page { |
77 bottom: 0; | 127 bottom: 0; |
78 left: 0; | 128 left: 0; |
(...skipping 55 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
134 margin-left: 20px; | 184 margin-left: 20px; |
135 } | 185 } |
136 | 186 |
137 body:not([type='full-page']) .gdrive-welcome.page .gdrive-welcome-wrapper { | 187 body:not([type='full-page']) .gdrive-welcome.page .gdrive-welcome-wrapper { |
138 background-position: 0 0; | 188 background-position: 0 0; |
139 } | 189 } |
140 | 190 |
141 body:not([type='full-page']) .gdrive-welcome.page .gdrive-welcome-icon { | 191 body:not([type='full-page']) .gdrive-welcome.page .gdrive-welcome-icon { |
142 height: 200px; | 192 height: 200px; |
143 } | 193 } |
OLD | NEW |