|
21
|
1 body {
|
|
|
2 margin: 0 auto;
|
|
|
3 font-family: Lato,Verdana,Arial,sans-serif;
|
|
|
4 }
|
|
|
5 body > * {
|
|
|
6 padding: 1em;
|
|
|
7 max-width: 1200px;
|
|
|
8 margin: 0 auto;
|
|
|
9 }
|
|
|
10 [full] {
|
|
|
11 max-width: 100%;
|
|
|
12 }
|
|
|
13 [oswald] {
|
|
|
14 font-family: Oswald,Arial,sans-serif;
|
|
|
15 }
|
|
|
16 [lato] {
|
|
|
17 font-family: Lato,Arial,sans-serif;
|
|
|
18 }
|
|
|
19 [gray] {
|
|
|
20 color: #444;
|
|
|
21 }
|
|
|
22 [light] {
|
|
|
23 color: #999;
|
|
|
24 }
|
|
|
25 [center] {
|
|
|
26 text-align: center;
|
|
|
27 }
|
|
|
28 [dark], [dark] a {
|
|
|
29 background: #444;
|
|
|
30 color: #EEE;
|
|
|
31 }
|
|
|
32 [paddingTop] {
|
|
|
33 padding-top: 2em;
|
|
|
34 }
|
|
|
35 [marginTop] {
|
|
|
36 margin-top: 2em;
|
|
|
37 }
|
|
|
38 [marginBottom] {
|
|
|
39 margin-bottom: 2em;
|
|
|
40 }
|
|
|
41 [lineHeight] {
|
|
|
42 line-height: 1.6em;
|
|
|
43 }
|
|
|
44 [invisible] {
|
|
|
45 display: none;
|
|
|
46 }
|
|
|
47 h1 {
|
|
|
48 margin-bottom: 0;
|
|
|
49 }
|
|
|
50 h2 {
|
|
|
51 margin-top: .4em;
|
|
|
52 }
|
|
|
53 div[header] {
|
|
|
54 padding: 4em 0 1em;
|
|
|
55 }
|
|
|
56 div[content] {
|
|
|
57 xmax-width: 1000px;
|
|
|
58 margin: 0 auto;
|
|
|
59 clear: both;
|
|
|
60 }
|
|
|
61 div[col1] {
|
|
|
62 display: inline-block;
|
|
|
63 width: 600px;
|
|
|
64 }
|
|
|
65 div[col1] > img {
|
|
|
66 max-width: 100%;
|
|
|
67 }
|
|
|
68 div[col2] {
|
|
|
69 display: inline-block;
|
|
|
70 text-align: left;
|
|
|
71 vertical-align: top;
|
|
|
72 }
|
|
|
73 div[col2] > ul {
|
|
|
74 font-size: 1.5em;
|
|
|
75 padding: .1em 1em;
|
|
|
76 border-radius: 1em;
|
|
|
77 }
|
|
|
78 div[col2] > ul > li {
|
|
|
79 list-style-type: none;
|
|
|
80 margin: 0 0 .3em;
|
|
|
81 padding: .4em .5em;
|
|
|
82 font-weight: bold;
|
|
|
83 }
|
|
|
84 div[col2] > ul > li > a {
|
|
|
85 text-decoration: none;
|
|
|
86 color: #1E67D2;
|
|
|
87 margin-right: 1em;
|
|
|
88 }
|
|
|
89 div[col2] > ul > li:hover {
|
|
|
90 background: #EEF1F3;
|
|
|
91 border-radius: 20px;
|
|
|
92 }
|
|
|
93 div[col33] {
|
|
|
94 width: 33%;
|
|
|
95 display: inline-block;
|
|
|
96 vertical-align: top;
|
|
|
97 }
|
|
|
98 ul[floating] > li {
|
|
|
99 display: inline-block;
|
|
|
100 list-style-type: none;
|
|
|
101 margin: .2em 1em .2em 0;
|
|
|
102 height: 1.2em;
|
|
|
103 }
|
|
|
104 div[footer] a {
|
|
|
105 display: inline-block;
|
|
|
106 margin: 0 1em 1em 0;
|
|
|
107 text-decoration: none;
|
|
|
108 color: #D0D0D0;
|
|
|
109 text-shadow: 0px 1px 1px black;
|
|
|
110 border-bottom: 1px dotted #757474;
|
|
|
111 }
|
|
|
112 [marginHorizontal] {
|
|
|
113 margin: 0 1em;
|
|
|
114 }
|
|
|
115 i.fa.fa-chevron-right {
|
|
|
116 font-size: .8em;
|
|
|
117 margin-top: .5em;
|
|
|
118 }
|
|
0
|
119 @media (max-width: 1000px) {
|
|
21
|
120 div[col1] {
|
|
|
121 width:500px;
|
|
|
122 }
|
|
|
123 div[col2] > ul {
|
|
|
124 font-size: 1.3em;
|
|
|
125 }
|
|
0
|
126 }
|
|
|
127 @media (max-width: 850px) {
|
|
21
|
128 [col1], [col2], [col33] {
|
|
|
129 width: 100% !important;
|
|
|
130 }
|
|
|
131 [col33] {
|
|
|
132 padding-bottom: 2em;
|
|
|
133 }
|
|
|
134 div[col2] > ul {
|
|
|
135 font-size: 1.7em;
|
|
|
136 }
|
|
|
137 div[col2] > ul > li {
|
|
|
138 padding: .4em .2em;
|
|
|
139 }
|
|
0
|
140 }
|
|
|
141 @media (max-width: 600px) {
|
|
21
|
142 div[col2] > ul {
|
|
|
143 font-size: 1.3em;
|
|
|
144 }
|
|
0
|
145 }
|
|
21
|
146 input[type='text'] {
|
|
|
147 font-size: 1.3em;
|
|
|
148 border-radius: 10px;
|
|
|
149 border: 1px solid #bbb;
|
|
|
150 padding: .2em;
|
|
|
151 }
|
|
|
152 input[type='submit'] {
|
|
0
|
153 -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 0 0;
|
|
|
154 -moz-box-shadow: rgba(0,0,0,0.2) 0 1px 0 0;
|
|
|
155 box-shadow: rgba(0,0,0,0.2) 0 1px 0 0;
|
|
|
156 color: #333;
|
|
|
157 background-color: #DCDBD9;
|
|
|
158 border-radius: 5px;
|
|
|
159 -moz-border-radius: 5px;
|
|
|
160 -webkit-border-radius: 5px;
|
|
|
161 border: none;
|
|
|
162 font-family: 'Helvetica Neue',Arial,sans-serif;
|
|
|
163 font-size: 16px;
|
|
|
164 font-weight: 700;
|
|
|
165 height: 32px;
|
|
|
166 padding: 4px 16px;
|
|
|
167 text-shadow: #E0E0E0 0 1px 0;
|
|
|
168 vertical-align: 15%;
|
|
21
|
169 }
|
