1 /**************************
2 * styles for talk slides *
5 * (for Linuxwochen 2009) *
6 **************************/
9 /***** base style *****/
12 overflow: hidden; /* to make translations not paint scrollbars */
19 font-family: Arial,Helvetica,sans-serif;
22 background-color: black;
38 border-bottom: 1px solid #781412;
39 background: #000000 url("template/header-background.png") top left repeat-x;
57 #header-text.neartime {
65 #header-text.overtime {
70 background: #f02925 url("template/breadcrumbs-background.png") bottom repeat-x;
71 padding: 4px 15px 30px 55px;
98 /* header is 38px + 1px border, slidenav is 13px + 4px + 30px paddings,
99 another 5px for safety */
100 height: -moz-calc(100% - 90px);
103 -moz-transition-property: -moz-transform, opacity;
104 -moz-transition-duration: 3s;
105 -moz-transition-timing-function: ease;
106 -webkit-transition-property: -moz-transform, opacity;
107 -webkit-transition-duration: 3s;
108 -webkit-transition-timing-function: ease;
109 -moz-transform-origin: center 5em;
113 -moz-transform: translate(-100%, 0);
114 -webkit-transform: translate(-100%, 0);
117 -moz-transform: scale(0.1) rotate(360deg);
118 -webkit-transform: scale(0.1) rotate(360deg);
120 -moz-transform: scale(0.1) rotate(360deg) translate(-200%, 0);
121 -webkit-transform: scale(0.1) rotate(360deg) translate(-100%, 0);
124 article[aria-selected="true"] {
126 -moz-transform: scale(1) rotate(0deg) translate(0, 0);
127 -webkit-transform: scale(1) rotate(0deg) translate(0, 0);
130 article[aria-selected="true"] ~ article {
133 -moz-transform: translate(100%, 0);
134 -webkit-transform: translate(100%, 0);
137 -moz-transform: scale(0.1) rotate(-360deg);
138 -webkit-transform: scale(0.1) rotate(-360deg);
140 -moz-transform: scale(0.1) rotate(-360deg) translate(200%, 0);
141 -webkit-transform: scale(0.1) rotate(-360deg) translate(100%, 0);
144 /***** headers *****/
151 text-shadow: #AAAA80 3px 3px 5px;
159 text-shadow: #AAAA80 2px 2px 3px;
189 border: 1px solid #FF8080;
190 background-color: #400000;
191 -moz-border-radius: .5em;
192 -moz-box-shadow: #AAAA80 1px 1px 3px 2px;
195 .captionedbox-content {
199 border-top: 2px solid #9FCBF7;
200 -moz-border-top-colors: #FFFFFF #FF8080;
201 -moz-border-radius: 0 0 .5em .5em;
204 .captionedbox-caption {
207 text-shadow: #AAAA80 1px 1px 2px;
210 /***** misc formatting *****/
215 background-color: transparent;
216 text-shadow: #CCCC00 2px 2px 3px;
220 border: 1px solid #FF8080;
237 text-decoration: underline;
240 a:link { color: #CCCCFF; text-decoration: none; }
241 a:visited { color: #EECCFF; text-decoration: none; }
242 a:hover, a:active { color: #FFCCCC; text-decoration: underline; }
244 mark a:link { color: #FFFFCC; }
245 mark a:visited { color: #FFEE80; }
246 mark a:hover, mark a:active { color: #FFFFDD; }
248 /***** small stuff *****/
259 margin: 0px 0px 0px 1em;
269 /***** specific slides *****/