1+ body {
2+ margin : 0 ;
3+ font-family : Helvetica, Arial, sans-serif;
4+ font-size : 22px ;
5+ color : # 333 ;
6+ font-weight : 100 ;
7+ }
8+ b , strong {
9+ font-weight : bold;
10+ }
11+ a { color : hsl (240 , 80% , 70% ); }
12+ a : hover { color : hsl (240 , 80% , 80% ); }
13+ # content {}
14+ .words {
15+ width : 670px ;
16+ margin : 0 auto;
17+ }
18+ # content p {
19+ text-align : justify;
20+ line-height : 1.7em ;
21+ color : # 333 ;
22+ }
23+ # content p .caption {
24+ line-height : 1.5em ;
25+ text-align : center;
26+ }
27+ # content p img {
28+ height : 1em ;
29+ position : relative;
30+ top : 3px ;
31+ }
32+ # content p img .real {
33+ margin : 0 auto;
34+ display : block;
35+ height : auto;
36+ }
37+ # content p .underline {
38+ text-decoration : underline;
39+ }
40+ iframe {
41+ border : none;
42+ display : block;
43+ margin : 0px auto 25px auto;
44+ }
45+ hr {
46+ border : none;
47+ border-bottom : 5px dashed # ccc ;
48+ margin : 50px 0 ;
49+ }
50+ li {
51+ margin-bottom : 0.4em ;
52+ }
53+ # content .ballot_title {
54+ font-size : 1.75em ;
55+ margin-bottom : 0.4em ;
56+ position : relative;
57+ left : 5px ;
58+ }
59+ # content p .ballot_caption {
60+ margin-top : 0 ;
61+ font-size : 0.8em ;
62+ text-align : center;
63+ width : 260px ;
64+ line-height : 1.2em ;
65+ }
66+ # content p .caption-test {
67+ font-weight : bold;
68+ font-size : 1.2em ;
69+ line-height : 1.4em ;
70+ }
71+ .sim-intro , .sim-ballot , .sim-test , .sim-sandbox {
72+ margin : 0 auto;
73+ }
74+ .sim-intro {
75+ width : 600px ;
76+ }
77+ .sim-ballot {
78+ width : 670px ;
79+ margin : 35px auto 50px auto;
80+ }
81+ .sim-test {
82+ width : 800px ;
83+ margin : 50px auto 40px auto;
84+ }
85+ # content p .quote {
86+ border-radius : 5px ;
87+ background : # eee ;
88+ padding : 20px ;
89+ color : # 888 ;
90+ font-size : 1.2em ;
91+ text-align : center;
92+ }
93+ # content p .quote em {
94+ color : # 000 ;
95+ font-weight : bolder;
96+ }
97+ .banner {
98+ margin : 50px 0 ;
99+ background : # EFE9D5 ;
100+ width : 100% ;
101+ height : 200px ;
102+ border-bottom : 5px solid rgba (0 , 0 , 0 , 0.2 );
103+ }
104+ .banner img {
105+ margin : 0 auto;
106+ display : block;
107+ width : 850px ;
108+ height : 200px ;
109+ }
110+ # splash {
111+ position : relative;
112+ overflow : hidden;
113+ margin-top : 0 ;
114+ height : 400px ;
115+ }
116+ # splash img {
117+ position : absolute;
118+ width : 960px ;
119+ height : 200px ;
120+ margin : auto;
121+ top : 0 ; left : 0 ; right : 0 ; bottom : 0 ;
122+ pointer-events : none;
123+ }
124+ # sandbox {
125+ background : # EFE9D5 ;
126+ overflow : hidden;
127+ margin-top : 50px ;
128+ border-bottom : 5px solid rgba (0 , 0 , 0 , 0.2 );
129+ padding : 30px 0 ;
130+ }
131+ .sim-sandbox {
132+ width : 800px ;
133+ }
134+ .sim-sandbox iframe {
135+ background : # fff ;
136+ border : 20px solid # fff ;
137+ }
138+ # end {
139+ font-size : 18px ;
140+ line-height : 1.5em ;
141+ background : # 222 ;
142+ padding : 30px 0 ;
143+ overflow : hidden;
144+ }
145+
146+ /** THE END **/
147+ # end p {
148+ color : # 999 ;
149+ }
150+ # end h1 , # end h2 , # end p b , # end p strong {
151+ color : # fff ;
152+ }
153+ # end h1 , # end h2 {
154+ text-align : center;
155+ }
156+ # end a {
157+ font-weight : bold;
158+ color : # cc2727 ;
159+ }
160+ # end a : hover {
161+ color : # dd3838 ;
162+ }
163+ # credits {
164+ width : 960px ;
165+ margin : 25px auto 50px auto;
166+ text-align : justify;
167+ }
168+ # uncopyright {
169+ width : 100% ;
170+ height : 180px ;
171+ margin-bottom : 40px ;
172+ }
173+ # appendix_container {
174+ overflow : hidden;
175+ }
176+ .appendix_title {
177+ color : # fff ;
178+ font-size : 24px ;
179+ font-weight : bold;
180+ }
181+ # further_reading {
182+ width : 600px ;
183+ float : left;
184+ color : # 888 ;
185+ }
186+ .further_book {
187+ font-size : 18px ;
188+ overflow : hidden;
189+ }
190+ .further_book img {
191+ width : 100px ;
192+ float : left;
193+ margin-right : 20px ;
194+ }
195+ # supporters {
196+ line-height : 1.2em ;
197+ width : 320px ;
198+ float : right;
199+ font-size : 16px ;
200+ color : # 888 ;
201+ }
202+ # supporter_drawings {
203+ overflow : hidden;
204+ margin-top : 20px ;
205+ text-align : center;
206+ }
207+ # supporter_drawings > div {
208+ display : inline-block;
209+ width : 100px ;
210+ height : 140px ;
211+ margin-bottom : 15px ;
212+ text-align : center;
213+ position : relative;
214+ }
215+ # supporter_drawings > div > img {
216+ position : absolute;
217+ width : 100px ;
218+ height : 100px ;
219+ left : 0px ;
220+ top : 0px ;
221+ }
222+ # supporter_drawings > div > div {
223+ position : absolute;
224+ width : 80px ;
225+ height : 37px ;
226+ left : 10px ;
227+ top : 103px ;
228+ }
229+
230+ ul .share-buttons {
231+ list-style : none;
232+ padding : 0 ;
233+ text-align : center;
234+ margin-top : 5px ;
235+ margin-bottom : 50px ;
236+ }
237+
238+ ul .share-buttons li {
239+ display : inline;
240+ }
241+
242+ ul .share-buttons .sr-only {
243+ position : absolute;
244+ clip : rect (1px 1px 1px 1px );
245+ clip : rect (1px , 1px , 1px , 1px );
246+ padding : 0 ;
247+ border : 0 ;
248+ height : 1px ;
249+ width : 1px ;
250+ overflow : hidden;
251+ }
0 commit comments