2 box-sizing: border-box;
7 padding: 2em 1em 4em 1em;
8 background-color: #555;
12 body * { text-align: left; }
14 a.previous, a.next ,a.toplevel {
15 text-decoration: none;
23 padding: .5em 4em .5em 5em;
25 background-color: #EEE;
33 width: 1ex; overflow: hidden;
35 padding-bottom: .25em;
43 /* ==== Overview Screen ==== */
47 display: inline-block;
49 width: 20em; height: 15em;
50 border: 1px solid black;
54 div.slide + a { display: none; }
56 display: inline-block;
62 width: 20em; line-height: 15em;
63 color: rgba(0, 0, 0, 0);
66 a.nextslide:nth-of-type(2) { margin-left: 0; }
67 div.slide:nth-of-type(1) { margin-right: .5em; }
68 div.slide:last-of-type { margin-right: 2.5em; }
70 /* ==== Slide Appearance ==== */
74 background-color: #FFF;
79 bottom: 0; width: 100%;
81 background-color: #EEE;
92 background-color: #EEE;
98 div.slide ul li, div.slide ol {
102 /* ==== Slide Display ==== */
108 width: 100%; height: 100%;
110 background-color: white;
112 div.slide:target + a,
113 div.slide:target + a + a {
120 :target + a:before, :target + a + a:before {
126 padding: 0 1em .25em 1em;
129 :target + a:before { left: 0; }
130 :target + a:before { content: '<<'; }
131 :target + a + a:before { right: 0; }
132 :target + a + a:before { content: '>>'; }
134 :target .uncover { color: #DDD; }
135 :target .uncover:hover { color: #000; }
136 :target .uncover *:first-child { height: 0; }
137 :target .uncover *:first-child:before,
138 :target .uncover *:hover:before,
139 :target .uncover *:active + *:before {
145 :target .uncover *:hover ~ * { color: #DDD; }
146 :target .uncover *:active:before { display: none; }