2 box-sizing: border-box;
7 font-family: sans-serif;
8 padding: 2em 1em 6em 1em;
9 background-color: #555;
13 body * { text-align: left; }
19 background-color: #EEE;
24 a.previous, a.next ,a.toplevel {
25 text-decoration: none;
32 font-size: 14pt; line-height: 14pt;
33 padding: .5em 4em .5em 12em;
35 #background-color: #EEE;
45 background-color: #EEE;
52 width: 2ex; overflow: hidden;
54 padding-bottom: .25em;
58 body a.toplevel:before {
65 bottom: 0; left: 6.25em;
67 padding-bottom: .125em;
72 /* ==== Overview Screen ==== */
76 display: inline-block;
78 width: 20em; height: 15em;
80 border: 1px solid black;
84 div.slide + a { display: none; }
86 display: inline-block;
90 width: 20em; line-height: 15em;
91 color: rgba(0, 0, 0, 0);
94 div.slide:nth-of-type(1) { margin-right: .5em; }
96 /* ==== Slide Appearance ==== */
99 background: #FFF no-repeat center;
111 content: attr(count) " /";
113 background-color: #EEE;
124 div.slide h1, div.slide h2 {
126 background-color: #EEE;
136 top: 50%; left: 0; right: 0;
137 transform: translate(0, -50%);
152 /* ==== Slide Display ==== */
157 top: 0; bottom: 0; left: 0; right: 0;
158 width: auto; height: 100%;
163 div.slide:target + a,
164 div.slide:target + a + a {
171 :target + a:before, :target + a + a:before {
177 padding: 0 1em .25em 1em;
180 :target + a:before { left: 0; }
181 :target + a:before { content: '\22d8'; }
182 :target + a + a:before { right: 0; }
183 :target + a + a:before { content: '\22d9'; }
185 .uncover[type="checkbox"] + * { opacity: .2; }
186 .uncover[type="checkbox"]:checked + * { opacity: 1; }
188 .uncover[type="checkbox"] {
190 top: 0; bottom: 0; left: 0; right: 0;
191 width: 100%; height: 100%;
195 .uncover[type="checkbox"] + * + .uncover[type="checkbox"] { display: none; }
196 .uncover[type="checkbox"]:checked + * + .uncover[type="checkbox"] { display: inline; }
197 .uncover[type="checkbox"]:checked + * + .uncover[type="checkbox"]:checked,
198 .uncover[type="checkbox"]:checked { display: none; }