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