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 nav {
  19         display: none;
  20 }
  21
  22 /* popup notifications */
  23 div.jGrowl div.notice {
  24   background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center;
  25   color: #ffffff;
  26   padding-left: 58px;
  27   margin: 0px;
  28 }
  29 div.jGrowl div.info {
  30   background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center;
  31   color: #ffffff;
  32   padding-left: 58px;
  33   margin: 0px;
  34 }
  35 #jGrowl.top-right {
  36         top: 15px;
  37         right: 10px;
  38 }
  39 div.jGrowl-notification {
  40   border-radius: 7px;
  41 }
  42
  43 .login-button {
  44         margin-top: 90px;
  45         margin-left: auto;
  46         margin-right: auto;
  47
  48 }
  49
  50 img.login-button-image {
  51         max-width: 300px;
  52 }
  53
  54 div.section-wrapper {
  55         position: relative;
  56         width: 300px;
  57         margin-left: auto;
  58         margin-right: auto;
  59 }
  60
  61 .login-form {
  62         margin-top: 40px;
  63 }
  64
  65 .field {
  66         position: relative;
  67         margin-bottom: 15px;
  68 }
  69
  70 .field label {
  71         margin-left: 25px;
  72         font-weight: 700;
  73         float: none;
  74         width: auto;
  75 }
  76
  77 .field input {
  78         font-size: 18px;
  79         width: 200px;
  80         margin-left: 50px;
  81 }
  82
  83 .field.checkbox label {
  84         margin-left: auto;
  85         float: auto;
  86         /*margin-left: 100px;*/
  87 }
  88 .field.checkbox input {
  89         width: auto;
  90         margin-left: 30px;
  91 }
  92
  93 #div_id_remember {
  94         margin-top: 10px;
  95         margin-bottom: 10px;
  96 }
  97
  98 #login_openid {
  99         margin-top: 50px;
 100 }
 101
 102 #login_openid input, input.openid {
 103         background: url(login-bg.gif) no-repeat;
 104         background-position: 0 50%;
 105         width: 182px;
 106         padding-left: 18px;
 107         margin-left: 50px;
 108 }
 109
 110 #login-footer {
 111         margin-top: 10px;
 112         text-align: center;
 113 }
 114
 115 .login-extra-links, .agreement {
 116         font-size: 14px;
 117 }
 118
 119 #login-submit-button, #register-submit-button, #lostpass-submit-button {
 120         font-size: 20px;
 121         padding: 0.5em 1em;
 122 }
 123
 124 #register-link {
 125         margin-right: 100px;
 126 }
 127
 128 .register-form {
 129         margin-top: 15px;
 130 }
 131
 132 .register-form h2, .lostpass-form h2 {
 133         text-align: center;
 134 }
 135
 136 .error-message {
 137         width: 270px;
 138         color: #FF0000;
 139         font-size: 1.1em;
 140         text-align: justify;
 141         border: 1px solid #FF8888;
 142         background-color: #FFEEEE;
 143         padding: 10px;
 144         margin-left: auto;
 145         margin-right: auto;
 146 }
 147
 148 .register-explain-wrapper {
 149         width: 290px;
 150         text-align: justify;
 151         font-size: 14px;
 152         margin-left: 5px;
 153 }
 154
 155 #register-footer {
 156         margin-top: 60px;
 157         text-align: center;
 158 }
 159
 160 .lostpass-form {
 161         margin-top: 100px;
 162 }
 163
 164 #lostpass-desc {
 165         width: 290px;
 166         margin-left: 5px;
 167         margin-bottom: 30px;
 168         text-align: justify;
 169         font-size: 14px;
 170 }
 171
 172 #login-submit-wrapper {
 173         text-align: center;
 174 }
 175
 176 footer {
 177         text-align: center;
 178         padding-top: 3em;
 179         padding-bottom: 1em;
 180 }