04a9a3a5d9096625777e44ef4c867a4708bc8dff
[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,arial,helvetica;
187     margin-bottom: 1em;
188 }
189
190 nav ul ul {
191     font-size: 70%;
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-style: italic;
265     font-size: 0.6em;
266     padding-top: 4em;
267 }
268
269 #smallnote {
270     font-style: italic;
271     font-size: 0.8em;
272 }
273
274 #footer {
275     margin-top: 5em;
276     margin-left: 10%;
277     width: 80%;
278     clear: both;
279 }
280
281 #footer p {
282     font-style: italic;
283     font-size: 0.3em;
284     padding: 2em 0;
285 }
286
287
288 #checkoutSummary {
289     background-color: #f0f0f0;
290 }
291
292
293 .articleRight {
294     float: right;
295     padding: 2%;
296 }
297
298 pre {
299     border: thin black solid;
300     background-color: #C4C4C4;
301     padding: 0.5em;
302     overflow: auto;
303 }
304
305
306 /* Table stuff */
307
308 th.left {
309     text-align:center;
310 }
311
312 th.center {
313     text-align:center;
314 }
315
316 th.right {
317     text-align:center;
318 }
319
320 td.left   {
321     text-align:left;
322 }
323
324 td.center {
325     text-align:center;
326 }
327
328 td.right  {
329     text-align:right;
330 }
331
332
333
334 /* EOF */