web: Minor CSS changes.
[gnupg-doc.git] / web / share / site.css
1 /* site.css
2  *
3  * This code is Copyright 1998--2013 The GnuPG Project and licensed
4  * under a Creative Commons Attribution-ShareAlike 3.0 Unported
5  * License.  See the file copying.org for details.
6  */
7
8 /*  Color names as used by lolo's old site design:
9  *   gray              #5c6064
10  *   lightblue         #d0dce8
11  *   darkpurple        #784c6c
12  *   lightpurple       #f0f0fc
13  *   grayedlightpurple #ebebf4
14  */
15
16 body {
17   background-color: #f0f0fc;
18 }
19
20 h1,
21 h2,
22 h3 {
23   color: #5c6064;
24   font-weight: bold;
25   font-variant: small-caps;
26   letter-spacing: 0.1em;
27 }
28
29 h1,
30 h2 {
31   font-size: large;
32 }
33
34 h1:first-letter,
35 h2:first-letter,
36 h3:first-letter {
37   color: #784c6c;
38 }
39
40
41 h1:first-letter,
42 h2:first-letter {
43   font-size: x-large;
44 }
45
46 h3:first-letter {
47   font-size: large;
48 }
49
50 /*
51    Links
52  */
53
54
55 a:link {
56   color: #784c6c;
57   font-weight: bold;
58   text-decoration: none;
59 }
60
61 a:hover {
62   background-color: #d0dce8;
63   font-weight: bold;
64   text-decoration: none;
65 }
66
67 a:visited {
68   color: #5c6064;
69   font-weight: bold;
70   text-decoration: none;
71 }
72
73 a.img:hover {
74   background-color: #f0f0fc;
75 }
76
77
78 /*
79    Raise attention
80  */
81
82 li.important {
83   color: red;
84 }
85
86 span.important {
87   color: red;
88 }
89
90
91 div.urgent {
92   width: 85%;
93   text-align: center;
94   border: solid red;
95   font-weight: bold;
96 }
97
98
99 .ii {
100   display: none !important;
101 }
102
103
104 /*
105    Other elements as commonly used by org-mode
106  */
107 p {
108   margin-top: 1%;
109 }
110
111
112 img {
113     border-width: 0;
114 }
115
116 img.lfloat {
117     float: left;
118     margin-right: 1em;
119 }
120
121 img.rfloat {
122     float: right;
123     margin-left: 1em;
124 }
125
126 .correction
127 {
128     color: #ff0000;
129 }
130
131 div.entry-qotd P
132 {
133   padding-left: 20%;
134   margin-bottom: 0;
135 }
136
137 div.entry-qotd
138 {
139   margin-bottom: 3%;
140 }
141
142
143 .example {
144     overflow: auto;
145 }
146
147
148 #kicker {
149     padding-top: 5%;
150     font-size: 125%;
151     border-bottom: 3px #FFb580 solid;
152     font-family: verdana,arial,helvetica;
153     margin-bottom: 2%;
154 }
155
156
157
158 #header {
159     background: url(/share/logo-gnupg-light-purple-bg.png) center no-repeat;
160     height: 120px;
161     padding: 0px;
162 }
163
164 #cornerImage {
165     width: 128px;
166     height: 130px;
167     margin-top: -7.5em;
168     margin-left: 82%;
169     padding: 0;
170     padding-right: 2%;
171 }
172
173 #leftColumn {
174     float: left;
175     text-align: right;
176     width: 18%;
177 }
178
179
180 /*
181    Navigation
182  */
183 nav ul {
184     list-style: none;
185     font-size: 100%;
186     font-family: verdana,helvetica;
187     margin-bottom: 1em;
188 }
189
190 nav ul ul {
191     font-size: 80%;
192 }
193
194 nav * li a {
195     color: #784c6c;
196 }
197
198
199 nav * li a:after {
200     content: " \21d0";
201     /* FIXME: Hide the arrow using the background color.  We should use
202        width or something similar to get it aligned.  */
203     color: #f0f0fc;
204 }
205
206 nav * li a.selected:after {
207     content: " \21d0";
208     color: #784c6c;
209 }
210
211 nav img {
212     border-width: 0;
213 }
214
215
216 /*
217    Other stuff
218  */
219
220 main {
221     float: left;
222     margin-left: 5%;
223     margin-right: 5%;
224     width: 72%;
225 }
226
227 main ul {
228     list-style: square;
229     padding-left: 0;
230     margin-left: 1em;
231 }
232
233
234 div.outline-text-2 {
235   padding-top: 5px;
236   padding-right: 3px;
237   border-top: 2px solid #5c6064;
238   border-right: 2px solid #784c6c;
239 }
240
241 div.outline-text-3 {
242   padding-top: 3px;
243   padding-right: 3px;
244   border-top: 1px solid #5c6064;
245   border-right: 1px solid #784c6c;
246 }
247
248
249 #rightColumn {
250     float: right;
251     width: 18%;
252     margin-left: 5%;
253     margin-right: 2%;
254     margin-top: 2%;
255 }
256
257 #rightColumn ul {
258     list-style: square;
259     padding-left: 0;
260     margin-left: 1em;
261 }
262
263 #cpyright {
264     font-size: 0.6em;
265     padding-top: 4em;
266 }
267
268 #smallnote {
269     font-size: 0.8em;
270 }
271
272 #footer {
273     margin-top: 5em;
274     margin-left: 10%;
275     width: 80%;
276     clear: both;
277 }
278
279 #footer p {
280     font-size: 0.3em;
281     padding: 2em 0;
282 }
283
284
285 #checkoutSummary {
286     background-color: #f0f0f0;
287 }
288
289
290 .articleRight {
291     float: right;
292     padding: 2%;
293 }
294
295 pre {
296     border: thin black solid;
297     background-color: #C4C4C4;
298     padding: 0.5em;
299     overflow: auto;
300 }
301
302 /* Classes used by makeinfo (manuals).  */
303
304 pre.display {
305     font-family:inherit;
306 }
307 pre.format {
308     font-family:inherit;
309 }
310 pre.smalldisplay {
311     font-family:inherit;
312     font-size:smaller;
313 }
314 pre.smallformat {
315     font-family:inherit;
316     font-size:smaller;
317 }
318 pre.smallexample {
319     font-size:smaller;
320 }
321 pre.smalllisp {
322     font-size:smaller;
323 }
324
325 span.sc {
326     font-variant:small-caps;
327 }
328 span.roman {
329     font-family:serif;
330     font-weight:normal;
331 }
332 span.sansserif {
333     font-family:sans-serif;
334     font-weight:normal;
335 }
336
337
338 /* Table stuff */
339
340 th.left {
341     text-align:center;
342 }
343
344 th.center {
345     text-align:center;
346 }
347
348 th.right {
349     text-align:center;
350 }
351
352 td.left   {
353     text-align:left;
354 }
355
356 td.center {
357     text-align:center;
358 }
359
360 td.right  {
361     text-align:right;
362 }
363
364
365 /* Tag cloudlist.  */
366
367 #tagcloudlist ul {
368     list-style: none;
369     float: left;
370 }
371
372 #tagcloudlist li {
373     float: left;
374     line-height: 130%;
375     font-variant: small-caps;
376     padding-right: 1em;
377 }
378
379 #tagcloudlist li:before  {
380     content: "\00bb\00a0";
381 }
382
383 #tagcloudlist p {
384    clear: left;
385    padding-top: 1em;
386    font-size: 0.8em;
387 }
388
389 #tagcloudlist a {
390    font-variant: normal;
391    font-size: 0.8em;
392 }
393
394
395 /* A box of logos.  */
396
397 .logobox p {
398   margin-top: 20px;
399 }
400
401 .logobox img {
402     margin-right: 20px;
403 }
404
405
406
407
408 /* EOF */