view/theme/frost/login-style.css

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