Subversion-Projekte lars-tiefland.cienc

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
9 lars 1 
/* Cubic Bezier Transition */
2 
/***
3 
Login page
4 
***/
5 
/* bg color */
6 
.login {
7 
  background-color: #5c97bd; }
8 
  .login a {
9 
    color: #edf4f8 !important; }
10 
 
11 
.login .logo {
12 
  margin: 0 auto;
13 
  margin-top: 100px;
14 
  padding: 15px;
15 
  text-align: center; }
16 
 
17 
.login .content {
18 
  width: 400px;
19 
  margin: 40px auto 40px auto; }
20 
 
21 
.login .form-title {
22 
  margin-bottom: 20px; }
23 
 
24 
.login .form-title {
25 
  color: #edf4f8;
26 
  font-size: 19px;
27 
  font-weight: 400 !important; }
28 
 
29 
.login .form-subtitle {
30 
  color: #c9dce9;
31 
  font-size: 17px;
32 
  font-weight: 300 !important;
33 
  padding-left: 10px; }
34 
 
35 
.login .content h4 {
36 
  color: #555; }
37 
 
38 
.login .content .hint {
39 
  color: #b7d1e2;
40 
  padding: 0;
41 
  font-size: 14px;
42 
  margin: 15px 0 7px 0; }
43 
 
44 
.login .content .login-form,
45 
.login .content .forget-form {
46 
  padding: 0px;
47 
  margin: 0px; }
48 
 
49 
.login .content .form-control {
50 
  border: none;
51 
  background-color: #6ba3c8;
52 
  border: 1px solid #6ba3c8;
53 
  height: 43px;
54 
  color: #d9ecf9; }
55 
  .login .content .form-control:focus, .login .content .form-control:active {
56 
    border: 1px solid #83b8db; }
57 
  .login .content .form-control::-moz-placeholder {
58 
    color: #d9ecf9;
59 
    opacity: 1; }
60 
  .login .content .form-control:-ms-input-placeholder {
61 
    color: #d9ecf9; }
62 
  .login .content .form-control::-webkit-input-placeholder {
63 
    color: #d9ecf9; }
64 
 
65 
.login .content select.form-control {
66 
  padding-left: 9px;
67 
  padding-right: 9px; }
68 
 
69 
.login .content .forget-form {
70 
  display: none; }
71 
 
72 
.login .content .register-form {
73 
  display: none; }
74 
 
75 
.login .content .form-title {
76 
  font-weight: 300;
77 
  margin-bottom: 25px; }
78 
 
79 
.login .content .form-actions {
80 
  clear: both;
81 
  border: 0px;
82 
  padding: 0px 30px 25px 30px;
83 
  margin-left: -30px;
84 
  margin-right: -30px; }
85 
 
86 
.form-actions .forget-password-block {
87 
  padding-top: 7px; }
88 
 
89 
.login-options {
90 
  margin-top: 30px;
91 
  padding-top: 20px;
92 
  padding-bottom: 50px;
93 
  border-top: 1px solid #69a0c4;
94 
  border-bottom: 1px solid #69a0c4; }
95 
 
96 
.login-options h4 {
97 
  margin-top: 8px;
98 
  font-weight: 600;
99 
  font-size: 15px;
100 
  color: #b7d1e2 !important; }
101 
 
102 
.login .forget-password {
103 
  font-size: 14px; }
104 
 
105 
.login-options .social-icons {
106 
  float: right;
107 
  padding-top: 3px; }
108 
 
109 
.login-options .social-icons li a {
110 
  border-radius: 15px 15px 15px 15px !important;
111 
  -moz-border-radius: 15px 15px 15px 15px !important;
112 
  -webkit-border-radius: 15px 15px 15px 15px !important; }
113 
 
114 
.login .content .forget-form .form-actions {
115 
  border: 0;
116 
  margin-bottom: 0;
117 
  padding-bottom: 20px; }
118 
 
119 
.login .content .register-form .form-actions {
120 
  border: 0;
121 
  margin-bottom: 0;
122 
  padding-bottom: 0px; }
123 
 
124 
.login .content .form-actions .checkbox {
125 
  margin-top: 8px;
126 
  display: inline-block; }
127 
 
128 
.login .content .form-actions .btn {
129 
  margin-top: 1px; }
130 
 
131 
.login .btn {
132 
  background-color: #5995bb;
133 
  border: 1px solid #72a9cc;
134 
  color: #8fc4e5;
135 
  font-weight: 600;
136 
  padding: 10px 25px !important; }
137 
  .login .btn:hover {
138 
    border: 1px solid #90bbd7;
139 
    background-color: #5995bb;
140 
    color: #8fc4e5; }
141 
 
142 
.login .btn-default {
143 
  background-color: #5995bb;
144 
  border: 1px solid #72a9cc;
145 
  color: #8fc4e5;
146 
  font-weight: 600;
147 
  padding: 10px 25px !important; }
148 
  .login .btn-default:hover {
149 
    border: 1px solid #90bbd7;
150 
    background-color: #5995bb;
151 
    color: #8fc4e5; }
152 
 
153 
.login .content .forget-password {
154 
  color: #d7eaf7;
155 
  font-size: 15px; }
156 
 
157 
.login .content .rememberme {
158 
  margin-top: 8px; }
159 
 
160 
.login .content .mt-checkbox {
161 
  color: #c9dce9 !important; }
162 
 
163 
.login .content .mt-checkbox > span:after {
164 
  border-color: #c9dce9 !important; }
165 
 
166 
.login .content .create-account {
167 
  text-align: center;
168 
  margin-top: 20px; }
169 
 
170 
.login .content .create-account p a {
171 
  font-weight: 300;
172 
  font-size: 16px;
173 
  color: #ffffff; }
174 
 
175 
.login .content .create-account a {
176 
  display: inline-block;
177 
  margin-top: 5px; }
178 
 
179 
/* footer copyright */
180 
.login .copyright {
181 
  text-align: center;
182 
  margin: 10px auto 30px 0;
183 
  padding: 10px;
184 
  color: #c9dce9;
185 
  font-size: 13px; }
186 
 
187 
@media (max-width: 1400px) {
188 
  .login .logo {
189 
    margin-top: 100px; } }
190 
 
191 
@media (max-width: 480px) {
192 
  /***
193 
  Login page
194 
  ***/
195 
  .login .logo {
196 
    margin-top: 30px;
197 
    padding: 0px; }
198 
  .login .content {
199 
    width: 245px; }
200 
  .login .content h3 {
201 
    font-size: 22px; }
202 
  .login .checkbox {
203 
    font-size: 13px; } }