Mercurial > hg > Members > innparusu > slides

comparison 2015_05_25/slide.css @ 0:47676a16ed13

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Add Slides
author Tatsuki IHA <e125716@ie.u-ryukyu.ac.jp>
date Tue, 14 Jul 2015 17:23:04 +0900
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:47676a16ed13
1 @import url(s6/projection.css); /* required to make the slide show run at all */
2
3 body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
4
5 a:link, a:visited { color: black; }
6
7 .slide h1 { font-size: 30pt; }
8
9 .slide h1 { text-align: center; }
10
11 .slide h1.fullscreen { position: absolute;
12 top: 40%;
13 width: 100%; }
14
15 /* lets you create slides with no heading (because heading is hidden but gets included in toc) */
16 .slide h1.hidden { display: none; }
17
18
19 .slide h2 { font-size: 28pt; }
20
21 h3 { font-size: 25pt; }
22
23 /* todo: add special formating for .cover slide
24 lets you use h1(cover). for title/cover slide (a la S5 slide0) but more generic (not bound to 1st slide)
25 */
26
27 .cover h1 { /* tbd */ }
28 .cover h2 { /* tbd */ }
29
30 /* todo: add special formating for h1, h2 in footer */
31
32 #footer h1 { /* tbd */ }
33 #footer h2 { /* tbd */ }
34
35
36 p, li, dt, dd, td, th { font-size: 18pt; }
37
38 ul { list-style-type: square; }
39
40 /**********************************/
41 /* general text-alignment classes */
42
43 .left { text-align: left; }
44 .center { text-align: center; }
45 .right { text-align: right; }
46
47 /**********************************/
48 /* general font-size classes */
49
50 .small { font-size: 97%; }
51
52 .x-small,
53 .smaller { font-size: 88%; }
54
55 .xx-small,
56 .smallest,
57 .tiny { font-size: 82%; }
58
59
60
61 pre { font-size: 16pt; }
62
63 .code {
64 background-color: azure;
65 padding: 5px;
66 }
67
68 .footnote a:first-of-type { text-decoration: none; }
69
70
71 p.small { font-size: 97%; }
72
73 p.x-small,
74 p.smaller,
75 p.footnote { font-size: 88%; }
76
77 p.xx-small,
78 p.smallest,
79 p.tiny { font-size: 82%; }
80
81
82 .help p,
83 .help td { font-size: 88%; }
84
85
86 .step { color: silver; }
87 /* or hide next steps e.g. .step { visibility: hidden; } */
88 .stepcurrent { color: black; }
89
90
91 /* styles for built-in coderay syntax highlighting theme */
92
93 .CodeRay {
94 background-color: hsl(0,0%,95%);
95 border: 1px solid silver;
96 color: black;
97 }
98 .CodeRay pre {
99 margin: 0px;
100 }
101
102 span.CodeRay { white-space: pre; border: 0px; padding: 2px; }
103
104 table.CodeRay { border-collapse: collapse; width: 100%; padding: 2px; }
105 table.CodeRay td { padding: 2px 4px; vertical-align: top; }
106
107 .CodeRay .line-numbers {
108 background-color: hsl(180,65%,90%);
109 color: gray;
110 text-align: right;
111 -webkit-user-select: none;
112 -moz-user-select: none;
113 user-select: none;
114 }
115 .CodeRay .line-numbers a {
116 background-color: hsl(180,65%,90%) !important;
117 color: gray !important;
118 text-decoration: none !important;
119 }
120 .CodeRay .line-numbers pre {
121 word-break: normal;
122 }
123 .CodeRay .line-numbers a:target { color: blue !important; }
124 .CodeRay .line-numbers .highlighted { color: red !important; }
125 .CodeRay .line-numbers .highlighted a { color: red !important; }
126 .CodeRay span.line-numbers { padding: 0px 4px; }
127 .CodeRay .line { display: block; float: left; width: 100%; }
128 .CodeRay .code { width: 100%; }
129
130 .CodeRay .debug { color: white !important; background: blue !important; }
131
132 .CodeRay .annotation { color:#007 }
133 .CodeRay .attribute-name { color:#b48 }
134 .CodeRay .attribute-value { color:#700 }
135 .CodeRay .binary { color:#549 }
136 .CodeRay .binary .char { color:#325 }
137 .CodeRay .binary .delimiter { color:#325 }
138 .CodeRay .char { color:#D20 }
139 .CodeRay .char .content { color:#D20 }
140 .CodeRay .char .delimiter { color:#710 }
141 .CodeRay .class { color:#B06; font-weight:bold }
142 .CodeRay .class-variable { color:#369 }
143 .CodeRay .color { color:#0A0 }
144 .CodeRay .comment { color:#777 }
145 .CodeRay .comment .char { color:#444 }
146 .CodeRay .comment .delimiter { color:#444 }
147 .CodeRay .constant { color:#036; font-weight:bold }
148 .CodeRay .decorator { color:#B0B }
149 .CodeRay .definition { color:#099; font-weight:bold }
150 .CodeRay .delimiter { color:black }
151 .CodeRay .directive { color:#088; font-weight:bold }
152 .CodeRay .docstring { color:#D42; }
153 .CodeRay .doctype { color:#34b }
154 .CodeRay .done { text-decoration: line-through; color: gray }
155 .CodeRay .entity { color:#800; font-weight:bold }
156 .CodeRay .error { color:#F00; background-color:#FAA }
157 .CodeRay .escape { color:#666 }
158 .CodeRay .exception { color:#C00; font-weight:bold }
159 .CodeRay .float { color:#60E }
160 .CodeRay .function { color:#06B; font-weight:bold }
161 .CodeRay .function .delimiter { color:#024; font-weight:bold }
162 .CodeRay .global-variable { color:#d70 }
163 .CodeRay .hex { color:#02b }
164 .CodeRay .id { color:#33D; font-weight:bold }
165 .CodeRay .include { color:#B44; font-weight:bold }
166 .CodeRay .inline { background-color: hsla(0,0%,0%,0.07); color: black }
167 .CodeRay .inline-delimiter { font-weight: bold; color: #666 }
168 .CodeRay .instance-variable { color:#33B }
169 .CodeRay .integer { color:#00D }
170 .CodeRay .imaginary { color:#f00 }
171 .CodeRay .important { color:#D00 }
172 .CodeRay .key { color: #606 }
173 .CodeRay .key .char { color: #60f }
174 .CodeRay .key .delimiter { color: #404 }
175 .CodeRay .keyword { color:#080; font-weight:bold }
176 .CodeRay .label { color:#970; font-weight:bold }
177 .CodeRay .local-variable { color:#950 }
178 .CodeRay .map .content { color:#808 }
179 .CodeRay .map .delimiter { color:#40A}
180 .CodeRay .map { background-color:hsla(200,100%,50%,0.06); }
181 .CodeRay .namespace { color:#707; font-weight:bold }
182 .CodeRay .octal { color:#40E }
183 .CodeRay .operator { }
184 .CodeRay .predefined { color:#369; font-weight:bold }
185 .CodeRay .predefined-constant { color:#069 }
186 .CodeRay .predefined-type { color:#0a8; font-weight:bold }
187 .CodeRay .preprocessor { color:#579 }
188 .CodeRay .pseudo-class { color:#00C; font-weight:bold }
189 .CodeRay .regexp { background-color:hsla(300,100%,50%,0.06); }
190 .CodeRay .regexp .content { color:#808 }
191 .CodeRay .regexp .delimiter { color:#404 }
192 .CodeRay .regexp .modifier { color:#C2C }
193 .CodeRay .reserved { color:#080; font-weight:bold }
194 .CodeRay .shell { background-color:hsla(120,100%,50%,0.06); }
195 .CodeRay .shell .content { color:#2B2 }
196 .CodeRay .shell .delimiter { color:#161 }
197 .CodeRay .string { background-color:hsla(0,100%,50%,0.05); }
198 .CodeRay .string .char { color: #b0b }
199 .CodeRay .string .content { color: #D20 }
200 .CodeRay .string .delimiter { color: #710 }
201 .CodeRay .string .modifier { color: #E40 }
202 .CodeRay .symbol { color:#A60 }
203 .CodeRay .symbol .content { color:#A60 }
204 .CodeRay .symbol .delimiter { color:#740 }
205 .CodeRay .tag { color:#070; font-weight:bold }
206 .CodeRay .type { color:#339; font-weight:bold }
207 .CodeRay .value { color: #088 }
208 .CodeRay .variable { color:#037 }
209
210 .CodeRay .insert { background: hsla(120,100%,50%,0.12) }
211 .CodeRay .delete { background: hsla(0,100%,50%,0.12) }
212 .CodeRay .change { color: #bbf; background: #007 }
213 .CodeRay .head { color: #f8f; background: #505 }
214 .CodeRay .head .filename { color: white; }
215
216 .CodeRay .delete .eyecatcher { background-color: hsla(0,100%,50%,0.2); border: 1px solid hsla(0,100%,45%,0.5); margin: -1px; border-bottom: none; border-top-left-radius: 5px; border-top-right-radius: 5px; }
217 .CodeRay .insert .eyecatcher { background-color: hsla(120,100%,50%,0.2); border: 1px solid hsla(120,100%,25%,0.5); margin: -1px; border-top: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
218
219 .CodeRay .insert .insert { color: #0c0; background:transparent; font-weight:bold }
220 .CodeRay .delete .delete { color: #c00; background:transparent; font-weight:bold }
221 .CodeRay .change .change { color: #88f }
222 .CodeRay .head .head { color: #f4f }
223
224