Subversion Repositories Integrator Subversion

Rev

Details | Last modification | View Log | RSS feed

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