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 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;
283 list-style-type: none;
287 list-style-type: none;
289 ul.arrows > li:before {
290 content: "\21d2\20"; /* \2192 would be single thin arrow, hex 20 is space */
302 text-decoration: underline;
305 a:link, a:visited { color: #669999; text-decoration: none; }
306 a:hover, a:active { color: #88BBBB; text-decoration: underline; }
308 mark a:link, mark a:visited { color: #FF6600; }
309 mark a:hover, mark a:active { color: #FF6600; }
313 /***** small stuff *****/
324 margin: 0px 0px 0px 1em;
334 /***** specific slides *****/
347 width: calc(100% - 2rem);
360 .endslidetext:first-child {
364 .endslidetext:nth-child(2) {
368 .endslidetext:nth-child(3) {
372 @media (min-resolution: 1.3dppx) {
373 .endslidetext:nth-child(2) {
377 .endslidetext:nth-child(3) {