1 /**************************
2 * styles for talk slides *
5 * (for Linuxwochen 2013) *
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/kairologo60.png") no-repeat;
94 #header-text.neartime {
102 #header-text.overtime {
122 #slidenav a:visited {
138 /* header is 40px, 7px to have a bit of distance,
139 * 3px height-reducing on the bottom for safety */
141 height: calc(100% - 50px);
144 transition-property: transform, opacity;
145 transition-duration: 3s;
146 transition-timing-function: ease;
147 transform-origin: center 5em;
151 transform: translate(-100%, 0);
154 transform: scale(0.1) rotate(360deg);
156 transform: scale(0.1) rotate(360deg) translate(-200%, 0);
159 article[aria-selected="true"] {
161 transform: scale(1) rotate(0deg) translate(0, 0);
164 article[aria-selected="true"] ~ article {
167 transform: translate(100%, 0);
170 transform: scale(0.1) rotate(-360deg);
172 transform: scale(0.1) rotate(-360deg) translate(200%, 0);
175 /***** headers *****/
187 text-shadow: #AAAA80 3px 3px 5px;
192 text-shadow: #AAAA80 2px 2px 3px;
217 box-shadow: 0 0 0 1px #fff inset;
219 background-image: radial-gradient(center 45px, ellipse farthest-corner, #FFFFEE 0, #fff 100%);
220 border: 1px solid #336699;
222 box-shadow: #AAAA80 1px 1px 3px 2px;
225 .captionedbox-content {
229 border-top: 1px solid #89AACC;
230 border-radius: 0 0 .5em .5em;
233 .captionedbox-caption {
237 text-shadow: #AAAA80 1px 1px 2px;
240 /***** misc formatting *****/
245 background-color: transparent;
246 text-shadow: #AAAA80 2px 2px 3px;
250 border: 1px solid #336699;
255 box-shadow: #6d7581 1px 1px 3px 2px;
271 text-decoration: underline;
274 a:link, a:visited { color: #669999; text-decoration: none; }
275 a:hover, a:active { color: #88BBBB; text-decoration: underline; }
277 mark a:link, mark a:visited { color: #FF6600; }
278 mark a:hover, mark a:active { color: #FF6600; }
280 /***** small stuff *****/
291 margin: 0px 0px 0px 1em;
301 /***** specific slides *****/