8de9a2a93b3801ad373ffdce1afe683e5e7f6ef8
[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(file:///home/wk/s/gnupg-web/stage/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 #navigation li {
173     list-style: none;
174     font-family: verdana,arial,helvetica;
175 }
176
177 #navigation img {
178     border-width: 0;
179 }
180
181 #mainText {
182     float: left;
183     margin-left: 5%;
184     margin-right: 5%;
185     width: 72%;
186 }
187
188 #mainText ul {
189     list-style: square;
190     padding-left: 0;
191     margin-left: 1em;
192 }
193
194
195 #rightColumn {
196     float: right;
197     width: 18%;
198     margin-left: 5%;
199     margin-right: 2%;
200     margin-top: 2%;
201 }
202
203 #rightColumn ul {
204     list-style: square;
205     padding-left: 0;
206     margin-left: 1em;
207 }
208
209 #cpyright {
210     font-style: italic;
211     font-size: 0.4em;
212 }
213
214 #smallnote {
215     font-style: italic;
216     font-size: 0.8em;
217 }
218
219 #footer {
220     margin-top: 5em;
221     margin-left: 10%;
222     width: 80%;
223     clear: both;
224 }
225
226 #footer p {
227     font-style: italic;
228     font-size: 0.3em;
229     padding: 2em 0;
230 }
231
232
233 .articleRight {
234     float: right;
235     padding: 2%;
236 }
237
238 pre {
239     border: thin black solid;
240     background-color: #C4C4C4;
241     padding: 0.5em;
242     overflow: auto;
243 }
244
245
246 /* Table stuff */
247
248 th.left {
249     text-align:center;
250 }
251
252 th.center {
253     text-align:center;
254 }
255
256 th.right {
257     text-align:center;
258 }
259
260 td.left   {
261     text-align:left;
262 }
263
264 td.center {
265     text-align:center;
266 }
267
268 td.right  {
269     text-align:right;
270 }
271
272
273
274 /* EOF */