view/theme/frost-mobile/login-style.css

   1 html {
   2         width: 100%;
   3 }
   4
   5 body {
   6         font-family: helvetica,arial,freesans,clean,sans-serif;
   7         font-size: 16px;
   8         background-color: #ffffff;
   9         color: #505050;/* ZP Change*/
  10         margin: 0px;
  11 }
  12
  13 a, a:visited, a:link { color: #3465a4; text-decoration: none; }
  14 a:hover {text-decoration: underline; }
  15
  16 img { border :0px; }
  17
  18 .login-button {
  19         margin-top: 90px;
  20         margin-left: auto;
  21         margin-right: auto;
  22
  23 }
  24
  25 img.login-button-image {
  26         max-width: 300px;
  27 }
  28
  29 div.section-wrapper {
  30         position: relative;
  31         width: 300px;
  32         margin-left: auto;
  33         margin-right: auto;
  34 }
  35
  36 .login-form {
  37         margin-top: 40px;
  38 }
  39
  40 .field {
  41         position: relative;
  42         margin-bottom: 15px;
  43 }
  44
  45 .field label {
  46         margin-left: 25px;
  47         font-weight: 700;
  48         float: none;
  49         width: auto;
  50 }
  51
  52 .field input {
  53         font-size: 18px;
  54         width: 200px;
  55         margin-left: 50px;
  56 }
  57
  58 #login_openid {
  59         margin-top: 50px;
  60 }
  61
  62 #login_openid input {
  63         background: url(login-bg.gif) no-repeat;
  64         background-position: 0 50%;
  65         width: 182px;
  66         padding-left: 18px;
  67         margin-left: 50px;
  68 }
  69
  70 #login-footer {
  71         margin-top: 10px;
  72         text-align: center;
  73 }
  74
  75 .login-extra-links, .agreement {
  76         font-size: 14px;
  77 }
  78
  79 #login-submit-button, #register-submit-button, #lostpass-submit-button {
  80         font-size: 20px;
  81         padding: 0.5em 1em;
  82 }
  83
  84 #register-link {
  85         margin-right: 100px;
  86 }
  87
  88 .register-form {
  89         margin-top: 15px;
  90 }
  91
  92 .register-form h2, .lostpass-form h2 {
  93         text-align: center;
  94 }
  95
  96 .error-message {
  97         width: 270px;
  98         color: #FF0000;
  99         font-size: 1.1em;
 100         text-align: justify;
 101         border: 1px solid #FF8888;
 102         background-color: #FFEEEE;
 103         padding: 10px;
 104         margin-left: auto;
 105         margin-right: auto;
 106 }
 107
 108 .register-explain-wrapper {
 109         width: 290px;
 110         text-align: justify;
 111         font-size: 14px;
 112         margin-left: 5px;
 113 }
 114
 115 #register-footer {
 116         margin-top: 60px;
 117         text-align: center;
 118 }
 119
 120 .lostpass-form {
 121         margin-top: 100px;
 122 }
 123
 124 #lostpass-desc {
 125         width: 290px;
 126         margin-left: 5px;
 127         margin-bottom: 30px;
 128         text-align: justify;
 129         font-size: 14px;
 130 }
 131
 132 #login-submit-wrapper {
 133         text-align: center;
 134 }