aa7bbb8dc19a69076cc665bb2eec0e47f70dddc6
[software/elephly-net.git] / css / screen.css
1 html, body {
2 font-family: "droid serif", Georgia, Gentium, Palatino, Goudy, "Book Antiqua", "Palatino Linotype", "Linux Libertine", "Times New Roman", serif;
3 font-size: 100%;
4 line-height: 1.3em;
5 color: #333;
6 background: #eeede5; }
7
8 body {
9 margin: 0 auto; }
10 body .elephly {
11 background: #bdc0ac; }
12
13 #page ul {
14 list-style: square outside;
15 margin-top: 1em;
16 margin-bottom: 1em; }
17
18 div.time {
19 color: #9ba0a7;
20 margin-top: -0.6em;
21 margin-bottom: 0.6em;
22 font-size: 0.9em;
23 font-weight: normal; }
24
25 img#logo {
26 border-radius: 1em;
27 width: 100%;
28 margin-bottom: 0.5em; }
29
30 div#navigation {
31 position: fixed;
32 top: 0;
33 padding: 0.5em;
34 height: 100%;
35 width: 8em;
36 background: #fff;
37 border-left: 1px solid #cccccc;
38 border-right: 1px solid #cccccc;
39 font-family: "Droid Sans", Arial, sans-serif; }
40 div#navigation ul ul {
41 margin-left: 1em;
42 margin-bottom: 0.4em; }
43 div#navigation li {
44 width: 100%;
45 margin: 0; }
46 div#navigation li a {
47 padding: 4px;
48 display: block;
49 color: #389;
50 text-decoration: none;
51 border: none; }
52 div#navigation li a:visited {
53 color: #167; }
54 div#navigation li a:hover {
55 color: #fff;
56 background: #666; }
57
58 div.figure {
59 float: right;
60 text-align: center;
61 background: #fff;
62 box-shadow: 0 0 0.4em 0 #888;
63 padding: 1em;
64 margin: 0.5em -4em 0.5em 1em; }
65 div#page div.figure p.caption {
66 width: auto;
67 text-align: center;
68 font-size: 0.8em; }
69
70 h1 {
71 color: #000;
72 clear: both;
73 margin-bottom: .2em;
74 line-height: 1.5em;
75 display: block;
76 font-size: 1.9em;
77 font-weight: 300;
78 font-family: Georgia; }
79
80 h1:first-child {
81 margin-top: 14px; }
82
83 * + h1, * + h2 {
84 margin-top: .5em; }
85
86 h2, h3 {
87 color: #333;
88 margin-bottom: 0.5em;
89 line-height: 1.05em;
90 clear: both;
91 letter-spacing: -0.04em;
92 font-size: 1.3em;
93 font-weight: 700;
94 font-family: "Droid Sans", Arial, sans-serif; }
95
96 h3 {
97 font-size: 1.2em; }
98
99 a {
100 color: #389;
101 text-decoration: none;
102 border-bottom: 1px dotted #eeede5; }
103 a:visited {
104 color: #167; }
105 a:hover {
106 background: #eeede5; }
107
108 strong {
109 font-weight: bold; }
110
111 div#page {
112 width: 590px;
113 overflow: visible;
114 padding-left: 2em;
115 margin-bottom: 100px;
116 margin-left: 9em; }
117 div#page ul {
118 width: 36em; }
119 div#page p {
120 margin-bottom: 0;
121 text-align: justify;
122 width: 36em;
123 font-size: 1em; }
124 div#page p img, div#page p video {
125 display: inline;
126 float: right;
127 margin-left: 0.8em;
128 -moz-border-radius: 15px;
129 border-radius: 15px; }
130 div#page p.back {
131 margin-top: 1.5em;
132 width: 20%; }
133 div#page blockquote {
134 margin-left: 3em;
135 margin-top: 1em;
136 margin-bottom: 1em;
137 font-size: 0.9em;
138 font-style: italic; }
139 div#page blockquote p {
140 width: 80%; }
141 div#page img.full {
142 margin-top: 0.5em;
143 margin-bottom: 1em;
144 margin-left: 0;
145 margin-right: 0;
146 position: static;
147 float: none;
148 clear: both;
149 padding: 0;
150 display: block;
151 -moz-border-radius: 15px;
152 border-radius: 15px; }
153 div#page img.stretch {
154 width: 100%; }
155 div#page div.fineprint {
156 font-size: .7em;
157 text-indent: 0;
158 line-height: 1em;
159 margin-top: 1em;
160 padding-top: 1em;
161 border-top: 1px dotted #aaaaaa;
162 width: 100%;
163 color: #666;
164 clear: both;
165 display: block; }
166 div#page div.fineprint div.license {
167 display: block;
168 clear: both; }
169 div#page div.fineprint img {
170 display: block;
171 float: left;
172 margin-right: .5em; }
173
174 p + p, div.figure + p {
175 text-indent: .5em;
176 margin-top: 0.2em; }
177
178 warning {
179 clear: both;
180 margin: 1em;
181 padding: 1em;
182 background: #ffffaa;
183 border: 2px dashed #dddd88;
184 border-radius: 3px;
185 display: block; }
186
187 pre {
188 margin: 1em;
189 padding: 1em;
190 display: inline-block;
191 border-radius: 3px;
192 background: #444; }
193
194 pre code {
195 color: #aaff00;
196 background: transparent; }
197
198 img.flickr {
199 position: relative;
200 display: block;
201 margin: 0 auto;
202 width: 100%; }
203
204 img.undecorated {
205 margin: 0;
206 padding: 0; }
207
208 img.headline {
209 margin: 0;
210 margin-right: 1em;
211 padding: 0;
212 vertical-align: text-bottom; }
213
214 div#columns {
215 overflow: hidden;
216 margin-bottom: 1em; }
217 div#columns ul {
218 list-style: none outside none;
219 margin: 0;
220 float: left;
221 width: 32%; }
222
223 span.code, code {
224 font-family: "Envy Code R", "Inconsolata", "Consolas", "Courier New", monospace;
225 color: #111;
226 background: #dedede; }
227
228 span.code {
229 font-size: 0.85em;
230 border-bottom: #888;
231 padding: .15em; }
232
233 br {
234 clear: left; }
235
236 em {
237 font-style: italic; }
238
239 .item + .item {
240 margin-top: 1em; }
241
242 ul.list {
243 list-style-type: square; }
244 ul.list li {
245 margin-bottom: .4em; }
246 ul.list li .description {
247 font-size: .8em; }
248
249 div.download {
250 float: left;
251 width: 35%;
252 margin-right: 10%;
253 margin-bottom: 1.5em; }
254 div.download a {
255 display: block;
256 width: 100%;
257 text-align: center;
258 padding: 0.5em 0;
259 font-family: sans-serif;
260 background: #fff;
261 color: #888;
262 border-radius: 2em;
263 -moz-border-radius: 2em; }
264 div.download a:hover {
265 background: #888;
266 color: #fff; }
267 div.download table {
268 font-size: .8em;
269 line-height: 1em;
270 border-collapse: collapse;
271 margin-bottom: 1em;
272 clear: both; }
273 div.download table th {
274 color: #999;
275 font-weight: 400;
276 padding-right: 1em;
277 border-right: 1px solid #ffaa00;
278 text-align: right; }
279 div.download table td {
280 color: #777;
281 margin: 0;
282 padding: 0;
283 padding-left: 1em;
284 text-align: left; }
285
286 table {
287 margin-top: 0.5em;
288 margin-bottom: 0.5em; }
289 table thead {
290 border-bottom: 2px solid #ffaa00; }
291 table thead tr.header {
292 font-weight: bold; }
293 table tr.odd {
294 background-color: #fafafa; }
295 table th + th, table td + td {
296 padding-left: 1em; }
297
298 h1.year {
299 border-bottom: 4px solid #eeede5;
300 width: 50%; }
301
302 h2.month {
303 font-weight: normal; }
304
305 ul.archive {
306 margin-left: 1em; }
307
308 #page ul.tree {
309 margin: 1em;
310 font-family: monospace;
311 display: block;
312 list-style: none; }
313
314 #page ul.tree li { line-height: 1.3em; }
315 #page ul.tree .NORM { color: black; background-color: transparent;}
316 #page ul.tree .FIFO { color: purple; background-color: transparent;}
317 #page ul.tree .CHAR { color: yellow; background-color: transparent;}
318 #page ul.tree .DIR { color: blue; background-color: transparent;}
319 #page ul.tree .BLOCK { color: yellow; background-color: transparent;}
320 #page ul.tree .LINK { color: aqua; background-color: transparent;}
321 #page ul.tree .SOCK { color: fuchsia;background-color: transparent;}
322 #page ul.tree .EXEC { color: green; background-color: transparent;}
323
324
325 /* DISQUS */
326 h1.disqus {
327 margin-top: 1em;
328 float: left; }
329
330 div#disqus_thread {
331 border-top: 5px solid #999999;
332 padding: 0 1em 1em;
333 background: #eeede5;
334 margin-top: 1em;
335 -moz-border-radius: 0 0 15px 15px;
336 border-radius: 0 0 15px 15px;
337 font-size: 14px; }
338 div#disqus_thread ul {
339 width: auto; }
340 div#disqus_thread #dsq-global-toolbar {
341 margin: 0.5em 0; }
342 div#disqus_thread #dsq-reply {
343 margin-top: 0.5em; }
344 div#disqus_thread h3 {
345 clear: none; }
346
347 #mobilemenu {
348 display: none; }