Chromium Code Reviews| 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%; | |
|
csilv
2012/05/25 22:38:39
nit: alphabetical order for 'position' and 'min-he
zel
2012/05/25 23:33:53
Done.
| |
| 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; | |
|
csilv
2012/05/25 22:38:39
nit: don't need to keep -ms, -o attributes (here a
zel
2012/05/25 23:33:53
Done.
| |
| 103 -webkit-border-radius: 2px; | |
| 104 -webkit-transition: all 218ms; | |
| 105 -webkit-user-select: none; | |
| 106 border-radius: 2px; | |
|
csilv
2012/05/25 22:38:39
nit: order 'border-radius' after 'border'.
zel
2012/05/25 23:33:53
Done.
| |
| 107 background-color: #f5f5f5; | |
| 108 background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),t o(#f1f1f1)); | |
|
csilv
2012/05/25 22:38:39
don't need -webkit-gradient, overridden by -webkit
zel
2012/05/25 23:33:53
Done.
| |
| 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; | |
|
csilv
2012/05/25 22:38:39
nit: move 'display' below 'cursor'.
zel
2012/05/25 23:33:53
Done.
| |
| 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 } | |
|
csilv
2012/05/25 22:38:39
nit: unnecessary indent on 138, extra on 139
zel
2012/05/25 23:33:53
Done.
| |
| 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); | |
|
csilv
2012/05/25 22:38:39
nit: order 'box-shadow' after 'border'.
zel
2012/05/25 23:33:53
Done.
| |
| 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 |