Update copying, fixup the CSS, and add a menu.
[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 a:link {
55   color: #784c6c;
56   font-weight: bold;
57   text-decoration: none;
58 }
59
60 a:hover {
61   background-color: #d0dce8;
62   font-weight: bold;
63   text-decoration: none;
64 }
65
66 a:visited {
67   color: #5c6064;
68   font-weight: bold;
69   text-decoration: none;
70 }
71
72 a.img:hover {
73   background-color: #f0f0fc;
74 }
75
76 /*
77    Raise attention
78  */
79
80 li.important {
81   color: red;
82 }
83
84 span.important {
85   color: red;
86 }
87
88
89 div.urgent {
90   width: 85%;
91   text-align: center;
92   border: solid red;
93   font-weight: bold;
94 }
95
96
97 /*
98    Other elements as commonly used by org-mode
99  */
100 p {
101     margin-top: 1%;
102 }
103
104
105 img {
106     border-width: 0;
107 }
108
109 img.lfloat {
110     float: left;
111     margin-right: 1em;
112 }
113
114 img.rfloat {
115     float: right;
116     margin-left: 1em;
117 }
118
119 .correction
120 {
121     color: #ff0000;
122 }
123
124 div.entry-qotd P
125 {
126   padding-left: 20%;
127   margin-bottom: 0;
128 }
129
130 div.entry-qotd
131 {
132   margin-bottom: 3%;
133 }
134
135
136 .example {
137     overflow: auto;
138 }
139
140
141 #kicker {
142     padding-top: 5%;
143     font-size: 125%;
144     border-bottom: 3px #FFb580 solid;
145     font-family: verdana,arial,helvetica;
146     margin-bottom: 2%;
147 }
148
149
150
151 #header {
152     background: url(/share/logo-gnupg-light-purple-bg.png) center no-repeat;
153     height: 120px;
154     padding: 0px;
155 }
156
157 #cornerImage {
158     width: 128px;
159     height: 130px;
160     margin-top: -7.5em;
161     margin-left: 82%;
162     padding: 0;
163     padding-right: 2%;
164 }
165
166 #leftColumn {
167     float: left;
168     text-align: right;
169     width: 18%;
170 }
171
172 nav ul {
173     list-style: none;
174     font-size: 100%;
175     font-family: verdana,arial,helvetica;
176     margin-bottom: 1em;
177 }
178
179 nav ul ul {
180     font-size: 70%;
181 }
182
183 nav img {
184     border-width: 0;
185 }
186
187 main {
188     float: left;
189     margin-left: 5%;
190     margin-right: 5%;
191     width: 72%;
192 }
193
194 main ul {
195     list-style: square;
196     padding-left: 0;
197     margin-left: 1em;
198 }
199
200
201 #rightColumn {
202     float: right;
203     width: 18%;
204     margin-left: 5%;
205     margin-right: 2%;
206     margin-top: 2%;
207 }
208
209 #rightColumn ul {
210     list-style: square;
211     padding-left: 0;
212     margin-left: 1em;
213 }
214
215 #cpyright {
216     font-style: italic;
217     font-size: 0.6em;
218 }
219
220 #smallnote {
221     font-style: italic;
222     font-size: 0.8em;
223 }
224
225 #footer {
226     margin-top: 5em;
227     margin-left: 10%;
228     width: 80%;
229     clear: both;
230 }
231
232 #footer p {
233     font-style: italic;
234     font-size: 0.3em;
235     padding: 2em 0;
236 }
237
238
239 .articleRight {
240     float: right;
241     padding: 2%;
242 }
243
244 pre {
245     border: thin black solid;
246     background-color: #C4C4C4;
247     padding: 0.5em;
248     overflow: auto;
249 }
250
251
252 /* Table stuff */
253
254 th.left {
255     text-align:center;
256 }
257
258 th.center {
259     text-align:center;
260 }
261
262 th.right {
263     text-align:center;
264 }
265
266 td.left   {
267     text-align:left;
268 }
269
270 td.center {
271     text-align:center;
272 }
273
274 td.right  {
275     text-align:right;
276 }
277
278
279
280 /* EOF */