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: white url("template/page-background.png") top left repeat-x;
50 background: url("template/firefox-title.png") 5px 3px no-repeat;
61 #header-text.neartime {
69 #header-text.overtime {
74 padding: 4px 15px 30px 55px;
102 /* header is 38px + 1px border, slidenav is 13px + 4px + 30px paddings,
103 another 5px for safety */
104 height: -moz-calc(100% - 90px);
107 -moz-transition-property: -moz-transform, opacity;
108 -moz-transition-duration: 3s;
109 -moz-transition-timing-function: ease;
110 -webkit-transition-property: -moz-transform, opacity;
111 -webkit-transition-duration: 3s;
112 -webkit-transition-timing-function: ease;
113 -moz-transform-origin: center 5em;
117 -moz-transform: translate(-100%, 0);
118 -webkit-transform: translate(-100%, 0);
121 -moz-transform: scale(0.1) rotate(360deg);
122 -webkit-transform: scale(0.1) rotate(360deg);
124 -moz-transform: scale(0.1) rotate(360deg) translate(-200%, 0);
125 -webkit-transform: scale(0.1) rotate(360deg) translate(-100%, 0);
128 article[aria-selected="true"] {
130 -moz-transform: scale(1) rotate(0deg) translate(0, 0);
131 -webkit-transform: scale(1) rotate(0deg) translate(0, 0);
134 article[aria-selected="true"] ~ article {
137 -moz-transform: translate(100%, 0);
138 -webkit-transform: translate(100%, 0);
141 -moz-transform: scale(0.1) rotate(-360deg);
142 -webkit-transform: scale(0.1) rotate(-360deg);
144 -moz-transform: scale(0.1) rotate(-360deg) translate(200%, 0);
145 -webkit-transform: scale(0.1) rotate(-360deg) translate(100%, 0);
148 /***** headers *****/
156 text-shadow: #AAAA80 3px 3px 5px;
165 text-shadow: #AAAA80 2px 2px 3px;
197 border: 1px solid #A0C8DA;
198 background: white url("template/page-background.png") top left repeat-x;
199 -moz-border-radius: .5em;
200 -moz-box-shadow: #6d7581 1px 1px 3px 2px;
203 .captionedbox-content {
207 border-top: 2px solid #A0C8DA;
208 -moz-border-top-colors: #A0C8DA #6d7581;
209 -moz-border-radius: 0 0 .5em .5em;
212 .captionedbox-caption {
215 text-shadow: #AAAA80 1px 1px 2px;
218 /***** misc formatting *****/
223 background-color: transparent;
224 text-shadow: #AAAA80 2px 2px 3px;
228 border: 1px solid #6d7581;
245 text-decoration: underline;
248 a:link, a:visited { color: #447bc4; text-decoration: none; }
249 a:hover, a:active { color: #FF6600; text-decoration: underline; }
251 mark a:link, mark a:visited { color: #FF6600; }
252 mark a:hover, mark a:active { color: #FF6600; }
254 /***** small stuff *****/
265 margin: 0px 0px 0px 1em;
275 /***** specific slides *****/