Mercurial > hg > Papers > 2010 > kent-master
comparison probation-slide/slidy.css @ 13:12cb508ee15d after-organizing
add slides for probation.
author | kent <kent@cr.ie.u-ryukyu.ac.jp> |
---|---|
date | Tue, 16 Feb 2010 14:48:06 +0900 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
12:0f9a0ecc6afb | 13:12cb508ee15d |
---|---|
1 /* slidy.css | |
2 | |
3 Copyright (c) 2005 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 .hidden { display: none; visibility: hidden } | |
23 | |
24 div.toolbar { | |
25 position: fixed; z-index: 200; | |
26 top: auto; bottom: 0; left: 0; right: 0; | |
27 height: 1.2em; text-align: right; | |
28 padding-left: 1em; | |
29 padding-right: 1em; | |
30 font-size: 60%; | |
31 color: red; background: rgb(240,240,240); | |
32 } | |
33 | |
34 div.background { | |
35 display: none; | |
36 } | |
37 | |
38 div.handout { | |
39 margin-left: 20px; | |
40 margin-right: 20px; | |
41 } | |
42 | |
43 div.slide.titlepage { | |
44 text-align: center; | |
45 } | |
46 | |
47 div.slide.titlepage.h1 { | |
48 padding-top: 40%; | |
49 } | |
50 | |
51 div.slide { | |
52 z-index: 20; | |
53 margin: 0 0 0 0; | |
54 padding-top: 0; | |
55 padding-bottom: 0; | |
56 padding-left: 20px; | |
57 padding-right: 20px; | |
58 border-width: 0; | |
59 top: 0; | |
60 bottom: 0; | |
61 left: 0; | |
62 right: 0; | |
63 line-height: 120%; | |
64 background-color: transparent; | |
65 } | |
66 | |
67 /* this rule is hidden from IE 6 and below which don't support + selector */ | |
68 div.slide + div[class].slide { page-break-before: always;} | |
69 | |
70 div.slide h1 { | |
71 padding-left: 0; | |
72 padding-right: 20pt; | |
73 padding-top: 4pt; | |
74 padding-bottom: 4pt; | |
75 margin-top: 0; | |
76 margin-left: 0; | |
77 margin-right: 60pt; | |
78 margin-bottom: 0.5em; | |
79 display: block; | |
80 font-size: 160%; | |
81 line-height: 1.2em; | |
82 background: transparent; | |
83 } | |
84 | |
85 div.toc { | |
86 position: absolute; | |
87 top: auto; | |
88 bottom: 4em; | |
89 left: 4em; | |
90 right: auto; | |
91 width: 60%; | |
92 max-width: 30em; | |
93 height: 30em; | |
94 border: solid thin black; | |
95 padding: 1em; | |
96 background: rgb(240,240,240); | |
97 color: black; | |
98 z-index: 300; | |
99 overflow: auto; | |
100 display: block; | |
101 visibility: visible; | |
102 } | |
103 | |
104 div.toc-heading { | |
105 width: 100%; | |
106 border-bottom: solid 1px rgb(180,180,180); | |
107 margin-bottom: 1em; | |
108 text-align: center; | |
109 } | |
110 | |
111 pre { | |
112 font-size: 80%; | |
113 font-weight: bold; | |
114 line-height: 120%; | |
115 padding-top: 0.2em; | |
116 padding-bottom: 0.2em; | |
117 padding-left: 1em; | |
118 padding-right: 1em; | |
119 border-style: solid; | |
120 border-left-width: 1em; | |
121 border-top-width: thin; | |
122 border-right-width: thin; | |
123 border-bottom-width: thin; | |
124 border-color: #95ABD0; | |
125 color: #00428C; | |
126 background-color: #E4E5E7; | |
127 } | |
128 | |
129 li pre { margin-left: 0; } | |
130 | |
131 @media print { | |
132 div.slide { | |
133 display: block; | |
134 visibility: visible; | |
135 position: relative; | |
136 border-top-style: solid; | |
137 border-top-width: thin; | |
138 border-top-color: black; | |
139 } | |
140 div.slide pre { font-size: 60%; padding-left: 0.5em; } | |
141 div.handout { display: block; visibility: visible; } | |
142 } | |
143 | |
144 blockquote { font-style: italic } | |
145 | |
146 img { background-color: transparent } | |
147 | |
148 p.copyright { font-size: smaller } | |
149 | |
150 .center { text-align: center } | |
151 .footnote { font-size: smaller; margin-left: 2em; } | |
152 | |
153 a img { border-width: 0; border-style: none } | |
154 | |
155 a:visited { color: navy } | |
156 a:link { color: navy } | |
157 a:hover { color: red; text-decoration: underline } | |
158 a:active { color: red; text-decoration: underline } | |
159 | |
160 a {text-decoration: none} | |
161 .navbar a:link {color: white} | |
162 .navbar a:visited {color: yellow} | |
163 .navbar a:active {color: red} | |
164 .navbar a:hover {color: red} | |
165 | |
166 ul { list-style-type: square; } | |
167 ul ul { list-style-type: disc; } | |
168 ul ul ul { list-style-type: circle; } | |
169 ul ul ul ul { list-style-type: disc; } | |
170 li { margin-left: 0.5em; margin-top: 0.5em; } | |
171 li li { font-size: 85%; font-style: italic } | |
172 li li li { font-size: 85%; font-style: normal } | |
173 | |
174 div dt | |
175 { | |
176 margin-left: 0; | |
177 margin-top: 1em; | |
178 margin-bottom: 0.5em; | |
179 font-weight: bold; | |
180 } | |
181 div dd | |
182 { | |
183 margin-left: 2em; | |
184 margin-bottom: 0.5em; | |
185 } | |
186 | |
187 | |
188 p,pre,ul,ol,blockquote,h2,h3,h4,h5,h6,dl,table { | |
189 margin-left: 1em; | |
190 margin-right: 1em; | |
191 } | |
192 | |
193 p.subhead { font-weight: bold; margin-top: 2em; } | |
194 | |
195 .smaller { font-size: smaller } | |
196 .bigger { font-size: 130% } | |
197 | |
198 td,th { padding: 0.2em } | |
199 | |
200 ul { | |
201 margin: 0.5em 1.5em 0.5em 1.5em; | |
202 padding: 0; | |
203 } | |
204 | |
205 ol { | |
206 margin: 0.5em 1.5em 0.5em 1.5em; | |
207 padding: 0; | |
208 } | |
209 | |
210 ul { list-style-type: square; } | |
211 ul ul { list-style-type: disc; } | |
212 ul ul ul { list-style-type: circle; } | |
213 ul ul ul ul { list-style-type: disc; } | |
214 | |
215 ul li { | |
216 list-style: square; | |
217 margin: 0.1em 0em 0.6em 0; | |
218 padding: 0 0 0 0; | |
219 line-height: 140%; | |
220 } | |
221 | |
222 ol li { | |
223 margin: 0.1em 0em 0.6em 1.5em; | |
224 padding: 0 0 0 0px; | |
225 line-height: 140%; | |
226 list-style-type: decimal; | |
227 } | |
228 | |
229 li ul li { | |
230 font-size: 85%; | |
231 font-style: italic; | |
232 list-style-type: disc; | |
233 background: transparent; | |
234 padding: 0 0 0 0; | |
235 } | |
236 li li ul li { | |
237 font-size: 85%; | |
238 font-style: normal; | |
239 list-style-type: circle; | |
240 background: transparent; | |
241 padding: 0 0 0 0; | |
242 } | |
243 li li li ul li { | |
244 list-style-type: disc; | |
245 background: transparent; | |
246 padding: 0 0 0 0; | |
247 } | |
248 | |
249 li ol li { | |
250 list-style-type: decimal; | |
251 } | |
252 | |
253 | |
254 li li ol li { | |
255 list-style-type: decimal; | |
256 } | |
257 | |
258 /* | |
259 setting class="outline on ol or ul makes it behave as an | |
260 ouline list where blocklevel content in li elements is | |
261 hidden by default and can be expanded or collapsed with | |
262 mouse click. Set class="expand" on li to override default | |
263 */ | |
264 | |
265 ol.outline li:hover { cursor: pointer } | |
266 ol.outline li.nofold:hover { cursor: default } | |
267 | |
268 ul.outline li:hover { cursor: pointer } | |
269 ul.outline li.nofold:hover { cursor: default } | |
270 | |
271 ol.outline { list-style:decimal; } | |
272 ol.outline ol { list-style-type:lower-alpha } | |
273 | |
274 ol.outline li.nofold { | |
275 padding: 0 0 0 20px; | |
276 background: transparent url(nofold-dim.gif) no-repeat 0px 0.5em; | |
277 } | |
278 ol.outline li.unfolded { | |
279 padding: 0 0 0 20px; | |
280 background: transparent url(fold-dim.gif) no-repeat 0px 0.5em; | |
281 } | |
282 ol.outline li.folded { | |
283 padding: 0 0 0 20px; | |
284 background: transparent url(unfold-dim.gif) no-repeat 0px 0.5em; | |
285 } | |
286 ol.outline li.unfolded:hover { | |
287 padding: 0 0 0 20px; | |
288 background: transparent url(fold.gif) no-repeat 0px 0.5em; | |
289 } | |
290 ol.outline li.folded:hover { | |
291 padding: 0 0 0 20px; | |
292 background: transparent url(unfold.gif) no-repeat 0px 0.5em; | |
293 } | |
294 | |
295 ul.outline li.nofold { | |
296 padding: 0 0 0 20px; | |
297 background: transparent url(nofold-dim.gif) no-repeat 0px 0.5em; | |
298 } | |
299 ul.outline li.unfolded { | |
300 padding: 0 0 0 20px; | |
301 background: transparent url(fold-dim.gif) no-repeat 0px 0.5em; | |
302 } | |
303 ul.outline li.folded { | |
304 padding: 0 0 0 20px; | |
305 background: transparent url(unfold-dim.gif) no-repeat 0px 0.5em; | |
306 } | |
307 ul.outline li.unfolded:hover { | |
308 padding: 0 0 0 20px; | |
309 background: transparent url(fold.gif) no-repeat 0px 0.5em; | |
310 } | |
311 ul.outline li.folded:hover { | |
312 padding: 0 0 0 20px; | |
313 background: transparent url(unfold.gif) no-repeat 0px 0.5em; | |
314 } | |
315 | |
316 /* for slides with class "title" in table of contents */ | |
317 a.titleslide { font-weight: bold; font-style: italic } |