Details | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 1 | espaco | 1 | /*** |
| 2 | Login page |
||
| 3 | ***/ |
||
| 4 | /* bg color */ |
||
| 5 | .login { |
||
| 6 | background-color: #364150 !important; |
||
| 7 | } |
||
| 8 | |||
| 9 | .login .logo { |
||
| 10 | margin: 0 auto; |
||
| 11 | margin-top: 60px; |
||
| 12 | padding: 15px; |
||
| 13 | text-align: center; |
||
| 14 | } |
||
| 15 | |||
| 16 | .login .content { |
||
| 17 | background-color: #eceef1; |
||
| 18 | -webkit-border-radius: 7px; |
||
| 19 | -moz-border-radius: 7px; |
||
| 20 | -ms-border-radius: 7px; |
||
| 21 | -o-border-radius: 7px; |
||
| 22 | border-radius: 7px; |
||
| 23 | width: 400px; |
||
| 24 | margin: 40px auto 10px auto; |
||
| 25 | padding: 30px; |
||
| 26 | padding-top: 10px; |
||
| 27 | overflow: hidden; |
||
| 28 | position: relative; |
||
| 29 | } |
||
| 30 | |||
| 31 | .login .content h3 { |
||
| 32 | color: #4db3a5; |
||
| 33 | text-align: center; |
||
| 34 | font-size: 28px; |
||
| 35 | font-weight: 400 !important; |
||
| 36 | } |
||
| 37 | |||
| 38 | .login .content h4 { |
||
| 39 | color: #555; |
||
| 40 | } |
||
| 41 | |||
| 42 | .login .content .hint { |
||
| 43 | color: #999; |
||
| 44 | padding: 0; |
||
| 45 | margin: 15px 0 7px 0; |
||
| 46 | } |
||
| 47 | |||
| 48 | .login .content .login-form, |
||
| 49 | .login .content .forget-form { |
||
| 50 | padding: 0px; |
||
| 51 | margin: 0px; |
||
| 52 | } |
||
| 53 | |||
| 54 | .login .content .form-control { |
||
| 55 | border: none; |
||
| 56 | background-color: #dde3ec; |
||
| 57 | height: 43px; |
||
| 58 | color: #8290a3; |
||
| 59 | border: 1px solid #dde3ec; |
||
| 60 | } |
||
| 61 | .login .content .form-control:focus, .login .content .form-control:active { |
||
| 62 | border: 1px solid #c3ccda; |
||
| 63 | } |
||
| 64 | .login .content .form-control::-moz-placeholder { |
||
| 65 | color: #8290a3; |
||
| 66 | opacity: 1; |
||
| 67 | } |
||
| 68 | .login .content .form-control:-ms-input-placeholder { |
||
| 69 | color: #8290a3; |
||
| 70 | } |
||
| 71 | .login .content .form-control::-webkit-input-placeholder { |
||
| 72 | color: #8290a3; |
||
| 73 | } |
||
| 74 | |||
| 75 | .login .content select.form-control { |
||
| 76 | padding-left: 9px; |
||
| 77 | padding-right: 9px; |
||
| 78 | } |
||
| 79 | |||
| 80 | .login .content .forget-form { |
||
| 81 | display: none; |
||
| 82 | } |
||
| 83 | |||
| 84 | .login .content .register-form { |
||
| 85 | display: none; |
||
| 86 | } |
||
| 87 | |||
| 88 | .login .content .form-title { |
||
| 89 | font-weight: 300; |
||
| 90 | margin-bottom: 25px; |
||
| 91 | } |
||
| 92 | |||
| 93 | .login .content .form-actions { |
||
| 94 | clear: both; |
||
| 95 | border: 0px; |
||
| 96 | border-bottom: 1px solid #eee; |
||
| 97 | padding: 0px 30px 25px 30px; |
||
| 98 | margin-left: -30px; |
||
| 99 | margin-right: -30px; |
||
| 100 | } |
||
| 101 | |||
| 102 | .login-options { |
||
| 103 | margin-bottom: 30px; |
||
| 104 | overflow: hidden; |
||
| 105 | } |
||
| 106 | |||
| 107 | .login-options h4 { |
||
| 108 | float: left; |
||
| 109 | font-weight: 600; |
||
| 110 | font-size: 15px; |
||
| 111 | color: #7d91aa !important; |
||
| 112 | } |
||
| 113 | |||
| 114 | .login-options .social-icons { |
||
| 115 | float: right; |
||
| 116 | padding-top: 3px; |
||
| 117 | } |
||
| 118 | |||
| 119 | .login-options .social-icons li a { |
||
| 120 | border-radius: 15px 15px 15px 15px !important; |
||
| 121 | -moz-border-radius: 15px 15px 15px 15px !important; |
||
| 122 | -webkit-border-radius: 15px 15px 15px 15px !important; |
||
| 123 | } |
||
| 124 | |||
| 125 | .login .content .form-actions .checkbox { |
||
| 126 | margin-left: 0; |
||
| 127 | padding-left: 0; |
||
| 128 | } |
||
| 129 | |||
| 130 | .login .content .forget-form .form-actions { |
||
| 131 | border: 0; |
||
| 132 | margin-bottom: 0; |
||
| 133 | padding-bottom: 20px; |
||
| 134 | } |
||
| 135 | |||
| 136 | .login .content .register-form .form-actions { |
||
| 137 | border: 0; |
||
| 138 | margin-bottom: 0; |
||
| 139 | padding-bottom: 0px; |
||
| 140 | } |
||
| 141 | |||
| 142 | .login .content .form-actions .btn { |
||
| 143 | margin-top: 1px; |
||
| 144 | } |
||
| 145 | |||
| 146 | .login .content .form-actions .btn-success { |
||
| 147 | font-weight: 600; |
||
| 148 | padding: 10px 20px !important; |
||
| 149 | } |
||
| 150 | |||
| 151 | .login .content .form-actions .btn-default { |
||
| 152 | font-weight: 600; |
||
| 153 | padding: 10px 25px !important; |
||
| 154 | color: #6c7a8d; |
||
| 155 | background-color: #ffffff; |
||
| 156 | border: none; |
||
| 157 | } |
||
| 158 | |||
| 159 | .login .content .form-actions .btn-default:hover { |
||
| 160 | background-color: #fafaff; |
||
| 161 | color: #45b6af; |
||
| 162 | } |
||
| 163 | |||
| 164 | .login .content .forget-password { |
||
| 165 | font-size: 14px; |
||
| 166 | float: right; |
||
| 167 | display: inline-block; |
||
| 168 | margin-top: 10px; |
||
| 169 | } |
||
| 170 | |||
| 171 | .login .content .check { |
||
| 172 | color: #8290a3; |
||
| 173 | } |
||
| 174 | |||
| 175 | .login .content .rememberme { |
||
| 176 | margin-left: 8px; |
||
| 177 | margin-top: 10px; |
||
| 178 | } |
||
| 179 | |||
| 180 | .login .content .create-account { |
||
| 181 | margin: 0 -40px -40px -40px; |
||
| 182 | padding: 15px 0 17px 0; |
||
| 183 | text-align: center; |
||
| 184 | background-color: #6c7a8d; |
||
| 185 | -webkit-border-radius: 0 0 7px 7px; |
||
| 186 | -moz-border-radius: 0 0 7px 7px; |
||
| 187 | -ms-border-radius: 0 0 7px 7px; |
||
| 188 | -o-border-radius: 0 0 7px 7px; |
||
| 189 | border-radius: 0 0 7px 7px; |
||
| 190 | } |
||
| 191 | |||
| 192 | .login .content .create-account p a { |
||
| 193 | font-weight: 600; |
||
| 194 | font-size: 14px; |
||
| 195 | color: #c3cedd; |
||
| 196 | } |
||
| 197 | |||
| 198 | .login .content .create-account a { |
||
| 199 | display: inline-block; |
||
| 200 | margin-top: 5px; |
||
| 201 | } |
||
| 202 | |||
| 203 | /* footer copyright */ |
||
| 204 | .login .copyright { |
||
| 205 | text-align: center; |
||
| 206 | margin: 0 auto 30px 0; |
||
| 207 | padding: 10px; |
||
| 208 | color: #7a8ca5; |
||
| 209 | font-size: 13px; |
||
| 210 | } |
||
| 211 | |||
| 212 | @media (max-width: 440px) { |
||
| 213 | /*** |
||
| 214 | Login page |
||
| 215 | ***/ |
||
| 216 | .login .logo { |
||
| 217 | margin-top: 10px; |
||
| 218 | } |
||
| 219 | |||
| 220 | .login .content { |
||
| 221 | width: 280px; |
||
| 222 | margin-top: 10px; |
||
| 223 | } |
||
| 224 | |||
| 225 | .login .content h3 { |
||
| 226 | font-size: 22px; |
||
| 227 | } |
||
| 228 | |||
| 229 | .forget-password { |
||
| 230 | display: inline-block; |
||
| 231 | margin-top: 20px; |
||
| 232 | } |
||
| 233 | |||
| 234 | .login-options .social-icons { |
||
| 235 | float: left; |
||
| 236 | padding-top: 3px; |
||
| 237 | } |
||
| 238 | |||
| 239 | .login .checkbox { |
||
| 240 | font-size: 13px; |
||
| 241 | } |
||
| 242 | } |