0
|
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
|