1e9237d664b7a1f5da08c74f0f5da66f305a3400
[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 /*
100    Other elements as commonly used by org-mode
101  */
102 p {
103   margin-top: 1%;
104 }
105
106
107 img {
108     border-width: 0;
109 }
110
111 img.lfloat {
112     float: left;
113     margin-right: 1em;
114 }
115
116 img.rfloat {
117     float: right;
118     margin-left: 1em;
119 }
120
121 .correction
122 {
123     color: #ff0000;
124 }
125
126 div.entry-qotd P
127 {
128   padding-left: 20%;
129   margin-bottom: 0;
130 }
131
132 div.entry-qotd
133 {
134   margin-bottom: 3%;
135 }
136
137
138 .example {
139     overflow: auto;
140 }
141
142
143 #kicker {
144     padding-top: 5%;
145     font-size: 125%;
146     border-bottom: 3px #FFb580 solid;
147     font-family: verdana,arial,helvetica;
148     margin-bottom: 2%;
149 }
150
151
152
153 #header {
154     background: url(/share/logo-gnupg-light-purple-bg.png) center no-repeat;
155     height: 120px;
156     padding: 0px;
157 }
158
159 #cornerImage {
160     width: 128px;
161     height: 130px;
162     margin-top: -7.5em;
163     margin-left: 82%;
164     padding: 0;
165     padding-right: 2%;
166 }
167
168 #leftColumn {
169     float: left;
170     text-align: right;
171     width: 18%;
172 }
173
174
175 /*
176    Navigation
177  */
178 nav ul {
179     list-style: none;
180     font-size: 100%;
181     font-family: verdana,arial,helvetica;
182     margin-bottom: 1em;
183 }
184
185 nav ul ul {
186     font-size: 70%;
187 }
188
189 nav * li a {
190     color: #784c6c;
191 }
192
193
194 nav * li a:after {
195     content: " \21d0";
196     /* FIXME: Hide the arrow using the background color.  We should use
197        width or something similar to get it aligned.  */
198     color: #f0f0fc;
199 }
200
201 nav * li a.selected:after {
202     content: " \21d0";
203     color: #784c6c;
204 }
205
206 nav img {
207     border-width: 0;
208 }
209
210
211 /*
212    Other stuff
213  */
214
215 main {
216     float: left;
217     margin-left: 5%;
218     margin-right: 5%;
219     width: 72%;
220 }
221
222 main ul {
223     list-style: square;
224     padding-left: 0;
225     margin-left: 1em;
226 }
227
228
229 div.outline-text-2 {
230   padding-top: 5px;
231   padding-right: 3px;
232   border-top: 2px solid #5c6064;
233   border-right: 2px solid #784c6c;
234 }
235
236 div.outline-text-3 {
237   padding-top: 3px;
238   padding-right: 3px;
239   border-top: 1px solid #5c6064;
240   border-right: 1px solid #784c6c;
241 }
242
243
244 #rightColumn {
245     float: right;
246     width: 18%;
247     margin-left: 5%;
248     margin-right: 2%;
249     margin-top: 2%;
250 }
251
252 #rightColumn ul {
253     list-style: square;
254     padding-left: 0;
255     margin-left: 1em;
256 }
257
258 #cpyright {
259     font-style: italic;
260     font-size: 0.6em;
261 }
262
263 #smallnote {
264     font-style: italic;
265     font-size: 0.8em;
266 }
267
268 #footer {
269     margin-top: 5em;
270     margin-left: 10%;
271     width: 80%;
272     clear: both;
273 }
274
275 #footer p {
276     font-style: italic;
277     font-size: 0.3em;
278     padding: 2em 0;
279 }
280
281
282 .articleRight {
283     float: right;
284     padding: 2%;
285 }
286
287 pre {
288     border: thin black solid;
289     background-color: #C4C4C4;
290     padding: 0.5em;
291     overflow: auto;
292 }
293
294
295 /* Table stuff */
296
297 th.left {
298     text-align:center;
299 }
300
301 th.center {
302     text-align:center;
303 }
304
305 th.right {
306     text-align:center;
307 }
308
309 td.left   {
310     text-align:left;
311 }
312
313 td.center {
314     text-align:center;
315 }
316
317 td.right  {
318     text-align:right;
319 }
320
321
322
323 /* EOF */