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-64x40.png") no-repeat;
89 width: calc(100% - 50px);
95 #header-text.neartime {
103 #header-text.overtime {
112 width: calc(100% - 50px);
124 #slidenav a:visited {
140 /* header is 40px, 7px to have a bit of distance,
141 * 3px height-reducing on the bottom for safety */
143 height: calc(100% - 50px);
146 transition-property: transform, opacity;
147 transition-duration: 3s;
148 transition-timing-function: ease;
149 transform-origin: center 5em;
153 transform: translate(-100%, 0);
156 transform: scale(0.1) rotate(360deg) translate(-200%, 0);
158 transform: scale(0.1) translate(-400%, 0);
161 article[aria-selected="true"] {
163 transform: scale(1) rotate(0deg) translate(0, 0);
166 article[aria-selected="true"] ~ article {
169 transform: translate(100%, 0);
172 transform: scale(0.1) rotate(-360deg) translate(200%, 0);
174 transform: scale(0.1) translate(400%, 0);
177 /***** headers *****/
219 background-image: radial-gradient(center 45px, ellipse farthest-corner, #FFFFEE 0, #fff 100%);
220 box-shadow: #AAAA80 3px 3px 2px 0;
223 .captionedbox-content {
227 border-top: 1px solid #89AACC;
230 .captionedbox-caption {
236 /***** misc formatting *****/
241 background-color: transparent;
245 text-decoration: line-through;
250 border: 1px solid #336699;
255 box-shadow: #6d7581 3px 3px 2px 0;
282 list-style-type: none;
286 list-style-type: none;
288 ul.arrows > li:before {
289 content: "\21d2\20"; /* \2192 would be single thin arrow, hex 20 is space */
301 text-decoration: underline;
304 a:link, a:visited { color: #669999; text-decoration: none; }
305 a:hover, a:active { color: #88BBBB; text-decoration: underline; }
307 mark a:link, mark a:visited { color: #FF6600; }
308 mark a:hover, mark a:active { color: #FF6600; }
312 /***** small stuff *****/
323 margin: 0px 0px 0px 1em;
333 /***** specific slides *****/