Mercurial > hg > Papers > 2015 > kaito-lola

comparison presentation/themes/blank/o/projection.css @ 3:c50a033e6635

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
create presentation slide
author Kaito Tokumori <e105711@ie.u-ryukyu.ac.jp>
date Wed, 01 Jul 2015 19:06:07 +0900
parents
children
comparison
equal deleted inserted replaced
2:771136eae970 3:c50a033e6635
1 /*********************************
2 * CSS @media projection rules (not print or screen)
3 *
4 * 1) projection -> slideshow mode (display one slide at-a-time; hide all others)
5 * 2) screen -> outline mode (display all slides-at-once on screen)
6 * 3) print -> print (and print preview)
7 *
8 * toggle between projection/screen (that is, slideshow/outline) mode using t-key
9 *
10 * (note: this is a less extendend css script, to learn more about less; see lesscss.org)
11 */
12 html, body, .presentation {
13 margin: 0;
14 padding: 0;
15 }
16 .slide {
17 position: absolute;
18 top: 0;
19 left: 0;
20 margin: 0;
21 padding: 2% 4% 0% 4%;
22 /* css note: order is => top right bottom left */
23
24 -moz-box-sizing: border-box;
25 -webkit-box-sizing: border-box;
26 box-sizing: border-box;
27 width: 100%;
28 height: 100%;
29 /* css note: lets use border-box; no need to add padding+border to get to 100% */
30
31 overflow-x: hidden;
32 overflow-y: auto;
33 z-index: 2;
34 }
35 /*****
36 * layout block structure:
37 *
38 * .layout
39 * > #header
40 * > #footer
41 */
42 .layout #header, .layout header {
43 position: fixed;
44 top: 0;
45 left: 0;
46 width: 100%;
47 height: 0.5em;
48 z-index: 1;
49 }
50 .layout #footer, .layout footer {
51 position: fixed;
52 top: auto;
53 bottom: 0;
54 padding: 1em 0;
55 /* css note: order is => 1st top,bottom; 2nd right,left */
56
57 width: 100%;
58 height: 1em;
59 z-index: 5;
60 /* todo: move font-size and font-style to blank.css */
61 font-size: 100%;
62 font-weight: bold;
63 /* todo: move font-size and font-style to blank.css */
64
65 }
66 .layout #footer h1, .layout footer h1 {
67 display: block;
68 margin: 0;
69 padding: 0 1em;
70 font-size: 50%;
71 }
72 .layout #footer h2, .layout footer h2 {
73 display: block;
74 margin: 0;
75 padding: 0 1em;
76 font-size: 50%;
77 font-style: italic;
78 }
79 /*********************************
80 * general text-alignment classes
81 */
82 .left {
83 text-align: left;
84 }
85 .center {
86 text-align: center;
87 }
88 .right {
89 text-align: right;
90 }
91 /*********************************
92 * general _absolute_ font-size classes
93 */
94 .small {
95 font-size: 97%;
96 }
97 .x-small {
98 font-size: 88%;
99 }
100 .xx-small {
101 font-size: 82%;
102 }
103 .large {
104 font-size: 103%;
105 }
106 .x-large {
107 font-size: 112%;
108 }
109 .xx-large {
110 font-size: 118%;
111 }
112 /*********************************
113 * general _relative_ font-size classes
114 */
115 .smaller {
116 font-size: 82%;
117 }
118 .larger {
119 font-size: 118%;
120 }