1 /**************************
2 * styles for talk slides *
6 **************************/
9 /***** base style *****/
12 font-family: 'Liberation Sans';
13 src: url('template/LiberationSans-Regular-webfont.woff') format('woff');
19 font-family: 'Liberation Sans';
20 src: url('template/LiberationSans-Italic-webfont.woff') format('woff');
26 font-family: 'Liberation Sans';
27 src: url('template/LiberationSans-Bold-webfont.woff') format('woff');
33 font-family: 'Liberation Sans';
34 src: url('template/LiberationSans-BoldItalic-webfont.woff') format('woff');
40 overflow: hidden; /* to make translations not paint scrollbars */
49 font-family: "Liberation Sans", sans-serif;
52 background: url("template/page-background-top.png") top left repeat-x;
69 border-top: 1px solid white;
82 background: url("template/KaiRoLogo-256x160.png") no-repeat;
83 background-size: 64px 40px;
90 width: calc(100% - 50px);
96 #header-text.neartime {
100 #header-text.ontime {
104 #header-text.overtime {
113 width: calc(100% - 50px);
125 #slidenav a:visited {
141 /* header is 40px, 7px to have a bit of distance,
142 * 3px height-reducing on the bottom for safety */
144 height: calc(100% - 50px);
147 transition-property: transform, opacity;
148 transition-duration: 3s;
149 transition-timing-function: ease;
150 transform-origin: center 5em;
154 transform: translate(-100%, 0);
157 transform: scale(0.1) rotate(360deg) translate(-200%, 0);
159 transform: scale(0.1) translate(-400%, 0);
162 article[aria-selected="true"] {
164 transform: scale(1) rotate(0deg) translate(0, 0);
167 article[aria-selected="true"] ~ article {
170 transform: translate(100%, 0);
173 transform: scale(0.1) rotate(-360deg) translate(200%, 0);
175 transform: scale(0.1) translate(400%, 0);
178 /***** headers *****/
220 background-image: radial-gradient(center 45px, ellipse farthest-corner, #FFFFEE 0, #fff 100%);
221 box-shadow: #AAAA80 3px 3px 2px 0;
224 .captionedbox-content {
228 border-top: 1px solid #89AACC;
231 .captionedbox-caption {
237 /***** misc formatting *****/
242 background-color: transparent;
246 text-decoration: line-through;
251 border: 1px solid #336699;
256 box-shadow: #6d7581 3px 3px 2px 0;
284 list-style-type: none;
288 list-style-type: none;
290 ul.arrows > li:before {
291 content: "\21d2\20"; /* \2192 would be single thin arrow, hex 20 is space */
303 text-decoration: underline;
306 a:link, a:visited { color: #669999; text-decoration: none; }
307 a:hover, a:active { color: #88BBBB; text-decoration: underline; }
309 mark a:link, mark a:visited { color: #FF6600; }
310 mark a:hover, mark a:active { color: #FF6600; }
314 /***** small stuff *****/
325 margin: 0px 0px 0px 1em;
335 /***** specific slides *****/