0
|
1 body{margin:0 auto;font-family:Lato,Verdana,Arial,sans-serif}
|
|
2 body>*{padding:1em;max-width:1200px;margin:0 auto}
|
|
3 [full]{max-width:100%}
|
|
4 [oswald]{font-family:Oswald,Arial,sans-serif}
|
|
5 [lato]{font-family:Lato,Arial,sans-serif}
|
|
6 [gray]{color:#444}
|
|
7 [light]{color:#999}
|
|
8 [center]{text-align:center}
|
|
9 [dark],[dark] a{background:#444;color:#EEE}
|
|
10 [paddingTop]{padding-top:2em}
|
|
11 [marginTop]{margin-top:2em}
|
|
12 [marginBottom]{margin-bottom:2em}
|
|
13 [lineHeight]{line-height:1.6em}
|
|
14 [invisible]{display:none}
|
|
15 h1{margin-bottom:0}
|
|
16 h2{margin-top:.4em}
|
|
17 div[header]{padding:4em 0 1em}
|
|
18 div[content]{max-width:1000px;margin:0 auto;clear:both}
|
|
19 div[col1]{float:left;width:600px}
|
|
20 div[col1]>img{max-width:100%}
|
|
21 div[col2]{float:left}
|
|
22 div[col2] > ul{font-size:1.5em;padding:.1em 1em;border-radius:1em}
|
|
23 div[col2] > ul > li{list-style-type:none;margin:0 0 .3em;padding:.4em .5em;font-weight:bold}
|
|
24 div[col2] > ul > li > a{text-decoration:none;color:#1E67D2;margin-right:1em}
|
|
25 div[col2] > ul > li:hover{background:#EEF1F3;border-radius:20px}
|
|
26 div[col33]{width:33%;display:inline-block;vertical-align:top}
|
|
27 ul[floating] > li{display:inline-block;list-style-type:none;margin:.2em 1em .2em 0;height: 1.2em}
|
|
28 div[footer] a{display:inline-block;margin:0 1em 1em 0;text-decoration:none;color:#D0D0D0;text-shadow:0px 1px 1px black;border-bottom:1px dotted #757474}
|
|
29 [marginHorizontal]{margin:0 1em}
|
|
30 i.fa.fa-chevron-right{font-size:.8em;margin-top:.5em}
|
|
31 @media (max-width: 1000px) {
|
|
32 div[col1]{width:500px}
|
|
33 div[col2] > ul {font-size: 1.3em}
|
|
34 }
|
|
35 @media (max-width: 850px) {
|
|
36 [col1],[col2],[col33]{width:100% !important}
|
|
37 [col33]{padding-bottom:2em}
|
|
38 div[col2] > ul {font-size: 1.7em}
|
|
39 div[col2] > ul > li{padding:.4em .2em}
|
|
40 }
|
|
41 @media (max-width: 600px) {
|
|
42 div[col2] > ul {font-size: 1.3em}
|
|
43 }
|
|
44 input[type='text']{font-size:1.3em;border-radius:10px;border:1px solid #bbb;padding:.2em}
|
|
45 input[type='submit']{
|
|
46 -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 0 0;
|
|
47 -moz-box-shadow: rgba(0,0,0,0.2) 0 1px 0 0;
|
|
48 box-shadow: rgba(0,0,0,0.2) 0 1px 0 0;
|
|
49 color: #333;
|
|
50 background-color: #DCDBD9;
|
|
51 border-radius: 5px;
|
|
52 -moz-border-radius: 5px;
|
|
53 -webkit-border-radius: 5px;
|
|
54 border: none;
|
|
55 font-family: 'Helvetica Neue',Arial,sans-serif;
|
|
56 font-size: 16px;
|
|
57 font-weight: 700;
|
|
58 height: 32px;
|
|
59 padding: 4px 16px;
|
|
60 text-shadow: #E0E0E0 0 1px 0;
|
|
61 vertical-align: 15%;
|
|
62 } |