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
  35 .login-button {
  36         margin-top: 110px;
  37 }
  38
  39 img.login-button-image {
  40         max-width: 350px;
  41 }
  42
  43 div.section-wrapper {
  44         position: relative;
  45         width: 800px;
  46         margin-left: auto;
  47         margin-right: auto;
  48         text-align: center;
  49 }
  50
  51 .login-form {
  52         padding-top: 200px;
  53         margin-bottom: 50px;
  54 }
  55
  56 .register-form {
  57         margin-top: 15px;
  58 }
  59
  60 .lostpass-form {
  61         margin-top: 170px;
  62 }
  63
  64 .field {
  65         margin-bottom: 2px;
  66         padding-bottom: 0px;
  67 }
  68
  69 .field label {
  70         width: auto;
  71         position: absolute;
  72         margin-left: 0px;
  73         font-weight: 700;
  74 }
  75
  76 .field input {
  77 /*      margin-left: 225px;*/
  78         width: 200px;
  79 }
  80
  81 .field.checkbox label {
  82         position: auto;
  83         /*margin-left: 100px;*/
  84 }
  85 .field.checkbox input {
  86         width: auto;
  87         margin-left: 140px;
  88 }
  89
  90 #div_id_remember {
  91         margin-top: 10px;
  92 }
  93
  94 /*.openid input {*/
  95 #id_openid_url, .openid input {
  96         background: url(login-bg.gif) no-repeat;
  97         background-position: 0 50%;
  98         width: 182px;
  99         padding-left: 18px;
 100 }
 101
 102 #wrapper_username input, #wrapper_password input, #wrapper_openid_url input {
 103         margin-left: 225px;
 104 }
 105
 106 #register-openid-wrapper input, #register-name-wrapper input, #register-email-wrapper input, #register-nickname-wrapper input {
 107         margin-left: 275px;
 108 }
 109
 110 #login-name-wrapper input {
 111         margin-left: 200px;
 112 }
 113
 114 .login-extra-links, .agreement {
 115         font-size: 12px;
 116 }
 117
 118 #login-submit-button, #register-submit-button, #lostpass-submit-button {
 119         font-size: 16px;
 120 }
 121
 122 #register-link {
 123         margin-right: 200px;
 124 }
 125
 126 .error-message {
 127         width: 475px;
 128         color: #FF0000;
 129         font-size: 1.1em;
 130         text-align: left;
 131         border: 1px solid #FF8888;
 132         background-color: #FFEEEE;
 133         padding: 10px;
 134         margin-left: auto;
 135         margin-right: auto;
 136 }
 137
 138 .register-explain-wrapper {
 139         width: 400px;
 140         font-size: 12px;
 141         text-align: left;
 142         margin-left: 200px;
 143 }
 144
 145 #lostpass-desc {
 146         width: 380px;
 147         margin-left: 220px;
 148         text-align: left;
 149         font-size: 12px;
 150 }
 151
 152 footer {
 153         text-align: center;
 154         padding-top: 3em;
 155         padding-bottom: 1em;
 156 }