Commit | Line | Data |
---|---|---|
afb35b89 RL |
1 | /*Typography*/ |
2 | ||
3 | @font-face { | |
4 | font-family: 'Signika Light'; | |
5 | src: local('Signika Light'), url('fonts/Signika-Light.ttf') format('truetype'); | |
6 | } | |
7 | ||
8 | @font-face { | |
9 | font-family: 'Open Sans'; | |
10 | src: local('Open Sans'), url('fonts/OpenSans-Regular.ttf') format('truetype'); | |
11 | } | |
12 | ||
13 | /*Style common HTML tags*/ | |
14 | ||
15 | html { | |
16 | line-height: 1.4em; | |
17 | font-family: 'Open Sans', 'DejaVu Sans', Arial, sans-serif; | |
18 | font-size: 1em; | |
19 | color: #363636; | |
20 | width: 100%; | |
21 | } | |
22 | ||
23 | a { color: #b495d3;} | |
24 | a:link { text-decoration: none; } | |
25 | a:visited { text-decoration: none; } | |
26 | a:hover { text-decoration: underline; } | |
27 | a:active { text-decoration: underline; } | |
28 | ||
29 | ||
30 | p { line-height: 1.4em; margin-bottom: 1.2em; } | |
31 | ||
32 | i { font-style: italic; } | |
33 | b { font-style: oblique; } | |
34 | ||
35 | li {list-style-type: circle; padding: 0.4em 0.2em; line-height: 1.4em; } | |
36 | ul {margin: 1em 2em 0em 4em;} | |
37 | ||
38 | br {margin-bottom: 20em; margin-top: 20em;} | |
39 | ||
40 | h1 { font-size: 2.75em; font-family: 'Signika Light'; margin-bottom: 0.5em; margin-top: 1em; } | |
41 | h2 { font-size: 1.75em; font-family: 'Signika Light'; color: #6c6c6c; margin-bottom: 0.5em; margin-top: 1em; } | |
42 | h3 { font-size: 1.625em; font-family: 'Signika Light'; color: #b495d3; margin-bottom: 0.5em; margin-top: 1em; } | |
43 | h4 { font-size: 1.375em; font-family: 'Signika Light'; color: #4d4d4d; margin-bottom: 0.5em; margin-top: 1em; } | |
44 | h5 { font-size: 1.25em; font-family: 'Signika Light'; color: #4d4d4d; margin-bottom: 0.5em; margin-top: 1em; } | |
45 | h6 { font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-bottom: 0.5em; margin-top: 1em; } | |
46 | ||
47 | /*Site-specific*/ | |
48 | ||
49 | #banner > img { | |
50 | width: 100%; | |
51 | } | |
52 | ||
53 | #wrapper { | |
54 | margin: auto 5em; | |
55 | } | |
56 | ||
57 | #comparisons { | |
58 | /* padding-top: 10em; */ | |
59 | background-color: #fbfbfb; | |
60 | position: absolute; | |
61 | width: 100%; | |
62 | max-width: 1150px; | |
63 | } | |
64 | ||
65 | .main_title { | |
66 | margin-left: 2em; | |
67 | margin-bottom: 3em; | |
68 | } | |
69 | ||
70 | .section_wrapper { | |
71 | margin-bottom: 4em; | |
72 | } | |
73 | ||
74 | .title { | |
75 | text-align: center; | |
76 | font-size: 1.5em; | |
77 | } | |
78 | ||
79 | #free { | |
80 | position: relative; | |
81 | /* background-color: red; */ | |
82 | float: left; | |
83 | width: 45%; | |
84 | max-width: 450px; | |
85 | } | |
86 | ||
87 | #sign { | |
88 | position: relative; | |
89 | /* background-color: green; */ | |
90 | width: 240px; | |
91 | float: left; | |
92 | margin-top: 3em; | |
93 | } | |
94 | ||
95 | #proprietary { | |
96 | position: relative; | |
97 | /* background-color: blue; */ | |
98 | width: 45%; | |
99 | max-width: 450px; | |
100 | float: right; | |
101 | } | |
102 | ||
103 | .product { | |
104 | display: block; | |
105 | margin: auto; | |
106 | width: 250px; | |
107 | height: 250px; | |
108 | } | |
109 | ||
110 | .sign { | |
111 | display: block; | |
112 | margin: auto; | |
113 | width: 149px; | |
114 | height: 149px; | |
115 | } | |
116 | ||
117 | .separator { | |
118 | width: 1px; | |
119 | height: 324px; | |
120 | margin: auto; | |
121 | margin-left: 7.5em; | |
122 | margin-top: 3em; | |
123 | } | |
124 | ||
125 | #section_wrapper { | |
126 | position: relative; | |
127 | } | |
128 | ||
129 | /* #test { | |
130 | height: 10em; | |
131 | position: relative; | |
132 | background-color: white; | |
133 | display: block; | |
134 | float: left; | |
135 | } */ |