Project

General

Profile

1 49496 tsampikos.
* {
2
    margin: 0;
3
    padding: 0;
4
}
5
header, footer, section, nav {
6
    display: block;
7
}
8
html, body {
9
    height: 100%;
10
}
11
body {
12
    font-family:Verdana, Geneva, sans-serif;
13
    font-size: 12px;
14
    line-height: 1.5;
15
    color: #717171;
16
    background: #717171;
17
}
18
a:link,
19
a:visited {
20
    text-decoration: none;
21
    color: #717171;
22
}
23
img {
24
    max-width: 100%;
25
    margin-bottom: 12px;
26
}
27
28
.wrapper {
29
    background: #ffffff;
30
}
31
32
.container {
33
    position: relative;
34
    left: 34%;
35
    width: 540px;
36
    margin-left: -270px;
37
}
38
.container-footer {
39
    padding-top: 12px;
40
}
41
@media only screen and (max-width: 1020px) {
42
    .container {
43
        left: 45%;
44
    }
45
}
46
@media only screen and (max-width: 650px) {
47
    .container {
48
        position: static;
49
        margin: 0 auto;
50
        width: 280px;
51
    }
52
}
53
54
header {
55
    padding: 20px 0;
56
}
57
58
.logo img {
59
    border: none;
60
}
61
@media only screen and (max-width: 650px) {
62
    .logo img {
63
        display: none;
64
    }
65
    .logo {
66
        background: url(../images/dummylogo-mobile.png) no-repeat top center;
67
        display: block;
68
        height: 115px;
69
        width: 100px;
70
        margin: 0 auto;
71
    }
72
}
73
74
.content {
75
    padding-bottom: 80px;
76
    overflow: hidden;
77
}
78
79
.column {
80
    float: left;
81
}
82
.column.one {
83
    width: 50%;
84
    margin-right: 48px;
85
}
86
87
form {
88
    width: 240px;
89
    padding-bottom: 21px;
90
}
91
form label { /* labels are hidden */
92
    font-weight: bold;
93
}
94
form legend {
95
    font-size:1.2em;
96
    margin-bottom: 12px;
97
}
98
.form-element-wrapper {
99
    margin-bottom: 12px;
100
}
101
.form-element {
102
    width: 100%;
103
    padding: 13px 12px;
104
    border: none;
105
    font-size: 14px;
106
    border-radius: 4px;
107
    -webkit-border-radius: 4px;
108
    -moz-border-radius: 4px;
109
}
110
.form-field {
111
    color: #B7B7B7;
112
    border: 1px solid #B7B7B7;
113
}
114
.form-field-focus,
115
.form-field:focus,
116
input[type="text"]:focus {
117
    color: #333333;
118
    border-color: #333;
119
}
120
.form-button {
121
    background: #B61601;
122
    box-sizing: content-box;
123
    -moz-box-sizing: content-box;
124
    color: #ffffff;
125
    cursor: pointer;
126
}
127
.form-button:hover {
128
    background: #FF6400;
129
}
130
.form-error {
131
    padding: 0;
132
    color: #B61601;
133
}
134
135
.list-help {
136
    margin-top: 40px; /* offset padding on first anchor */
137
    list-style: none;
138
}
139
.list-help-item a {
140
    display: block;
141
    padding: 6px 0;
142
}
143
.item-marker {
144
    color: #be0000;
145
}
146
147
footer {
148
    color: #ffffff;
149
    font-size: 11px;
150
    background: #717171;
151
}
152
.footer-text {
153
    margin-bottom: 12px;
154
}
155
.footer-links a:link,
156
.footer-links a:visited {
157
    color: #ffffff;
158
    font-weight: bold;
159
}
160
.footer-links a:after {
161
    content: "\00a0\00a0\00a0|\00a0\00a0";
162
}
163
.footer-links a.last:after {
164
    content: "";
165
}