Add specific css for print media(has to be improved).
[geeqie.git] / doc / style.css
1 /* vim: set shiftwidth=8 softtabstop=0 cindent cinoptions={1s: */
2
3 /* common */
4 body {
5         margin: 2em;
6         padding: 0;
7         color: #000;
8         background-color: #eee;
9         font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
10 }
11
12 table {
13         page-break-before: always;
14 }
15
16 a:hover {
17         background-color: white;
18 }
19
20 a.bottomnote {
21         text-decoration: none;
22         color: black;
23 }
24
25 .option_name {
26         font-variant: small-caps;
27         font-size: 90%;
28         font-weight: bold;
29 }
30
31 dt {
32         font-weight: bold;
33 }
34
35 /* Previous + Next */
36 p.previous {
37         text-align: left;
38 }
39 p.navtop_title {
40         text-align: center;
41         font-weight:bold;
42 }
43 p.navbottom_title {
44         text-align: center;
45 }
46
47 p.next {
48         text-align: right;
49 }
50
51 div.navtop {
52         text-align: center;
53 }
54         
55 div.navbottom {
56         text-align: center;
57 }
58
59 /* Headings */
60 h1 {
61         margin-top: 1.3em;
62         margin-bottom: 1.3em;
63         color: #820303;
64         background: #effefe;
65 }
66
67 h2 {
68         margin-top: 1em;
69         margin-bottom: 1em;
70         color: #5A0202;
71         background: #f6fefe;
72 }
73
74 h3 {
75         margin-top: 0.7em;
76         margin-bottom: 0.7em;
77         color: #270101;
78         background: #f8fefe;
79 }
80
81 hr#bottomseparator {
82         margin-top: 6em;
83 }
84
85 div.bottomspacer {
86         margin-bottom: 5em;
87 }
88
89 div.footer {
90         text-align: right;
91 }
92
93 /* menu descriptions */
94 dl.menu_desc {
95         margin-left: 2em;
96 }
97 .menu_desc dt {
98         font-weight: bold;
99         padding: 0.1em;
100         border-left: 1px solid gray;
101         border-bottom: 1px solid gray;
102         display: inline;
103         vertical-align: top;
104 }
105 .menu_desc dd {
106         margin-top: 0.3em;
107         margin-bottom: 0.3em;
108         font-size: small;
109 }
110
111 .menu_desc dd dl {
112         margin-top: 0.7em;
113         margin-bottom: 0.7em;
114 }
115
116 .menu_desc dd dl dd {
117         font-size: small;
118 }
119
120 /* dialog descriptions */
121 dl.dialog_desc {
122         margin-left: 2em;
123         margin-bottom: 1em;
124 }
125 .dialog_desc dt {
126         display: inline;
127         padding-left: 0.1em;
128         padding-right: 0.1em;
129         font-weight: bold;
130         margin-top: 0.3em;
131         border: 1px solid white;
132 }
133 .dialog_desc dd {
134         margin-bottom: 0.7em;
135 }
136 .dialog_desc dd dl {
137         font-size: 90%;
138         margin-bottom: 1em;
139 }
140
141 thead {
142         font-weight: bold;
143 }
144
145 p.note {
146         font-style: italic;
147 }
148 .note em {
149         font-weight: bold;
150 }
151
152 p.bottomnote {
153         margin-top: 5em;
154         font-style: italic;
155         font-size: 90%;
156 }
157 .bottomnote em {
158         font-weight: bold;
159 }
160
161 span.note_label {
162         font-weight: bold;
163 }
164
165 code {
166         margin-left: 0.3em;
167         padding: 0.1em;
168         background: white;
169 }
170
171 .submenu li {
172         margin: 0.4em;
173         list-style-type: circle;
174 }
175
176 .examples dt {
177         border: 0;
178 }
179
180 /* collections.html */
181 div.collections-shortcuts {
182         text-align: center;
183 }
184 .collections-shortcuts p {
185         margin: 0.1em;
186 }
187
188 /* image_presentation_fullscreen.html */
189 div.fullscreen-shortcuts {
190         text-align: center;
191 }
192 .fullscreen-shortcuts p {
193         margin: 0.1em;
194 }
195 td.fullscreen-shortcuts-separator {
196         background-color: white;
197         font-size: 110%;
198 }
199
200 div.fullscreen-functions {
201         text-align: center;
202 }
203 .fullscreen-functions p {
204         margin: 0.1em;
205 }
206
207 /* image_search_finding_duplicates.html */
208 div.find-duplicates-shortcuts {
209         text-align: center;
210 }
211 .find-duplicates-shortcuts p {
212         margin: 0.1em;
213 }
214
215 /* image_search_search.html */
216 div.search-shortcuts {
217         text-align: center;
218 }
219 .search-shortcuts p {
220         margin: 0.1em;
221 }
222
223 /* index.html */
224 .menu ul {
225         font-size: 110%;
226         font-weight: bold;
227         margin: 1em;
228         list-style-type: disc;
229 }
230 .menu ul li {
231         margin: 0.4em;
232 }
233 .menu ul li ul {
234         font-size: 90%;
235         font-weight: normal;
236         list-style-type: circle;
237 }
238
239 /* reference_command_line.html */
240 .command_line_options p {
241         margin: 0.1em;
242 }
243 .remote_commands p {
244         margin: 0.1em;
245 }
246
247 /* reference_keyboard_shortcuts.html */
248 div.keyboard-shortcuts {
249         text-align: center;
250 }
251 .keyboard-shortcuts p {
252         margin: 0.1em;
253 }
254 td.keyboard-shortcuts-separator {
255         background-color: white;
256         font-size: 110%;
257 }
258 .keyboard-shortcuts td+td+td {
259         text-align: left;
260 }
261
262 /* reference_management.html */
263 .file_locations_subtitle {
264         font-weight: bold;
265         background-color: white;
266         text-align: center;
267 }
268 .file_locations p {
269         margin: 0.1em;
270 }
271