Build and cleanups
[fsf-giving-guide.git] / stylesheet.css
CommitLineData
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
15html {
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
23a { color: #b495d3;}
24a:link { text-decoration: none; }
25a:visited { text-decoration: none; }
26a:hover { text-decoration: underline; }
27a:active { text-decoration: underline; }
28
29
30p { line-height: 1.4em; margin-bottom: 1.2em; }
31
32i { font-style: italic; }
33b { font-style: oblique; }
34
35li {list-style-type: circle; padding: 0.4em 0.2em; line-height: 1.4em; }
36ul {margin: 1em 2em 0em 4em;}
37
38br {margin-bottom: 20em; margin-top: 20em;}
39
40h1 { font-size: 2.75em; font-family: 'Signika Light'; margin-bottom: 0.5em; margin-top: 1em; }
41h2 { font-size: 1.75em; font-family: 'Signika Light'; color: #6c6c6c; margin-bottom: 0.5em; margin-top: 1em; }
42h3 { font-size: 1.625em; font-family: 'Signika Light'; color: #b495d3; margin-bottom: 0.5em; margin-top: 1em; }
43h4 { font-size: 1.375em; font-family: 'Signika Light'; color: #4d4d4d; margin-bottom: 0.5em; margin-top: 1em; }
44h5 { font-size: 1.25em; font-family: 'Signika Light'; color: #4d4d4d; margin-bottom: 0.5em; margin-top: 1em; }
45h6 { 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} */