pyc-website
main website for pyc inc.
git clone https://9o.is/git/pyc-website.git
page-login.less
(2115B)
1 /*
2 * LOGIN/REGISTER PAGE
3 */
4
5 .display-image {
6 margin-top:-60px;
7 margin-right:20px;
8 }
9
10 .terms-body {
11 max-height:400px;
12 overflow:auto;
13 }
14
15 #login {
16 background:@white;
17 overflow:visible;
18 }
19 #login .container {
20 border:none;
21 }
22
23 #login #header {
24 margin:0;
25 height: 71px;
26 border-bottom: 1px solid @gray-lighter !important;
27 overflow: hidden;
28 padding: 0 30px;
29 background-clip: padding-box;
30 border-width: 0;
31 min-height: 28px;
32 background: @gray-lightest !important;
33 margin-bottom:20px;
34
35 }
36
37 #login #header #logo {
38 margin-top:22px;
39 margin-left:0px;
40 }
41
42 #login #header #logo img {
43 width:137px;
44 }
45
46 #login-header-space {
47 float:right;
48 text-align:right;
49 display:block;
50 vertical-align:middle;
51 line-height:71px;
52 }
53
54 #login-header-space >:first-child {
55 font-size: 13px;
56 margin-right: 14px;
57 vertical-align: -3px;
58 font-weight:400;
59 }
60
61 #login-header-space .btn {
62 font-weight:bold;
63 text-transform: uppercase;
64 }
65
66 #login-header-space > * {
67 display:inline-block;
68 }
69
70 #login #main {
71 background:@white;
72 margin:0;
73 }
74
75 #login .hero {
76 background-image: url("@{base-url}/gradient/login.png");
77 background-repeat: no-repeat;
78 background-position: 0 137px;
79 height: 360px;
80 width: 100%;
81 float:left;
82 }
83
84 #login h4.paragraph-header {
85 color: #565656;
86 font-size: 15px;
87 font-weight: normal;
88 line-height: 22px;
89 margin-top: 15px;
90 width: 270px;
91 }
92
93 #login h5.about-heading {
94 color: #565656;
95 font-size: 15px;
96 font-weight: bold;
97 line-height: 24px;
98 margin: 0 0 5px;
99 }
100
101 #login .login-header-big {
102 font-weight:400;
103 }
104
105 #login .login-desc-box-l{
106 min-height:350px;
107 width: 50%;
108 }
109
110 #login .login-app-icons {
111 vertical-align: top;
112 margin-top: 90px;
113 width: 300px;
114 }
115
116
117
118 @media (min-width: 768px) and (max-width: 880px) {
119 #login #header {
120 padding: 0 5px !important;
121 }
122 }
123
124 @media only screen and (min-width: 0px) and (max-width: 679px) {
125 #login #header {
126 padding: 0 5px !important;
127 }
128
129 #login #header #logo img {
130 width: 135px;
131 }
132
133 #login #header #logo {
134 margin-top: 22px;
135 }
136 }