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

Side by Side Diff: chrome/browser/resources/gaia_auth/offline.css

Issue 10440061: Remaining style fixes from http://codereview.chromium.org/10443024/. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Created 8 years, 7 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
OLDNEW
1 body, div, dl, h1, h2, h3, h4, h5, h6, html, img, 1 body, div, dl, h1, h2, h3, h4, h5, h6, html, img,
2 dd, dt, embed, form, object, td, tr, canvas, command, group, mark, meter, 2 dd, dt, embed, form, object, td, tr, canvas, command, group, mark, meter,
3 output, progress, summary, audio, time, video { 3 output, progress, summary, audio, time, video {
4 border: 0; 4 border: 0;
5 margin: 0; 5 margin: 0;
6 padding: 0; 6 padding: 0;
7 } 7 }
8 html { 8 html {
9 background: #fff; 9 background: #fff;
10 color: #333; 10 color: #333;
(...skipping 10 matching lines...) Expand all
21 } 21 }
22 strong { 22 strong {
23 color: #222; 23 color: #222;
24 } 24 }
25 body, html { 25 body, html {
26 height: 100%; 26 height: 100%;
27 min-width: 100%; 27 min-width: 100%;
28 position: absolute; 28 position: absolute;
29 } 29 }
30 .wrapper { 30 .wrapper {
31 min-height: 100%;
31 position: relative; 32 position: relative;
32 min-height: 100%;
33 } 33 }
34 .content { 34 .content {
35 padding: 0 44px; 35 padding: 0 44px;
36 } 36 }
37 .main { 37 .main {
38 margin: 0 auto; 38 margin: 0 auto;
39 padding-bottom: 100px;
39 padding-top: 23px; 40 padding-top: 23px;
40 padding-bottom: 100px;
41 width: 650px; 41 width: 650px;
42 } 42 }
43 button, input, select, textarea { 43 button, input, select, textarea {
44 font-family: inherit; 44 font-family: inherit;
45 font-size: inherit; 45 font-size: inherit;
46 } 46 }
47 input[type=email], 47 input[type=email],
48 input[type=number], 48 input[type=number],
49 input[type=password], 49 input[type=password],
50 input[type=text], 50 input[type=text],
51 input[type=url] { 51 input[type=url] {
52 -webkit-border-radius: 1px; 52 -webkit-border-radius: 1px;
53 -webkit-box-sizing: border-box; 53 -webkit-box-sizing: border-box;
54 background: #fff; 54 background: #fff;
55 border: 1px solid #d9d9d9; 55 border: 1px solid #d9d9d9;
56 border-radius: 1px;
56 border-top: 1px solid #c0c0c0; 57 border-top: 1px solid #c0c0c0;
57 box-sizing: border-box; 58 box-sizing: border-box;
58 border-radius: 1px;
59 display: inline-block; 59 display: inline-block;
60 height: 29px; 60 height: 29px;
61 margin: 0; 61 margin: 0;
62 padding-left: 8px; 62 padding-left: 8px;
63 } 63 }
64 input[type=email]:hover, 64 input[type=email]:hover,
65 input[type=number]:hover, 65 input[type=number]:hover,
66 input[type=password]:hover, 66 input[type=password]:hover,
67 input[type=text]:hover, 67 input[type=text]:hover,
68 input[type=url]:hover { 68 input[type=url]:hover {
(...skipping 22 matching lines...) Expand all
91 } 91 }
92 input[type=email][disabled=disabled]:hover, 92 input[type=email][disabled=disabled]:hover,
93 input[type=number][disabled=disabled]:hover, 93 input[type=number][disabled=disabled]:hover,
94 input[type=password][disabled=disabled]:hover, 94 input[type=password][disabled=disabled]:hover,
95 input[type=text][disabled=disabled]:hover, 95 input[type=text][disabled=disabled]:hover,
96 input[type=url][disabled=disabled]:hover { 96 input[type=url][disabled=disabled]:hover {
97 -webkit-box-shadow: none; 97 -webkit-box-shadow: none;
98 box-shadow: none; 98 box-shadow: none;
99 } 99 }
100 .g-button { 100 .g-button {
101 -ms-transition: all 218ms;
102 -o-transition: all 218ms;
103 -webkit-border-radius: 2px; 101 -webkit-border-radius: 2px;
104 -webkit-transition: all 218ms; 102 -webkit-transition: all 218ms;
105 -webkit-user-select: none; 103 -webkit-user-select: none;
106 border-radius: 2px;
107 background-color: #f5f5f5; 104 background-color: #f5f5f5;
108 background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),t o(#f1f1f1));
109 background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1); 105 background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
110 background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
111 background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
112 background-image: linear-gradient(top,#f5f5f5,#f1f1f1); 106 background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
113 border: 1px solid rgba(0,0,0,0.1); 107 border: 1px solid rgba(0,0,0,0.1);
114 display: inline-block; 108 border-radius: 2px;
115 color: #555; 109 color: #555;
116 cursor: default; 110 cursor: default;
111 display: inline-block;
117 font-size: 11px; 112 font-size: 11px;
118 font-weight: bold; 113 font-weight: bold;
119 height: 27px; 114 height: 27px;
120 line-height: 27px; 115 line-height: 27px;
121 min-width: 54px; 116 min-width: 54px;
122 padding: 0 8px; 117 padding: 0 8px;
123 text-align: center; 118 text-align: center;
124 transition: all 218ms; 119 transition: all 218ms;
125 user-select: none; 120 user-select: none;
126 } 121 }
127 *+html .g-button { 122 *+html .g-button {
128 min-width: 70px; 123 min-width: 70px;
129 } 124 }
130 button.g-button, 125 button.g-button,
131 input[type=submit].g-button { 126 input[type=submit].g-button {
132 height: 29px; 127 height: 29px;
133 line-height: 29px; 128 line-height: 29px;
134 margin: 0; 129 margin: 0;
135 vertical-align: bottom; 130 vertical-align: bottom;
136 } 131 }
137 *+html button.g-button, 132 *+html button.g-button,
138 *+html input[type=submit].g-button { 133 *+html input[type=submit].g-button {
139 overflow: visible; 134 overflow: visible;
140 } 135 }
141 .g-button:hover { 136 .g-button:hover {
142 -ms-transition: all 0ms;
143 -o-transition: all 0ms;
144 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); 137 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
145 -webkit-transition: all 0ms; 138 -webkit-transition: all 0ms;
146 background-color: #f8f8f8; 139 background-color: #f8f8f8;
147 background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),t o(#f1f1f1));
148 background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1); 140 background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
149 background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
150 background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
151 background-image: linear-gradient(top,#f8f8f8,#f1f1f1); 141 background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
142 border: 1px solid #c6c6c6;
152 box-shadow: 0 1px 1px rgba(0,0,0,0.1); 143 box-shadow: 0 1px 1px rgba(0,0,0,0.1);
153 border: 1px solid #c6c6c6;
154 color: #333; 144 color: #333;
155 text-decoration: none; 145 text-decoration: none;
156 transition: all 0ms; 146 transition: all 0ms;
157 } 147 }
158 .g-button:active { 148 .g-button:active {
159 -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); 149 -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
160 background-color: #f6f6f6; 150 background-color: #f6f6f6;
161 background-image: -webkit-gradient(linear,left top,left bottom,from(#f6f6f6),t o(#f1f1f1));
162 background-image: -webkit-linear-gradient(top,#f6f6f6,#f1f1f1); 151 background-image: -webkit-linear-gradient(top,#f6f6f6,#f1f1f1);
163 background-image: -ms-linear-gradient(top,#f6f6f6,#f1f1f1);
164 background-image: -o-linear-gradient(top,#f6f6f6,#f1f1f1);
165 background-image: linear-gradient(top,#f6f6f6,#f1f1f1); 152 background-image: linear-gradient(top,#f6f6f6,#f1f1f1);
166 box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); 153 box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
167 } 154 }
168 .g-button:visited { 155 .g-button:visited {
169 color: #666; 156 color: #666;
170 } 157 }
171 .g-button-submit { 158 .g-button-submit {
172 background-color: #4d90fe; 159 background-color: #4d90fe;
173 background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),t o(#4787ed)); 160 background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),t o(#4787ed));
174 background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed); 161 background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
175 background-image: -ms-linear-gradient(top,#4d90fe,#4787ed); 162 background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
176 background-image: -o-linear-gradient(top,#4d90fe,#4787ed); 163 background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
177 background-image: linear-gradient(top,#4d90fe,#4787ed); 164 background-image: linear-gradient(top,#4d90fe,#4787ed);
178 border: 1px solid #3079ed; 165 border: 1px solid #3079ed;
179 color: #fff; 166 color: #fff;
180 text-shadow: 0 1px rgba(0,0,0,0.1); 167 text-shadow: 0 1px rgba(0,0,0,0.1);
181 } 168 }
182 .g-button-submit:hover { 169 .g-button-submit:hover {
183 background-color: #357ae8; 170 background-color: #357ae8;
184 background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),t o(#357ae8));
185 background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8); 171 background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
186 background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
187 background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
188 background-image: linear-gradient(top,#4d90fe,#357ae8); 172 background-image: linear-gradient(top,#4d90fe,#357ae8);
189 border: 1px solid #2f5bb7; 173 border: 1px solid #2f5bb7;
190 color: #fff; 174 color: #fff;
191 text-shadow: 0 1px rgba(0,0,0,0.3); 175 text-shadow: 0 1px rgba(0,0,0,0.3);
192 } 176 }
193 .g-button-submit:active { 177 .g-button-submit:active {
194 -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); 178 -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
195 box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); 179 box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
196 } 180 }
197 .g-button-submit:visited { 181 .g-button-submit:visited {
(...skipping 65 matching lines...) Expand 10 before | Expand all | Expand 10 after
263 font-size: 13px; 247 font-size: 13px;
264 height: 32px; 248 height: 32px;
265 margin: 0 1.5em 1.2em 0; 249 margin: 0 1.5em 1.2em 0;
266 } 250 }
267 .errormsg { 251 .errormsg {
268 display: none; 252 display: none;
269 } 253 }
270 .form-error + .errormsg { 254 .form-error + .errormsg {
271 display: block; 255 display: block;
272 } 256 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/gaia_auth/main.js ('k') | chrome/browser/resources/gaia_auth/offline.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698