2 box-sizing: border-box;
7 padding: 2em 1em 6em 1em;
8 background-color: #555;
12 body * { text-align: left; }
18 background-color: #EEE;
23 a.previous, a.next ,a.toplevel {
24 text-decoration: none;
31 font-size: 14pt; line-height: 14pt;
32 padding: .5em 4em .5em 12em;
34 #background-color: #EEE;
44 background-color: #EEE;
51 width: 2ex; overflow: hidden;
53 padding-bottom: .25em;
57 body a.toplevel:before {
64 bottom: 0; left: 6.25em;
66 padding-bottom: .125em;
71 /* ==== Overview Screen ==== */
75 display: inline-block;
77 width: 20em; height: 15em;
79 border: 1px solid black;
83 div.slide + a { display: none; }
85 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 ==== */
100 background-color: #FFF;
111 content: attr(count) " /";
113 background-color: #EEE;
118 vertical-align: middle;
127 background-color: #EEE;
139 /* ==== Slide Display ==== */
144 top: 0; bottom: 0; left: 0; right: 0;
145 width: auto; height: auto;
150 div.slide:target + a,
151 div.slide:target + a + a {
158 :target + a:before, :target + a + a:before {
164 padding: 0 1em .25em 1em;
167 :target + a:before { left: 0; }
168 :target + a:before { content: '\22d8'; }
169 :target + a + a:before { right: 0; }
170 :target + a + a:before { content: '\22d9'; }
172 :target .uncover { color: #DDD; }
173 :target .uncover:hover { color: #000; }
174 :target .uncover *:first-child { height: 0; }
175 :target .uncover *:first-child:before,
176 :target .uncover *:hover:before,
177 :target .uncover *:active + *:before {
183 :target .uncover *:hover ~ * { color: #DDD; }
184 :target .uncover *:active:before { display: none; }