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 10px 55px;
102 /* header is 38px + 1px border, slidenav is 13px + 4px + 10px paddings,
103 another 5px for safety */
104 height: -moz-calc(100% - 70px);
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;
200 box-shadow: #6d7581 1px 1px 3px 2px;
203 .simplebox:first-child,
204 .captionedbox:first-child {
208 .simplebox:last-child,
209 .captionedbox:last-child {
213 .captionedbox-content {
217 border-top: 2px solid #A0C8DA;
218 -moz-border-top-colors: #A0C8DA #6d7581;
219 border-radius: 0 0 .5em .5em;
222 .captionedbox-caption {
225 text-shadow: #AAAA80 1px 1px 2px;
228 /***** misc formatting *****/
233 background-color: transparent;
234 text-shadow: #AAAA80 2px 2px 3px;
238 border: 1px solid #6d7581;
255 text-decoration: underline;
258 a:link, a:visited { color: #447bc4; text-decoration: none; }
259 a:hover, a:active { color: #FF6600; text-decoration: underline; }
261 mark a:link, mark a:visited { color: #FF6600; }
262 mark a:hover, mark a:active { color: #FF6600; }
264 /***** small stuff *****/
275 margin: 0px 0px 0px 1em;
285 /***** specific slides *****/