Subversion-Projekte lars-tiefland.ci

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
776 lars 1 
/* Cubic Bezier Transition */
2 
/***
3 
Lock Page
4 
***/
5 
body {
6 
  background-color: #465568 !important;
7 
  padding: 0;
8 
  margin: 0; }
9 
 
10 
.page-lock {
11 
  margin: 90px auto 30px auto;
12 
  width: 450px; }
13 
 
14 
.page-lock .page-logo {
15 
  text-align: center;
16 
  margin-bottom: 15px; }
17 
 
18 
.page-lock .page-body {
19 
  width: 100%;
20 
  margin-top: 50px;
21 
  background-color: #3a4554;
22 
  -webkit-border-radius: 7px;
23 
  -moz-border-radius: 7px;
24 
  -ms-border-radius: 7px;
25 
  -o-border-radius: 7px;
26 
  border-radius: 7px; }
27 
 
28 
.lock-head {
29 
  display: block;
30 
  background-color: #323d4b;
31 
  text-align: center;
32 
  padding-top: 15px;
33 
  padding-bottom: 15px;
34 
  font-size: 22px;
35 
  font-weight: 400;
36 
  color: #4db3a5;
37 
  -webkit-border-radius: 7px 7px 0 0;
38 
  -moz-border-radius: 7px 7px 0 0;
39 
  -ms-border-radius: 7px 7px 0 0;
40 
  -o-border-radius: 7px 7px 0 0;
41 
  border-radius: 7px 7px 0 0; }
42 
 
43 
.lock-body {
44 
  display: block;
45 
  margin: 35px;
46 
  overflow: hidden; }
47 
 
48 
.lock-avatar {
49 
  margin-top: 15px;
50 
  height: 110px;
51 
  -webkit-border-radius: 50% !important;
52 
  -moz-border-radius: 50% !important;
53 
  border-radius: 50% !important; }
54 
 
55 
.lock-form {
56 
  padding-left: 40px; }
57 
 
58 
.lock-form h4 {
59 
  margin-top: 0px;
60 
  color: #dbe2ea;
61 
  font-size: 18px;
62 
  font-weight: 400; }
63 
 
64 
.lock-form .form-group {
65 
  margin-top: 20px; }
66 
 
67 
.lock-form .form-group .form-control {
68 
  background-color: #303a48;
69 
  border: none;
70 
  width: 220px;
71 
  height: 40px;
72 
  color: #697687; }
73 
 
74 
.lock-form .form-group .form-control::-moz-placeholder {
75 
  color: #556376;
76 
  opacity: 1; }
77 
 
78 
.lock-form .form-group .form-control:-ms-input-placeholder {
79 
  color: #556376; }
80 
 
81 
.lock-form .form-group .form-control::-webkit-input-placeholder {
82 
  color: #556376; }
83 
 
84 
.lock-form .form-group .form-control:focus {
85 
  background-color: #2b3542; }
86 
 
87 
.lock-form .form-actions {
88 
  margin-top: 20px; }
89 
 
90 
.lock-form .form-actions .btn {
91 
  width: 220px;
92 
  font-weight: 600;
93 
  padding: 10px; }
94 
 
95 
.lock-bottom {
96 
  display: block;
97 
  background-color: #323d4b;
98 
  text-align: center;
99 
  padding-top: 20px;
100 
  padding-bottom: 20px;
101 
  -webkit-border-radius: 0 0 7px 7px;
102 
  -moz-border-radius: 0 0 7px 7px;
103 
  -ms-border-radius: 0 0 7px 7px;
104 
  -o-border-radius: 0 0 7px 7px;
105 
  border-radius: 0 0 7px 7px; }
106 
 
107 
.lock-bottom a {
108 
  font-size: 14px;
109 
  font-weight: 400;
110 
  color: #638cac; }
111 
 
112 
.lock-bottom a:hover {
113 
  color: #7ba2c0; }
114 
 
115 
.page-footer-custom {
116 
  text-align: center;
117 
  padding-top: 40px;
118 
  color: #5f6e83; }
119 
 
120 
@media (max-width: 768px) {
121 
  .page-lock {
122 
    margin: 30px auto;
123 
    width: 280px; }
124 
  .lock-body {
125 
    margin: 0px; }
126 
  .page-lock .page-body {
127 
    margin-top: 30px; }
128 
  .lock-avatar {
129 
    margin-top: 20px; }
130 
  .lock-avatar-block {
131 
    display: block;
132 
    width: 100%;
133 
    text-align: center;
134 
    margin-bottom: 10px; }
135 
  .lock-form {
136 
    padding-left: 20px; }
137 
  .lock-form h4 {
138 
    font-size: 16px;
139 
    text-align: center; }
140 
  .lock-form .form-group .form-control {
141 
    padding: 20px 20px;
142 
    width: 240px; }
143 
  .lock-form .form-actions .btn {
144 
    width: 100%;
145 
    margin-bottom: 20px; } }