reprogl
1@import 'settings';
2
3body {
4background: #76b852; /* fallback for old browsers */
5background: rgb(141, 194, 111);
6background: linear-gradient(90deg, rgba(141, 194, 111, 1) 0%, rgba(118, 184, 82, 1) 50%);
7font-family: $main-font;
8-webkit-font-smoothing: antialiased;
9-moz-osx-font-smoothing: grayscale;
10font-size: 14px;
11}
12
13.login-page {
14width: 360px;
15padding: 14% 0 0;
16margin: auto;
17}
18.form {
19position: absolute;
20box-sizing: border-box;
21z-index: 1;
22top: 50%;
23left: 50%;
24background: #FFFFFF;
25max-width: 400px;
26margin: -130px 0 0 -200px;
27padding: 45px;
28text-align: center;
29box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
30
31input {
32font-family: $main-font;
33outline: 0;
34background: #f2f2f2;
35width: 100%;
36border: 0;
37margin: 0 0 15px;
38padding: 15px;
39box-sizing: border-box;
40font-size: 14px;
41}
42
43button {
44font-family: $main-font;
45text-transform: uppercase;
46outline: 0;
47background: #4CAF50;
48width: 100%;
49border: 0;
50padding: 15px;
51color: #FFFFFF;
52font-size: 14px;
53-webkit-transition: all 0.3 ease;
54transition: all 0.3 ease;
55cursor: pointer;
56
57&:hover, &:active, &:focus {
58background: #43A047;
59}
60}
61
62.message {
63margin: 15px 0 0;
64color: #b3b3b3;
65font-size: 12px;
66a {
67color: #4CAF50;
68text-decoration: none;
69}
70}
71
72.error {
73display: block;
74padding: 15px;
75color: $color-error;
76margin: 0 0 15px;
77background-color: lighten($color-error, 35%);
78}
79
80.register-form {
81display: none;
82}
83
84.unsubscribe-form {
85img {
86position: absolute;
87top: -30px;
88right: -88px;
89border: white solid 8px;
90}
91
92p {
93margin-top: 0;
94margin-right: 43px;
95margin-bottom: 24px;
96min-height: rem-calc(78);
97}
98}
99}
100
101.container {
102position: relative;
103z-index: 1;
104max-width: 300px;
105margin: 0 auto;
106
107&:before, &:after {
108content: "";
109display: block;
110clear: both;
111}
112
113.info {
114margin: 50px auto;
115text-align: center;
116h1 {
117margin: 0 0 15px;
118padding: 0;
119font-size: 36px;
120font-weight: 300;
121color: #1a1a1a;
122}
123span {
124color: #4d4d4d;
125font-size: 12px;
126a {
127color: #000000;
128text-decoration: none;
129}
130.fa {
131color: #EF3B3A;
132}
133}
134}
135}
136