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