chrome/browser/resources/gaia_auth/offline.css

   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 }