Mercurial > hg > Members > taiki > slides

comparison deck.js/core/deck.core.css @ 0:dd1c78c6398f

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
add having slides
author taiki <taiki@cr.ie.u-ryukyu.ac.jp>
date Mon, 25 Mar 2013 05:14:03 +0900
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:dd1c78c6398f
1 html, body {
2 height: 100%;
3 padding: 0;
4 margin: 0;
5 }
6
7 body.deck-container {
8 overflow-y: auto;
9 position: static;
10 }
11
12 .deck-container {
13 position: relative;
14 min-height: 100%;
15 margin: 0 auto;
16 padding: 0 48px;
17 font-size: 16px;
18 line-height: 1.25;
19 overflow: hidden;
20 /* Resets and base styles from HTML5 Boilerplate */
21 /* End HTML5 Boilerplate adaptations */
22 }
23 .js .deck-container {
24 visibility: hidden;
25 }
26 .ready .deck-container {
27 visibility: visible;
28 }
29 .touch .deck-container {
30 -webkit-text-size-adjust: none;
31 -moz-text-size-adjust: none;
32 }
33 .deck-container div, .deck-container span, .deck-container object, .deck-container iframe,
34 .deck-container h1, .deck-container h2, .deck-container h3, .deck-container h4, .deck-container h5, .deck-container h6, .deck-container p, .deck-container blockquote, .deck-container pre,
35 .deck-container abbr, .deck-container address, .deck-container cite, .deck-container code, .deck-container del, .deck-container dfn, .deck-container em, .deck-container img, .deck-container ins, .deck-container kbd, .deck-container q, .deck-container samp,
36 .deck-container small, .deck-container strong, .deck-container sub, .deck-container sup, .deck-container var, .deck-container b, .deck-container i, .deck-container dl, .deck-container dt, .deck-container dd, .deck-container ol, .deck-container ul, .deck-container li,
37 .deck-container fieldset, .deck-container form, .deck-container label, .deck-container legend,
38 .deck-container table, .deck-container caption, .deck-container tbody, .deck-container tfoot, .deck-container thead, .deck-container tr, .deck-container th, .deck-container td,
39 .deck-container article, .deck-container aside, .deck-container canvas, .deck-container details, .deck-container figcaption, .deck-container figure,
40 .deck-container footer, .deck-container header, .deck-container hgroup, .deck-container menu, .deck-container nav, .deck-container section, .deck-container summary,
41 .deck-container time, .deck-container mark, .deck-container audio, .deck-container video {
42 margin: 0;
43 padding: 0;
44 border: 0;
45 font-size: 100%;
46 font: inherit;
47 vertical-align: baseline;
48 }
49 .deck-container article, .deck-container aside, .deck-container details, .deck-container figcaption, .deck-container figure,
50 .deck-container footer, .deck-container header, .deck-container hgroup, .deck-container menu, .deck-container nav, .deck-container section {
51 display: block;
52 }
53 .deck-container blockquote, .deck-container q {
54 quotes: none;
55 }
56 .deck-container blockquote:before, .deck-container blockquote:after, .deck-container q:before, .deck-container q:after {
57 content: "";
58 content: none;
59 }
60 .deck-container ins {
61 background-color: #ff9;
62 color: #000;
63 text-decoration: none;
64 }
65 .deck-container mark {
66 background-color: #ff9;
67 color: #000;
68 font-style: italic;
69 font-weight: bold;
70 }
71 .deck-container del {
72 text-decoration: line-through;
73 }
74 .deck-container abbr[title], .deck-container dfn[title] {
75 border-bottom: 1px dotted;
76 cursor: help;
77 }
78 .deck-container table {
79 border-collapse: collapse;
80 border-spacing: 0;
81 }
82 .deck-container hr {
83 display: block;
84 height: 1px;
85 border: 0;
86 border-top: 1px solid #ccc;
87 margin: 1em 0;
88 padding: 0;
89 }
90 .deck-container input, .deck-container select {
91 vertical-align: middle;
92 }
93 .deck-container select, .deck-container input, .deck-container textarea, .deck-container button {
94 font: 99% sans-serif;
95 }
96 .deck-container pre, .deck-container code, .deck-container kbd, .deck-container samp {
97 font-family: monospace, sans-serif;
98 }
99 .deck-container a {
100 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
101 }
102 .deck-container a:hover, .deck-container a:active {
103 outline: none;
104 }
105 .deck-container ul, .deck-container ol {
106 margin-left: 2em;
107 vertical-align: top;
108 }
109 .deck-container ol {
110 list-style-type: decimal;
111 }
112 .deck-container nav ul, .deck-container nav li {
113 margin: 0;
114 list-style: none;
115 list-style-image: none;
116 }
117 .deck-container small {
118 font-size: 85%;
119 }
120 .deck-container strong, .deck-container th {
121 font-weight: bold;
122 }
123 .deck-container td {
124 vertical-align: top;
125 }
126 .deck-container sub, .deck-container sup {
127 font-size: 75%;
128 line-height: 0;
129 position: relative;
130 }
131 .deck-container sup {
132 top: -0.5em;
133 }
134 .deck-container sub {
135 bottom: -0.25em;
136 }
137 .deck-container textarea {
138 overflow: auto;
139 }
140 .ie6 .deck-container legend, .ie7 .deck-container legend {
141 margin-left: -7px;
142 }
143 .deck-container input[type="radio"] {
144 vertical-align: text-bottom;
145 }
146 .deck-container input[type="checkbox"] {
147 vertical-align: bottom;
148 }
149 .ie7 .deck-container input[type="checkbox"] {
150 vertical-align: baseline;
151 }
152 .ie6 .deck-container input {
153 vertical-align: text-bottom;
154 }
155 .deck-container label, .deck-container input[type="button"], .deck-container input[type="submit"], .deck-container input[type="image"], .deck-container button {
156 cursor: pointer;
157 }
158 .deck-container button, .deck-container input, .deck-container select, .deck-container textarea {
159 margin: 0;
160 }
161 .deck-container input:invalid, .deck-container textarea:invalid {
162 border-radius: 1px;
163 -moz-box-shadow: 0px 0px 5px red;
164 -webkit-box-shadow: 0px 0px 5px red;
165 box-shadow: 0px 0px 5px red;
166 }
167 .deck-container input:invalid .no-boxshadow, .deck-container textarea:invalid .no-boxshadow {
168 background-color: #f0dddd;
169 }
170 .deck-container button {
171 width: auto;
172 overflow: visible;
173 }
174 .ie7 .deck-container img {
175 -ms-interpolation-mode: bicubic;
176 }
177 .deck-container, .deck-container select, .deck-container input, .deck-container textarea {
178 color: #444;
179 }
180 .deck-container a {
181 color: #607890;
182 }
183 .deck-container a:hover, .deck-container a:focus {
184 color: #036;
185 }
186 .deck-container a:link {
187 -webkit-tap-highlight-color: #fff;
188 }
189 .deck-container.deck-loading {
190 display: none;
191 }
192
193 .slide {
194 width: auto;
195 min-height: 100%;
196 position: relative;
197 }
198 .slide h1 {
199 font-size: 4.5em;
200 }
201 .slide h1, .slide .vcenter {
202 font-weight: bold;
203 text-align: center;
204 padding-top: 1em;
205 max-height: 100%;
206 }
207 .csstransforms .slide h1, .csstransforms .slide .vcenter {
208 padding: 0 48px;
209 position: absolute;
210 left: 0;
211 right: 0;
212 top: 50%;
213 -webkit-transform: translate(0, -50%);
214 -moz-transform: translate(0, -50%);
215 -ms-transform: translate(0, -50%);
216 -o-transform: translate(0, -50%);
217 transform: translate(0, -50%);
218 }
219 .slide .vcenter h1 {
220 position: relative;
221 top: auto;
222 padding: 0;
223 -webkit-transform: none;
224 -moz-transform: none;
225 -ms-transform: none;
226 -o-transform: none;
227 transform: none;
228 }
229 .slide h2 {
230 font-size: 2.25em;
231 font-weight: bold;
232 padding-top: .5em;
233 margin: 0 0 .66666em 0;
234 border-bottom: 3px solid #888;
235 }
236 .slide h3 {
237 font-size: 1.4375em;
238 font-weight: bold;
239 margin-bottom: .30435em;
240 }
241 .slide h4 {
242 font-size: 1.25em;
243 font-weight: bold;
244 margin-bottom: .25em;
245 }
246 .slide h5 {
247 font-size: 1.125em;
248 font-weight: bold;
249 margin-bottom: .2222em;
250 }
251 .slide h6 {
252 font-size: 1em;
253 font-weight: bold;
254 }
255 .slide img, .slide iframe, .slide video {
256 display: block;
257 max-width: 100%;
258 }
259 .slide video, .slide iframe, .slide img {
260 display: block;
261 margin: 0 auto;
262 }
263 .slide p, .slide blockquote, .slide iframe, .slide img, .slide ul, .slide ol, .slide pre, .slide video {
264 margin-bottom: 1em;
265 }
266 .slide pre {
267 white-space: pre;
268 white-space: pre-wrap;
269 word-wrap: break-word;
270 padding: 1em;
271 border: 1px solid #888;
272 }
273 .slide em {
274 font-style: italic;
275 }
276 .slide li {
277 padding: .25em 0;
278 vertical-align: middle;
279 }
280
281 .deck-before, .deck-previous, .deck-next, .deck-after {
282 position: absolute;
283 left: -999em;
284 top: -999em;
285 }
286
287 .deck-current {
288 z-index: 2;
289 }
290
291 .slide .slide {
292 visibility: hidden;
293 position: static;
294 min-height: 0;
295 }
296
297 .deck-child-current {
298 position: static;
299 z-index: 2;
300 }
301 .deck-child-current .slide {
302 visibility: hidden;
303 }
304 .deck-child-current .deck-previous, .deck-child-current .deck-before, .deck-child-current .deck-current {
305 visibility: visible;
306 }
307
308 @media screen and (max-device-width: 480px) {
309 /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
310 }
311 @media print {
312 * {
313 background: transparent !important;
314 color: black !important;
315 text-shadow: none !important;
316 filter: none !important;
317 -ms-filter: none !important;
318 -webkit-box-reflect: none !important;
319 -moz-box-reflect: none !important;
320 -webkit-box-shadow: none !important;
321 -moz-box-shadow: none !important;
322 box-shadow: none !important;
323 }
324 * :before, * :after {
325 display: none !important;
326 }
327
328 a, a:visited {
329 color: #444 !important;
330 text-decoration: underline;
331 }
332
333 a[href]:after {
334 content: " (" attr(href) ")";
335 }
336
337 abbr[title]:after {
338 content: " (" attr(title) ")";
339 }
340
341 .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
342 content: "";
343 }
344
345 pre, blockquote {
346 border: 1px solid #999;
347 page-break-inside: avoid;
348 }
349
350 thead {
351 display: table-header-group;
352 }
353
354 tr, img {
355 page-break-inside: avoid;
356 }
357
358 @page {
359 margin: 0.5cm;
360 }
361
362 p, h2, h3 {
363 orphans: 3;
364 widows: 3;
365 }
366
367 h2, h3 {
368 page-break-after: avoid;
369 }
370
371 .slide {
372 position: static !important;
373 visibility: visible !important;
374 display: block !important;
375 -webkit-transform: none !important;
376 -moz-transform: none !important;
377 -o-transform: none !important;
378 -ms-transform: none !important;
379 transform: none !important;
380 opacity: 1 !important;
381 }
382
383 h1, .vcenter {
384 -webkit-transform: none !important;
385 -moz-transform: none !important;
386 -o-transform: none !important;
387 -ms-transform: none !important;
388 transform: none !important;
389 padding: 0 !important;
390 position: static !important;
391 }
392
393 .deck-container > .slide {
394 page-break-after: always;
395 }
396
397 .deck-container {
398 width: 100% !important;
399 height: auto !important;
400 padding: 0 !important;
401 display: block !important;
402 }
403
404 script {
405 display: none;
406 }
407 }