OLD | NEW |
(Empty) | |
| 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, |
| 3 output, progress, summary, audio, time, video { |
| 4 border: 0; |
| 5 margin: 0; |
| 6 padding: 0; |
| 7 } |
| 8 html { |
| 9 background: #fff; |
| 10 color: #333; |
| 11 direction: ltr; |
| 12 font: 81.25% arial, helvetica, sans-serif; |
| 13 line-height: 1; |
| 14 } |
| 15 h1, h2, h3, h4, h5, h6 { |
| 16 color: #222; |
| 17 font-size: 1.54em; |
| 18 font-weight: normal; |
| 19 line-height: 24px; |
| 20 margin: 0 0 .46em; |
| 21 } |
| 22 strong { |
| 23 color: #222; |
| 24 } |
| 25 body, html { |
| 26 height: 100%; |
| 27 min-width: 100%; |
| 28 position: absolute; |
| 29 } |
| 30 .wrapper { |
| 31 position: relative; |
| 32 min-height: 100%; |
| 33 } |
| 34 .content { |
| 35 padding: 0 44px; |
| 36 } |
| 37 .main { |
| 38 margin: 0 auto; |
| 39 padding-top: 23px; |
| 40 padding-bottom: 100px; |
| 41 width: 650px; |
| 42 } |
| 43 button, input, select, textarea { |
| 44 font-family: inherit; |
| 45 font-size: inherit; |
| 46 } |
| 47 input[type=email], |
| 48 input[type=number], |
| 49 input[type=password], |
| 50 input[type=text], |
| 51 input[type=url] { |
| 52 -webkit-border-radius: 1px; |
| 53 -webkit-box-sizing: border-box; |
| 54 background: #fff; |
| 55 border: 1px solid #d9d9d9; |
| 56 border-top: 1px solid #c0c0c0; |
| 57 box-sizing: border-box; |
| 58 border-radius: 1px; |
| 59 display: inline-block; |
| 60 height: 29px; |
| 61 margin: 0; |
| 62 padding-left: 8px; |
| 63 } |
| 64 input[type=email]:hover, |
| 65 input[type=number]:hover, |
| 66 input[type=password]:hover, |
| 67 input[type=text]:hover, |
| 68 input[type=url]:hover { |
| 69 -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); |
| 70 border: 1px solid #b9b9b9; |
| 71 border-top: 1px solid #a0a0a0; |
| 72 box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); |
| 73 } |
| 74 input[type=email]:focus, |
| 75 input[type=number]:focus, |
| 76 input[type=password]:focus, |
| 77 input[type=text]:focus, |
| 78 input[type=url]:focus { |
| 79 -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); |
| 80 border: 1px solid #4d90fe; |
| 81 box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); |
| 82 outline: none; |
| 83 } |
| 84 input[type=email][disabled=disabled], |
| 85 input[type=number][disabled=disabled], |
| 86 input[type=password][disabled=disabled], |
| 87 input[type=text][disabled=disabled], |
| 88 input[type=url][disabled=disabled] { |
| 89 background: #f5f5f5; |
| 90 border: 1px solid #e5e5e5; |
| 91 } |
| 92 input[type=email][disabled=disabled]:hover, |
| 93 input[type=number][disabled=disabled]:hover, |
| 94 input[type=password][disabled=disabled]:hover, |
| 95 input[type=text][disabled=disabled]:hover, |
| 96 input[type=url][disabled=disabled]:hover { |
| 97 -webkit-box-shadow: none; |
| 98 box-shadow: none; |
| 99 } |
| 100 .g-button { |
| 101 -ms-transition: all 218ms; |
| 102 -o-transition: all 218ms; |
| 103 -webkit-border-radius: 2px; |
| 104 -webkit-transition: all 218ms; |
| 105 -webkit-user-select: none; |
| 106 border-radius: 2px; |
| 107 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); |
| 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); |
| 113 border: 1px solid rgba(0,0,0,0.1); |
| 114 display: inline-block; |
| 115 color: #555; |
| 116 cursor: default; |
| 117 font-size: 11px; |
| 118 font-weight: bold; |
| 119 height: 27px; |
| 120 line-height: 27px; |
| 121 min-width: 54px; |
| 122 padding: 0 8px; |
| 123 text-align: center; |
| 124 transition: all 218ms; |
| 125 user-select: none; |
| 126 } |
| 127 *+html .g-button { |
| 128 min-width: 70px; |
| 129 } |
| 130 button.g-button, |
| 131 input[type=submit].g-button { |
| 132 height: 29px; |
| 133 line-height: 29px; |
| 134 margin: 0; |
| 135 vertical-align: bottom; |
| 136 } |
| 137 *+html button.g-button, |
| 138 *+html input[type=submit].g-button { |
| 139 overflow: visible; |
| 140 } |
| 141 .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); |
| 145 -webkit-transition: all 0ms; |
| 146 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); |
| 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); |
| 152 box-shadow: 0 1px 1px rgba(0,0,0,0.1); |
| 153 border: 1px solid #c6c6c6; |
| 154 color: #333; |
| 155 text-decoration: none; |
| 156 transition: all 0ms; |
| 157 } |
| 158 .g-button:active { |
| 159 -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); |
| 160 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); |
| 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); |
| 166 box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); |
| 167 } |
| 168 .g-button:visited { |
| 169 color: #666; |
| 170 } |
| 171 .g-button-submit { |
| 172 background-color: #4d90fe; |
| 173 background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),t
o(#4787ed)); |
| 174 background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed); |
| 175 background-image: -ms-linear-gradient(top,#4d90fe,#4787ed); |
| 176 background-image: -o-linear-gradient(top,#4d90fe,#4787ed); |
| 177 background-image: linear-gradient(top,#4d90fe,#4787ed); |
| 178 border: 1px solid #3079ed; |
| 179 color: #fff; |
| 180 text-shadow: 0 1px rgba(0,0,0,0.1); |
| 181 } |
| 182 .g-button-submit:hover { |
| 183 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); |
| 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); |
| 189 border: 1px solid #2f5bb7; |
| 190 color: #fff; |
| 191 text-shadow: 0 1px rgba(0,0,0,0.3); |
| 192 } |
| 193 .g-button-submit:active { |
| 194 -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); |
| 196 } |
| 197 .g-button-submit:visited { |
| 198 color: #fff; |
| 199 } |
| 200 .g-button-submit:focus { |
| 201 -webkit-box-shadow: inset 0 0 0 1px #fff; |
| 202 box-shadow: inset 0 0 0 1px #fff; |
| 203 } |
| 204 .g-button-submit:focus:hover { |
| 205 -webkit-box-shadow: inset 0 0 0 1px #fff, 0 1px 1px rgba(0,0,0,0.1); |
| 206 box-shadow: inset 0 0 0 1px #fff, 0 1px 1px rgba(0,0,0,0.1); |
| 207 } |
| 208 .g-button:hover img { |
| 209 opacity: .72; |
| 210 } |
| 211 .g-button:active img { |
| 212 opacity: 1; |
| 213 } |
| 214 .errormsg { |
| 215 color: #dd4b39; |
| 216 display: block; |
| 217 line-height: 17px; |
| 218 margin: .5em 0 0; |
| 219 } |
| 220 input[type=email].form-error, |
| 221 input[type=number].form-error, |
| 222 input[type=password].form-error, |
| 223 input[type=text].form-error, |
| 224 input[type=url].form-error { |
| 225 border: 1px solid #dd4b39; |
| 226 } |
| 227 html { |
| 228 background: transparent; |
| 229 } |
| 230 .content { |
| 231 width: auto; |
| 232 } |
| 233 .main { |
| 234 padding-bottom: 12px; |
| 235 padding-top: 23px; |
| 236 } |
| 237 .signin-box h2 { |
| 238 font-size: 16px; |
| 239 height: 16px; |
| 240 line-height: 17px; |
| 241 margin: 0 0 1.2em; |
| 242 position: relative; |
| 243 } |
| 244 .signin-box label { |
| 245 display: block; |
| 246 margin: 0 0 1.5em; |
| 247 } |
| 248 .signin-box input[type=text], |
| 249 .signin-box input[type=password] { |
| 250 font-size: 15px; |
| 251 height: 32px; |
| 252 width: 100%; |
| 253 } |
| 254 .signin-box .email-label, |
| 255 .signin-box .passwd-label { |
| 256 -webkit-user-select: none; |
| 257 display: block; |
| 258 font-weight: bold; |
| 259 margin: 0 0 .5em; |
| 260 user-select: none; |
| 261 } |
| 262 .signin-box input[type=submit] { |
| 263 font-size: 13px; |
| 264 height: 32px; |
| 265 margin: 0 1.5em 1.2em 0; |
| 266 } |
| 267 .errormsg { |
| 268 display: none; |
| 269 } |
| 270 .form-error + .errormsg { |
| 271 display: block; |
| 272 } |
OLD | NEW |