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

Side by Side Diff: polymer_1.0.4/bower_components/google-signin/google-signin.css

Issue 1205703007: Add polymer 1.0 to npm_modules (Closed) Base URL: https://chromium.googlesource.com/infra/third_party/npm_modules.git@master
Patch Set: Renamed folder to 1.0.4 Created 5 years, 5 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
OLDNEW
(Empty)
1 :host {
2 display: inline-block;
3 position: relative;
4 box-sizing: border-box;
5 margin: 0 0.29em;
6 background: transparent;
7 text-align: center;
8 font: inherit;
9 outline: none;
10 border-radius: 3px;
11 -webkit-user-select: none;
12 user-select: none;
13 cursor: pointer;
14 z-index: 0;
15 }
16
17 :host([disabled]) {
18 cursor: auto;
19 pointer-events: none;
20 }
21
22 :host([disabled]) #button {
23 background: #eaeaea;
24 color: #a8a8a8;
25 }
26
27 #button {
28 position: relative;
29 outline: none;
30 font-size: 14px;
31 font-weight: 400;
32 font-family: 'RobotoDraft','Roboto',arial,sans-serif;
33 white-space: nowrap;
34 border-radius: inherit;
35 }
36
37 iron-icon {
38 width: 22px;
39 height: 22px;
40 margin: 6px;
41 }
42
43 .icon {
44 display: inline-block;
45 vertical-align: middle;
46 }
47
48 #shadow {
49 border-radius: inherit;
50 }
51
52 #ripple {
53 pointer-events: none;
54 }
55
56 .button-content {
57 outline: none;
58 }
59
60 .buttonText {
61 display: inline-block;
62 vertical-align: middle;
63 padding-right: .8em;
64 }
65
66 /*
67 * Dark Theme
68 */
69 .theme-dark {
70 background: #da4336;
71 color: #ffffff;
72 border: 1px solid transparent;
73 }
74
75 .theme-dark.signedIn-true.additionalAuth-false {
76 background: #999;
77 border: 1px solid #888;
78 }
79
80 .theme-dark.signedIn-true.additionalAuth-false:hover,
81 .theme-dark.signedIn-true.additionalAuth-false:focus {
82 background: #aaa;
83 }
84
85 :host([noink]) .theme-dark:hover,
86 :host([noink]) .theme-dark:focus {
87 background: #e74b37;
88 }
89
90 :host([noink]) .theme-dark.signedIn-true.additionalAuth-false:hover,
91 :host([noink]) .theme-dark.signedIn-true.additionalAuth-false:focus {
92 background: #aaa;
93 }
94
95 /*
96 * Light Theme
97 */
98 .theme-light {
99 background: #fff;
100 color: #737373;
101 border: 1px solid #d9d9d9;
102 }
103
104 .theme-light.signedIn-true.additionalAuth-false {
105 background: #c0c0c0;
106 color: #fff;
107 border: #888 1px solid;
108 }
109
110 .theme-light.signedIn-true.additionalAuth-false:hover,
111 .theme-light.signedIn-true.additionalAuth-false:focus {
112 background: #aaa;
113 }
114
115 :host([noink]) .theme-light .button-content:hover,
116 :host([noink]) .theme-light:focus {
117 border: 1px solid #c0c0c0;
118 }
119
120 :host([noink]) .theme-light.signedIn-true.additionalAuth-false:hover,
121 :host([noink]) .theme-light.signedIn-true.additionalAuth-false:focus {
122 background: #aaa;
123 }
124
125 /*
126 * Icon Only Width
127 */
128 .width-iconOnly .buttonText {
129 display: none;
130 }
131
132 /*
133 * Tall Height
134 */
135 .height-tall .buttonText {
136 font-size: 15px;
137 font-weight: 700;
138 }
139
140 .height-tall iron-icon {
141 width: 30px;
142 height: 30px;
143 margin: 8px;
144 }
145
146 /*
147 * Short Height
148 */
149 .height-short .buttonText {
150 font-size: 11px;
151 }
152
153 .height-short iron-icon {
154 width: 16px;
155 height: 16px;
156 margin: 3px;
157 }
158
159
160 /*
161 * Branding
162 */
163
164 /* Google Scopes */
165
166 /* Dark Theme */
167 .brand-google.theme-dark {
168 background: #4184F3;
169 color: #fff;
170 border: 1px solid #3266d5;
171 }
172
173 .brand-google.theme-dark #ripple {
174 color: #1b39a8;
175 }
176
177 :host([noink]) .brand-google.theme-dark:hover,
178 :host([noink]) .brand-google.theme-dark:focus {
179 background: #e74b37;
180 }
181
182 .brand-google.theme-light .icon {
183 color: #4184F3;
184 }
185
186 .brand-google.theme-light.signedIn-true.additionalAuth-false .icon {
187 color: #fff;
188 }
189
190 .brand-google.theme-light #ripple {
191 color: #444;
192 }
193
194 :host([noink]) .brand-google.theme-light:hover,
195 :host([noink]) .brand-google.theme-light:focus {
196 border: 1px solid #c0c0c0;
197 }
198
199 .brand-google-plus.theme-dark {
200 background: #da4336;
201 color: #fff;
202 border: 1px solid transparent;
203 }
204
205 .brand-google-plus.theme-dark #ripple {
206 color: #c43828;
207 }
208
209 /* Light Theme */
210 .brand-google-plus.theme-light {
211 background: #fff;
212 color: #737373;
213 border: 1px solid #d9d9d9;
214 }
215
216 .brand-google-plus.theme-light .icon {
217 color: #e74b37;
218 }
219
220 .brand-google-plus.theme-light.signedIn-true.additionalAuth-false .icon {
221 color: #fff;
222 }
223
224 .brand-google-plus.theme-light #ripple {
225 color: #400;
226 }
227
228 :host([noink]) .brand-google-plus.theme-light:hover,
229 :host([noink]) .brand-google-plus.theme-light:focus {
230 border: 1px solid #c0c0c0;
231 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698