make Design more Mozilla-style
authorrobert <robert>
Fri, 20 Feb 2009 15:42:38 +0000 (15:42 +0000)
committerrobert <robert>
Fri, 20 Feb 2009 15:42:38 +0000 (15:42 +0000)
linuxwochen2009/index.html
linuxwochen2009/slide_end.html
linuxwochen2009/slide_introduction.html
linuxwochen2009/slides.css
linuxwochen2009/template/breadcrumbs-background.png
linuxwochen2009/template/header-background.png
linuxwochen2009/template/header-logo.png
linuxwochen2009/toc.html

index 98221dcf10e7531956c4a033d00989dd40c547eb..4e128c4040ca5d98fe048d29bf485507e61e9d31 100755 (executable)
@@ -16,7 +16,7 @@
 </head>
 <body>
 <div id="header"><div id="header-text">Das offene Internet und Mozilla</div>
-  <img src="template/header-logo.png" height="38" width="260" alt="">
+  <img id="headerlogo" src="template/header-logo.png" alt="">
 </div>
 <div id="slidenav"><div id="subheader-text">Einleitung</div>
   <a href="toc.html" accesskey="h">Inhalt</a> ||
@@ -48,7 +48,9 @@ Vortragender: Robert Kaiser, "KaiRo" &lt;kairo@kairo.at&gt;
   <li>F&uuml;r andere: Navigationslinks auf allen Folien, mit "Accesskeys"
    (z.B. "n"/Alt+Umschalt+W f&uuml;r "Weiter"), rechts/links-Pfeiltasten</li>
   <li><a href="toc.html">Inhaltsverzeichnis</a></li>
-  <li><a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/at/"><img alt="Lizenziert unter CC-BY-SA" style="border-width:0" src="http://i.creativecommons.org/l/by-sa/3.0/at/80x15.png" /></a>
+  <li><a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/at/"><img
+      alt="Lizenziert unter CC-BY-SA," style="border-width:0;vertical-align:bottom;"
+      src="http://i.creativecommons.org/l/by-sa/3.0/at/80x15.png" /></a>
     02/2009 Robert Kaiser</li>
 </ul>
 </div>
index 5bac7b39884ef2348e6ae7e5d1e459566e8520fe..815a43fdbef089b73c3fce1b750b18655917ab93 100755 (executable)
@@ -16,7 +16,7 @@
 </head>
 <body>
 <div id="header"><div id="header-text">Das offene Internet und Mozilla</div>
-  <img src="template/header-logo.png" height="38" width="260" alt="">
+  <img id="headerlogo" src="template/header-logo.png" alt="">
 </div>
 <div id="slidenav"><div id="subheader-text">Offene Diskussion</div>
   <a href="toc.html" accesskey="h">Inhalt</a> ||
index fad909803270f623183a3f3728d3f974e0eccd73..e842ccfce782aa685c628f4140e1059c5c376643 100644 (file)
@@ -16,7 +16,7 @@
 </head>
 <body>
 <div id="header"><div id="header-text">Das offene Internet und Mozilla</div>
-  <img src="template/header-logo.png" height="38" width="260" alt="">
+  <img id="headerlogo" src="template/header-logo.png" alt="">
 </div>
 <div id="slidenav"><div id="subheader-text">Vorstellung</div>
   <a href="toc.html" accesskey="h">Inhalt</a> ||
   <li>Mitglied im <a href="http://www.seamonkey-project.org/about#council">Projektmanagement</a>
     des <a href="http://www.seamonkey-project.org/">SeaMonkey-Projekts</a> als
     Projektkoordinator und "Build Engineer"</li>
-  <li>Deutscher Übersetzer der SeaMonkey/Mozilla-Suite
+  <li>Deutscher &Uuml;bersetzer der SeaMonkey/Mozilla-Suite
    (<a href="http://www.seamonkey.at/">seamonkey.at</a>) seit Ende 1999</li>
   <li>SeaMonkey/Mozilla-Suite-Theme-Designer
     (<a href="http://www.kairo.at/download/mozskins">EarlyBlue, LCARStrek</a>)</li>
-  <li>Mitwirkender am Mozilla-Code, hauptsächlich in den Bereichen Build-System,
-    Benutzeroberflächen, Übersetzung und SeaMonkey</li>
-  <li>Selbständiger EDV-Dienstleister (EPU) seit 2006
+  <li>Mitwirkender am Mozilla-Code, haupts&auml;chlich in den Bereichen Build-System,
+    Benutzeroberfl&auml;chen, &Uuml;bersetzung und SeaMonkey</li>
+  <li>Selbst&auml;ndiger EDV-Dienstleister (EPU) seit 2006
     ("<a href="http://www.kairo.at/">KaiRo.at</a> Robert Kaiser IT-Services"),
     Arbeitsbereich ist die Entwicklung eines PHP-basierten Community-Systems
     und Mitarbeit an SeaMonkey bzw. Mozilla</li>
-  <li>Mitarbeit im Komittee zur Suche eines neuen Executive Directors für
+  <li>Mitarbeit im Komittee zur Suche eines neuen Executive Directors f&uuml;r
     Mozilla (2007/08)</li>
-  <li>Wohnhaft in Steyr/OÖ und Wien, Studium für Chemie/Physik Lehramt an der
-    Universität Wien</li>
+  <li>Wohnhaft in Steyr/O&Ouml; und Wien, Studium f&uuml;r Chemie/Physik Lehramt
+    an der Universit&auml;t Wien</li>
 </ul>
 </div>
 </div>
index 126bd982fa137565f44b1532c14dec74a44e3b66..f450fce956ffb8fb92d2334b12763c5b608dbacc 100644 (file)
@@ -14,8 +14,8 @@ body {
   border: 0px;
   font-family: Arial,Helvetica,sans-serif;
   font-size: 1.75em;
-  color: black;
-  background-color: #FFFFFF;
+  color: white;
+  background-color: black;
 }
 
 ul {
@@ -31,52 +31,57 @@ 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 +96,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 +104,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 +134,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 +145,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 +180,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 *****/
 
index 48e602f2403013118441067b286a76740f0c5538..349df7e2c08d0870be63dc4cd9662a8ea8728525 100644 (file)
Binary files a/linuxwochen2009/template/breadcrumbs-background.png and b/linuxwochen2009/template/breadcrumbs-background.png differ
index 7fe88c03f391e4cef53cbb73d1f13e9f1a379baa..47766df9fa70b227f41a98ef1deb0fc5af9556d1 100644 (file)
Binary files a/linuxwochen2009/template/header-background.png and b/linuxwochen2009/template/header-background.png differ
index 3cf02a3e2027266a0813ab7d152cb48cf9b28fcc..ff22254f7a4f5de951593f92d19d5a0e04e4b1cb 100644 (file)
Binary files a/linuxwochen2009/template/header-logo.png and b/linuxwochen2009/template/header-logo.png differ
index 71046fa8b527f368bc8d861aea02a8f04b690ecc..1a98a9fface147b42c95d45f66a8573f484ee4b2 100755 (executable)
@@ -16,7 +16,7 @@
 </head>
 <body>
 <div id="header"><div id="header-text">Das offene Internet und Mozilla</div>
-  <img src="template/header-logo.png" height="38" width="260" alt="">
+  <img id="headerlogo" src="template/header-logo.png" alt="">
 </div>
 <div id="slidenav"><div id="subheader-text">Inhaltsverzeichnis</div>
   <a href="toc.html" accesskey="h">Inhalt</a> ||