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;
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);
158 transform: scale(0.1) rotate(360deg) translate(-200%, 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);
174 transform: scale(0.1) rotate(-360deg) translate(200%, 0);
177 /***** headers *****/
189 text-shadow: #AAAA80 3px 3px 5px;
194 text-shadow: #AAAA80 2px 2px 3px;
219 box-shadow: 0 0 0 1px #fff inset;
221 background-image: radial-gradient(center 45px, ellipse farthest-corner, #FFFFEE 0, #fff 100%);
222 border: 1px solid #336699;
224 box-shadow: #AAAA80 1px 1px 3px 2px;
227 .captionedbox-content {
231 border-top: 1px solid #89AACC;
232 border-radius: 0 0 .5em .5em;
235 .captionedbox-caption {
239 text-shadow: #AAAA80 1px 1px 2px;
242 /***** misc formatting *****/
247 background-color: transparent;
248 text-shadow: #AAAA80 2px 2px 3px;
252 border: 1px solid #336699;
257 box-shadow: #6d7581 1px 1px 3px 2px;
273 text-decoration: underline;
276 a:link, a:visited { color: #669999; text-decoration: none; }
277 a:hover, a:active { color: #88BBBB; text-decoration: underline; }
279 mark a:link, mark a:visited { color: #FF6600; }
280 mark a:hover, mark a:active { color: #FF6600; }
282 /***** small stuff *****/
293 margin: 0px 0px 0px 1em;
303 /***** specific slides *****/