| OLD | NEW |
| (Empty) |
| 1 /* Copyright 2014 The Chromium Authors. All rights reserved. | |
| 2 * Use of this source code is governed by a BSD-style license that can be | |
| 3 * found in the LICENSE file. */ | |
| 4 /* TODO(dbeam): what's wrong with * here? Specificity issues? */ | |
| 5 audio, | |
| 6 body, | |
| 7 canvas, | |
| 8 command, | |
| 9 dd, | |
| 10 div, | |
| 11 dl, | |
| 12 dt, | |
| 13 embed, | |
| 14 form, | |
| 15 group, | |
| 16 h1, | |
| 17 h2, | |
| 18 h3, | |
| 19 h4, | |
| 20 h5, | |
| 21 h6, | |
| 22 html, | |
| 23 img, | |
| 24 mark, | |
| 25 meter, | |
| 26 object, | |
| 27 output, | |
| 28 progress, | |
| 29 summary, | |
| 30 td, | |
| 31 time, | |
| 32 tr, | |
| 33 video { | |
| 34 border: 0; | |
| 35 margin: 0; | |
| 36 padding: 0; | |
| 37 } | |
| 38 html { | |
| 39 background: #fff; | |
| 40 color: #333; | |
| 41 direction: ltr; | |
| 42 font: 81.25% arial, helvetica, sans-serif; | |
| 43 line-height: 1; | |
| 44 } | |
| 45 h1, | |
| 46 h2, | |
| 47 h3, | |
| 48 h4, | |
| 49 h5, | |
| 50 h6 { | |
| 51 color: #222; | |
| 52 font-size: 1.54em; | |
| 53 font-weight: normal; | |
| 54 line-height: 24px; | |
| 55 margin: 0 0 .46em; | |
| 56 } | |
| 57 strong { | |
| 58 color: #222; | |
| 59 } | |
| 60 body, | |
| 61 html { | |
| 62 height: 100%; | |
| 63 min-width: 100%; | |
| 64 position: absolute; | |
| 65 } | |
| 66 .wrapper { | |
| 67 min-height: 100%; | |
| 68 position: relative; | |
| 69 } | |
| 70 .content { | |
| 71 padding: 0 44px; | |
| 72 } | |
| 73 .main { | |
| 74 margin: 0 auto; | |
| 75 padding-bottom: 100px; | |
| 76 padding-top: 23px; | |
| 77 width: 650px; | |
| 78 } | |
| 79 button, | |
| 80 input, | |
| 81 select, | |
| 82 textarea { | |
| 83 font-family: inherit; | |
| 84 font-size: inherit; | |
| 85 } | |
| 86 input[type=email], | |
| 87 input[type=number], | |
| 88 input[type=password], | |
| 89 input[type=text], | |
| 90 input[type=url] { | |
| 91 -webkit-box-sizing: border-box; | |
| 92 background: #fff; | |
| 93 border: 1px solid #d9d9d9; | |
| 94 border-radius: 1px; | |
| 95 border-top: 1px solid #c0c0c0; | |
| 96 box-sizing: border-box; | |
| 97 display: inline-block; | |
| 98 height: 29px; | |
| 99 margin: 0; | |
| 100 padding-left: 8px; | |
| 101 } | |
| 102 input[type=email]:hover, | |
| 103 input[type=number]:hover, | |
| 104 input[type=password]:hover, | |
| 105 input[type=text]:hover, | |
| 106 input[type=url]:hover { | |
| 107 border: 1px solid #b9b9b9; | |
| 108 border-top: 1px solid #a0a0a0; | |
| 109 box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); | |
| 110 } | |
| 111 input[type=email]:focus, | |
| 112 input[type=number]:focus, | |
| 113 input[type=password]:focus, | |
| 114 input[type=text]:focus, | |
| 115 input[type=url]:focus { | |
| 116 border: 1px solid rgb(77, 144, 254); | |
| 117 box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); | |
| 118 outline: none; | |
| 119 } | |
| 120 input[type=email][disabled=disabled], | |
| 121 input[type=number][disabled=disabled], | |
| 122 input[type=password][disabled=disabled], | |
| 123 input[type=text][disabled=disabled], | |
| 124 input[type=url][disabled=disabled] { | |
| 125 background: #f5f5f5; | |
| 126 border: 1px solid #e5e5e5; | |
| 127 } | |
| 128 input[type=email][disabled=disabled]:hover, | |
| 129 input[type=number][disabled=disabled]:hover, | |
| 130 input[type=password][disabled=disabled]:hover, | |
| 131 input[type=text][disabled=disabled]:hover, | |
| 132 input[type=url][disabled=disabled]:hover { | |
| 133 box-shadow: none; | |
| 134 } | |
| 135 .g-button { | |
| 136 -webkit-transition: all 218ms; | |
| 137 -webkit-user-select: none; | |
| 138 background-color: #f5f5f5; | |
| 139 background-image: linear-gradient(to bottom, #f5f5f5, #f1f1f1); | |
| 140 border: 1px solid rgba(0,0,0,0.1); | |
| 141 border-radius: 2px; | |
| 142 color: #555; | |
| 143 cursor: default; | |
| 144 display: inline-block; | |
| 145 font-size: 11px; | |
| 146 font-weight: bold; | |
| 147 height: 27px; | |
| 148 line-height: 27px; | |
| 149 min-width: 54px; | |
| 150 padding: 0 8px; | |
| 151 text-align: center; | |
| 152 transition: all 218ms; | |
| 153 user-select: none; | |
| 154 } | |
| 155 *+html .g-button { | |
| 156 min-width: 70px; | |
| 157 } | |
| 158 button.g-button, | |
| 159 input[type=submit].g-button { | |
| 160 height: 29px; | |
| 161 line-height: 29px; | |
| 162 margin: 0; | |
| 163 vertical-align: bottom; | |
| 164 } | |
| 165 *+html button.g-button, | |
| 166 *+html input[type=submit].g-button { | |
| 167 overflow: visible; | |
| 168 } | |
| 169 .g-button:hover { | |
| 170 -webkit-transition: all 0ms; | |
| 171 background-color: #f8f8f8; | |
| 172 background-image: linear-gradient(to bottom, #f8f8f8, #f1f1f1); | |
| 173 border: 1px solid #c6c6c6; | |
| 174 box-shadow: 0 1px 1px rgba(0,0,0,0.1); | |
| 175 color: #333; | |
| 176 text-decoration: none; | |
| 177 transition: all 0ms; | |
| 178 } | |
| 179 .g-button:active { | |
| 180 background-color: #f6f6f6; | |
| 181 background-image: linear-gradient(to bottom, #f6f6f6, #f1f1f1); | |
| 182 box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); | |
| 183 } | |
| 184 .g-button:visited { | |
| 185 color: #666; | |
| 186 } | |
| 187 .g-button-submit { | |
| 188 background-color: rgb(77, 144, 254); | |
| 189 background-image: | |
| 190 linear-gradient(to bottom, rgb(77, 144, 254), rgb(71, 135, 237)); | |
| 191 border: 1px solid rgb(48, 121, 237); | |
| 192 color: #fff; | |
| 193 text-shadow: 0 1px rgba(0,0,0,0.1); | |
| 194 } | |
| 195 .g-button-submit:hover { | |
| 196 background-color: rgb(53, 122, 232); | |
| 197 background-image: | |
| 198 linear-gradient(to bottom, rgb(77, 144, 254), rgb(53, 122, 232)); | |
| 199 border: 1px solid rgb(47, 91, 183); | |
| 200 color: #fff; | |
| 201 text-shadow: 0 1px rgba(0,0,0,0.3); | |
| 202 } | |
| 203 .g-button-submit:active { | |
| 204 box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); | |
| 205 } | |
| 206 .g-button-submit:visited { | |
| 207 color: #fff; | |
| 208 } | |
| 209 .g-button-submit:focus { | |
| 210 box-shadow: inset 0 0 0 1px #fff; | |
| 211 } | |
| 212 .g-button-submit:focus:hover { | |
| 213 box-shadow: inset 0 0 0 1px #fff, 0 1px 1px rgba(0,0,0,0.1); | |
| 214 } | |
| 215 .g-button:hover img { | |
| 216 opacity: .72; | |
| 217 } | |
| 218 .g-button:active img { | |
| 219 opacity: 1; | |
| 220 } | |
| 221 .errormsg { | |
| 222 color: rgb(221, 75, 57); | |
| 223 display: block; | |
| 224 line-height: 17px; | |
| 225 margin: .5em 0 0; | |
| 226 } | |
| 227 input[type=email].form-error, | |
| 228 input[type=number].form-error, | |
| 229 input[type=password].form-error, | |
| 230 input[type=text].form-error, | |
| 231 input[type=url].form-error, | |
| 232 input[type=text].field-error, | |
| 233 input[type=password].field-error { | |
| 234 border: 1px solid rgb(221, 75, 57); | |
| 235 } | |
| 236 html { | |
| 237 background: transparent; | |
| 238 } | |
| 239 .content { | |
| 240 width: auto; | |
| 241 } | |
| 242 .main { | |
| 243 padding-bottom: 12px; | |
| 244 padding-top: 23px; | |
| 245 } | |
| 246 .signin-box h2 { | |
| 247 font-size: 16px; | |
| 248 height: 16px; | |
| 249 line-height: 17px; | |
| 250 margin: 0 0 1.2em; | |
| 251 position: relative; | |
| 252 } | |
| 253 .signin-box label { | |
| 254 display: block; | |
| 255 margin: 0 0 1.5em; | |
| 256 } | |
| 257 .signin-box input[type=text], | |
| 258 .signin-box input[type=password] { | |
| 259 font-size: 15px; | |
| 260 height: 32px; | |
| 261 width: 100%; | |
| 262 } | |
| 263 .signin-box .email-label, | |
| 264 .signin-box .passwd-label { | |
| 265 -webkit-user-select: none; | |
| 266 display: block; | |
| 267 font-weight: bold; | |
| 268 margin: 0 0 .5em; | |
| 269 user-select: none; | |
| 270 } | |
| 271 .signin-box input[type=submit] { | |
| 272 font-size: 13px; | |
| 273 height: 32px; | |
| 274 margin: 0 1.5em 1.2em 0; | |
| 275 } | |
| 276 .errormsg { | |
| 277 display: none; | |
| 278 } | |
| 279 .form-error + .errormsg, | |
| 280 .field-error + .errormsg { | |
| 281 display: block; | |
| 282 } | |
| OLD | NEW |