Mercurial > hg > Applications > o2s5

comparison ui/slidy2/styles/slidy.css @ 0:b0c6281822f5

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
o2s5 with theme and slidy
author Shinji KONO <kono@ie.u-ryukyu.ac.jp>
date Fri, 23 Sep 2011 15:15:18 +0900
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:b0c6281822f5
1 /* slidy.css
2
3 Copyright (c) 2005-2010 W3C (MIT, ERCIM, Keio), All Rights Reserved.
4 W3C liability, trademark, document use and software licensing
5 rules apply, see:
6
7 http://www.w3.org/Consortium/Legal/copyright-documents
8 http://www.w3.org/Consortium/Legal/copyright-software
9 */
10 body
11 {
12 margin: 0 0 0 0;
13 padding: 0 0 0 0;
14 width: 100%;
15 height: 100%;
16 color: black;
17 background-color: white;
18 font-family: "Gill Sans MT", "Gill Sans", GillSans, sans-serif;
19 font-size: 14pt;
20 }
21
22 div.toolbar {
23 position: fixed; z-index: 200;
24 top: auto; bottom: 0; left: 0; right: 0;
25 height: 1.2em; text-align: right;
26 padding-left: 1em;
27 padding-right: 1em;
28 font-size: 60%;
29 color: red;
30 background-color: rgb(240,240,240);
31 border-top: solid 1px rgb(180,180,180);
32 }
33
34 div.toolbar span.copyright {
35 color: black;
36 margin-left: 0.5em;
37 }
38
39 div.initial_prompt {
40 position: absolute;
41 z-index: 1000;
42 bottom: 1.2em;
43 width: 100%;
44 background-color: rgb(200,200,200);
45 opacity: 0.35;
46 background-color: rgb(200,200,200, 0.35);
47 cursor: pointer;
48 }
49
50 div.initial_prompt p.help {
51 text-align: center;
52 }
53
54 div.initial_prompt p.close {
55 text-align: right;
56 font-style: italic;
57 }
58
59 div.slidy_toc {
60 position: absolute;
61 z-index: 300;
62 width: 60%;
63 max-width: 30em;
64 height: 30em;
65 overflow: auto;
66 top: auto;
67 right: auto;
68 left: 4em;
69 bottom: 4em;
70 padding: 1em;
71 background: rgb(240,240,240);
72 border-style: solid;
73 border-width: 2px;
74 font-size: 60%;
75 }
76
77 div.slidy_toc .toc_heading {
78 text-align: center;
79 width: 100%;
80 margin: 0;
81 margin-bottom: 1em;
82 border-bottom-style: solid;
83 border-bottom-color: rgb(180,180,180);
84 border-bottom-width: 1px;
85 }
86
87 div.slide {
88 z-index: 20;
89 margin: 0 0 0 0;
90 padding-top: 0;
91 padding-bottom: 0;
92 padding-left: 20px;
93 padding-right: 20px;
94 border-width: 0;
95 clear: both;
96 top: 0;
97 bottom: 0;
98 left: 0;
99 right: 0;
100 line-height: 120%;
101 background-color: transparent;
102 }
103
104 div.background {
105 display: none;
106 }
107
108 div.handout {
109 margin-left: 20px;
110 margin-right: 20px;
111 }
112
113 div.slide.titlepage {
114 text-align: center;
115 }
116
117 div.slide.titlepage h1 {
118 padding-top: 10%;
119 margin-right: 0;
120 }
121
122 div.slide h1 {
123 padding-left: 0;
124 padding-right: 20pt;
125 padding-top: 4pt;
126 padding-bottom: 4pt;
127 margin-top: 0;
128 margin-left: 0;
129 margin-right: 60pt;
130 margin-bottom: 0.5em;
131 display: block;
132 font-size: 160%;
133 line-height: 1.2em;
134 background: transparent;
135 }
136
137 div.toc {
138 position: absolute;
139 top: auto;
140 bottom: 4em;
141 left: 4em;
142 right: auto;
143 width: 60%;
144 max-width: 30em;
145 height: 30em;
146 border: solid thin black;
147 padding: 1em;
148 background: rgb(240,240,240);
149 color: black;
150 z-index: 300;
151 overflow: auto;
152 display: block;
153 visibility: visible;
154 }
155
156 div.toc-heading {
157 width: 100%;
158 border-bottom: solid 1px rgb(180,180,180);
159 margin-bottom: 1em;
160 text-align: center;
161 }
162
163 pre {
164 font-size: 80%;
165 font-weight: bold;
166 line-height: 120%;
167 padding-top: 0.2em;
168 padding-bottom: 0.2em;
169 padding-left: 1em;
170 padding-right: 1em;
171 border-style: solid;
172 border-left-width: 1em;
173 border-top-width: thin;
174 border-right-width: thin;
175 border-bottom-width: thin;
176 border-color: #95ABD0;
177 color: #00428C;
178 background-color: #E4E5E7;
179 }
180
181 li pre { margin-left: 0; }
182
183 blockquote { font-style: italic }
184
185 img { background-color: transparent }
186
187 p.copyright { font-size: smaller }
188
189 .center { text-align: center }
190 .footnote { font-size: smaller; margin-left: 2em; }
191
192 a img { border-width: 0; border-style: none }
193
194 a:visited { color: navy }
195 a:link { color: navy }
196 a:hover { color: red; text-decoration: underline }
197 a:active { color: red; text-decoration: underline }
198
199 a {text-decoration: none}
200 .navbar a:link {color: white}
201 .navbar a:visited {color: yellow}
202 .navbar a:active {color: red}
203 .navbar a:hover {color: red}
204
205 ul { list-style-type: square; }
206 ul ul { list-style-type: disc; }
207 ul ul ul { list-style-type: circle; }
208 ul ul ul ul { list-style-type: disc; }
209 li { margin-left: 0.5em; margin-top: 0.5em; }
210 li li { font-size: 85%; font-style: italic }
211 li li li { font-size: 85%; font-style: normal }
212
213 div dt
214 {
215 margin-left: 0;
216 margin-top: 1em;
217 margin-bottom: 0.5em;
218 font-weight: bold;
219 }
220 div dd
221 {
222 margin-left: 2em;
223 margin-bottom: 0.5em;
224 }
225
226
227 p,pre,ul,ol,blockquote,h2,h3,h4,h5,h6,dl,table {
228 margin-left: 1em;
229 margin-right: 1em;
230 }
231
232 p.subhead { font-weight: bold; margin-top: 2em; }
233
234 .smaller { font-size: smaller }
235 .bigger { font-size: 130% }
236
237 td,th { padding: 0.2em }
238
239 ul {
240 margin: 0.5em 1.5em 0.5em 1.5em;
241 padding: 0;
242 }
243
244 ol {
245 margin: 0.5em 1.5em 0.5em 1.5em;
246 padding: 0;
247 }
248
249 ul { list-style-type: square; }
250 ul ul { list-style-type: disc; }
251 ul ul ul { list-style-type: circle; }
252 ul ul ul ul { list-style-type: disc; }
253
254 ul li {
255 list-style: square;
256 margin: 0.1em 0em 0.6em 0;
257 padding: 0 0 0 0;
258 line-height: 140%;
259 }
260
261 ol li {
262 margin: 0.1em 0em 0.6em 1.5em;
263 padding: 0 0 0 0px;
264 line-height: 140%;
265 list-style-type: decimal;
266 }
267
268 li ul li {
269 font-size: 85%;
270 font-style: italic;
271 list-style-type: disc;
272 background: transparent;
273 padding: 0 0 0 0;
274 }
275 li li ul li {
276 font-size: 85%;
277 font-style: normal;
278 list-style-type: circle;
279 background: transparent;
280 padding: 0 0 0 0;
281 }
282 li li li ul li {
283 list-style-type: disc;
284 background: transparent;
285 padding: 0 0 0 0;
286 }
287
288 li ol li {
289 list-style-type: decimal;
290 }
291
292
293 li li ol li {
294 list-style-type: decimal;
295 }
296
297 /*
298 setting class="outline on ol or ul makes it behave as an
299 ouline list where blocklevel content in li elements is
300 hidden by default and can be expanded or collapsed with
301 mouse click. Set class="expand" on li to override default
302 */
303
304 ol.outline li:hover { cursor: pointer }
305 ol.outline li.nofold:hover { cursor: default }
306
307 ul.outline li:hover { cursor: pointer }
308 ul.outline li.nofold:hover { cursor: default }
309
310 ol.outline { list-style:decimal; }
311 ol.outline ol { list-style-type:lower-alpha }
312
313 ol.outline li.nofold {
314 padding: 0 0 0 20px;
315 background: transparent url(../graphics/nofold-dim.gif) no-repeat 0px 0.5em;
316 }
317 ol.outline li.unfolded {
318 padding: 0 0 0 20px;
319 background: transparent url(../graphics/fold-dim.gif) no-repeat 0px 0.5em;
320 }
321 ol.outline li.folded {
322 padding: 0 0 0 20px;
323 background: transparent url(../graphics/unfold-dim.gif) no-repeat 0px 0.5em;
324 }
325 ol.outline li.unfolded:hover {
326 padding: 0 0 0 20px;
327 background: transparent url(../graphics/fold.gif) no-repeat 0px 0.5em;
328 }
329 ol.outline li.folded:hover {
330 padding: 0 0 0 20px;
331 background: transparent url(../graphics/unfold.gif) no-repeat 0px 0.5em;
332 }
333
334 ul.outline li.nofold {
335 padding: 0 0 0 20px;
336 background: transparent url(../graphics/nofold-dim.gif) no-repeat 0px 0.5em;
337 }
338 ul.outline li.unfolded {
339 padding: 0 0 0 20px;
340 background: transparent url(../graphics/fold-dim.gif) no-repeat 0px 0.5em;
341 }
342 ul.outline li.folded {
343 padding: 0 0 0 20px;
344 background: transparent url(../graphics/unfold-dim.gif) no-repeat 0px 0.5em;
345 }
346 ul.outline li.unfolded:hover {
347 padding: 0 0 0 20px;
348 background: transparent url(../graphics/fold.gif) no-repeat 0px 0.5em;
349 }
350 ul.outline li.folded:hover {
351 padding: 0 0 0 20px;
352 background: transparent url(../graphics/unfold.gif) no-repeat 0px 0.5em;
353 }
354
355 /* for slides with class "title" in table of contents */
356 a.titleslide { font-weight: bold; font-style: italic }
357
358 /*
359 hide images for work around for save as bug
360 where browsers fail to save images used by CSS
361 */
362 img.hidden { display: none; visibility: hidden }
363 div.initial_prompt { display: none; visibility: hidden }
364
365 div.slide {
366 visibility: visible;
367 position: inherit;
368 }
369 div.handout {
370 border-top-style: solid;
371 border-top-width: thin;
372 border-top-color: black;
373 }
374
375 @media screen {
376 .hidden { display: none; visibility: visible }
377
378 div.slide.hidden { display: block; visibility: visible }
379 div.handout.hidden { display: block; visibility: visible }
380 div.background { display: none; visibility: hidden }
381 body.single_slide div.initial_prompt { display: block; visibility: visible }
382 body.single_slide div.background { display: block; visibility: visible }
383 body.single_slide div.background.hidden { display: none; visibility: hidden }
384 body.single_slide .invisible { visibility: hidden }
385 body.single_slide .hidden { display: none; visibility: hidden }
386 body.single_slide div.slide { position: absolute }
387 body.single_slide div.handout { display: none; visibility: hidden }
388 }
389
390 @media print {
391 .hidden { display: block; visibility: visible }
392
393 div.slide pre { font-size: 60%; padding-left: 0.5em; }
394 div.toolbar { display: none; visibility: hidden; }
395 div.slidy_toc { display: none; visibility: hidden; }
396 div.background { display: none; visibility: hidden; }
397 div.slide { page-break-before: always }
398 /* :first-child isn't reliable for print media */
399 div.slide.first-slide { page-break-before: avoid }
400 }
401