add another video as comment
[slides.git] / linuxwochen2009 / slides.css
index 126bd982fa137565f44b1532c14dec74a44e3b66..3008ed7e7aa01426797a020802db674f872714ea 100644 (file)
@@ -2,7 +2,7 @@
  * styles for talk slides *
  *    by Robert Kaiser    *
  *    <kairo@kairo.at>    *
- *   (for FOSDEM 2008)    *
+ * (for Linuxwochen 2009) *
  **************************/
 
 
@@ -13,9 +13,9 @@ body {
   padding: 0px;
   border: 0px;
   font-family: Arial,Helvetica,sans-serif;
-  font-size: 1.75em;
-  color: black;
-  background-color: #FFFFFF;
+  font-size: 2em;
+  color: white;
+  background-color: black;
 }
 
 ul {
@@ -31,52 +31,56 @@ ul:last-child {
 #header {
   height: 38px;
   position: relative;
-  border-bottom: 1px solid #9FCBF7;
-  background: #F6FAFE url("template/header-background.png") top left repeat-x;
+  border-bottom: 1px solid #781412;
+  background: #000000 url("template/header-background.png") top left repeat-x;
   padding: 0 15px 0 0;
   z-index: 1;
 }
 
+#headerlogo {
+  height: 38px;
+  width: 186px;
+}
+
 #header-text {
   float: right;
   padding: 7px 20px;
   font-size: 24px;
   font-weight: bold;
-  color: #7f7c45;
+  color: #FFCCCC;
 }
 
 #header-text.neartime {
-  color: #000080;
+  color: #CCCCFF;
 }
 
 #header-text.ontime {
-  color: #008000;
+  color: #CCFFCC;
 }
 
 #header-text.overtime {
-  color: #800000;
+  color: #FF8080;
 }
 
 #slidenav {
-  background: #000089 url("template/breadcrumbs-background.png") bottom repeat-x;
+  background: #f02925 url("template/breadcrumbs-background.png") bottom repeat-x;
   padding: 4px 15px 30px 55px;
-  padding-top: 4px;
   font-size: 10px;
-  color: #C8E0FA;
+  color: #FFCCCC;
 }
 
 #slidenav a:link,
 #slidenav a:visited {
-  color: #B7D8F9;
+  color: #FFFFFF;
 }
 
 #slidenav a:hover,
 #slidenav a:active {
-  color: #F2F8FE;
+  color: #FFCCCC;
 }
 
 #slidenav .nolink {
-  color: #7f7c45;
+  color: #AA8080;
 }
 
 #subheader-text {
@@ -91,7 +95,7 @@ h1 {
   font-size: 1.7em;
   font-weight: bold;
   text-align: center;
-  text-shadow: #b7d8f9 3px 3px 5px;
+  text-shadow: #AA8080 3px 3px 5px;
 }
 
 h2 {
@@ -99,7 +103,7 @@ h2 {
   font-size: 1.3em;
   font-weight: bold;
   text-align: center;
-  text-shadow: #b7d8f9 2px 2px 3px;
+  text-shadow: #AA8080 2px 2px 3px;
 }
 
 h3 {
@@ -129,10 +133,10 @@ h4 {
 .simplebox,
 .captionedbox {
   margin: 1em;
-  border: 1px solid #0060C0;
-  background-color: #E0E9E9;
+  border: 1px solid #FF8080;
+  background-color: #400000;
   -moz-border-radius: .5em;
-  -moz-box-shadow: #b7d8f9 1px 1px 3px 2px;
+  -moz-box-shadow: #AA8080 1px 1px 3px 2px;
 }
 
 .captionedbox-content {
@@ -140,14 +144,14 @@ h4 {
   padding: 0.5em;
   border: 0px;
   border-top: 2px solid #9FCBF7;
-  -moz-border-top-colors: #FFFFFF #0060C0;
+  -moz-border-top-colors: #FFFFFF #FF8080;
   -moz-border-radius: 0 0 .5em .5em;
 }
 
 .captionedbox-caption {
   margin: 0.5em;
   font-weight: bold;
-  text-shadow: #60afff 1px 1px 2px;
+  text-shadow: #804040 1px 1px 2px;
 }
 
 /***** misc formatting *****/
@@ -175,9 +179,9 @@ ul > li {
   text-decoration: underline;
 }
 
-a:link { color: #000080; text-decoration: none; }
-a:visited { color: #400080; text-decoration: none; }
-a:hover, a:active { color: #800000; text-decoration: underline; }
+a:link { color: #CCCCFF; text-decoration: none; }
+a:visited { color: #EECCFF; text-decoration: none; }
+a:hover, a:active { color: #FFCCCC; text-decoration: underline; }
 
 /***** small stuff *****/
 
@@ -197,4 +201,41 @@ ul.small > li
   margin: 0px;
   padding: 0px;
   border: 0px;
-}
\ No newline at end of file
+}
+
+/***** end slide *****/
+
+#donthurt {
+  width: 341px;
+  height: 400px;
+}
+
+#eventbox {
+  display: none;
+  position: absolute;
+  top: 230px;
+  margin-top: 5em;
+  width: 50%;
+  height: 4em;
+  left: 25%;
+  border: 1px solid #FF8080;
+  background-color: #AA8080;
+  opacity: 0.8;
+  -moz-border-radius: .5em;
+  -moz-box-shadow: #AA8080 1px 1px 3px 2px;
+}
+
+#eventtext {
+  display: none;
+  position: absolute;
+  top: 230px;
+  margin-top: 5.2em;
+  width: 50%;
+  height: 4em;
+  left: 25%;
+  text-align: center;
+  font-weight: bold;
+  color: #000000;
+  opacity: 1;
+  text-shadow: #FFFFFF 2px 2px 2px;
+}