html5, css rewrite

14 years ago · 54aa90e641
parent ac8dbe835e
commit 54aa90e641
6 changed files with 64 additions and 60 deletions
--- a/includes/funktion_activeUser.php
+++ b/includes/funktion_activeUser.php
@ -11,7 +11,7 @@ $SQL = "SELECT UID, Nick, lastLogIn " .

 $Erg = mysql_query($SQL, $con);

-echo "<ul>";
+echo "<ul class=\"content\">";

 for ($i = 0; $i < mysql_num_rows($Erg); $i++) {
 	echo "<li>";
--- a/includes/funktion_menu.php
+++ b/includes/funktion_menu.php
@ -37,6 +37,6 @@ function ShowMenu($MenuName) {
 				}
 			}
 	if ($Gefunden)
-		echo '<nav><h4>' . Get_Text("$MenuName/") . '</h4><ul>' . $Text . '</ul></nav>';
+		echo '<nav class="container"><h4>' . Get_Text("$MenuName/") . '</h4><ul class="content">' . $Text . '</ul></nav>';
 } //function ShowMenue
 ?>
--- a/includes/header.php
+++ b/includes/header.php
@ -40,7 +40,7 @@ echo "</head>\n";
 /////////////////////////////////////////////////////////////////////////////////////////////
 ////////////////////////////////////// B O D Y
 /////////////////////////////////////////////////////////////////////////////////////////////
-echo "<body>\n";
+echo "<body class=\"background\">\n";

 echo '<header><a href="' . $url . $ENGEL_ROOT . '" id="logo"></a></header>';

@ -69,12 +69,12 @@ if ($_SESSION['Menu'] == "L")
 	include ("menu.php");
 ?>
 </div>
-<div id="content">
+<div id="content" class="container">
 <?php


 echo '<h1>' . (strlen($header) == 0 ? Get_Text($Page["Name"]) : $header) . '</h1>';
-echo '<article>';
+echo '<article class="content">';

 if (isset ($_SESSION['UID'])) {
 	if (isset ($_SESSION['oldurl']))
--- a/includes/menu.php
+++ b/includes/menu.php
@ -31,26 +31,28 @@ if ($submenus >= 1) {
 <br />
 <?php

+
 	}
 }

 if (isset ($_SESSION['UID'])) {
 ?>
-<nav>
+<nav class="container">
    <?php include("funktion_activeUser.php"); ?>
 </nav>
 <?php

+
 }
 ?>

-<nav>
+<nav class="container">
 <h4><?php echo Get_Text("Sprache") ?></h4>
 <?php

+
 include ("funktion_flag.php");
 ?>
 </nav>
-    </td> 

 <!-- ende des menue parts //-->
--- a/www-ssl/css/base.css
+++ b/www-ssl/css/base.css
@ -4,7 +4,6 @@
 }

 body {
-    background: #f0f0f0;
    font-family: Arial;
    sans-serif;
    font-size:
@ -78,18 +77,22 @@ nav {
    margin: 0 10px 10px 0;
 }

-nav, #content {
-    border: 1px solid #888;
-}
-
 #content article {
    padding: 10px;
 }

-nav ul, nav p, #content article {
-    background: #fff;
-}
-
 a.sprache img {
    margin: 5px;
 }
+
+.background {
+    background: #f0f0f0;
+}
+
+.container {
+    border: 1px solid #888;
+}
+
+.content {
+    background: #fff;
+}
--- a/www-ssl/css/style1.css
+++ b/www-ssl/css/style1.css
@ -1,13 +1,9 @@

-body {
+body, .background {
    background-color: #131313;
-
    color: #424242;
-
    line-height: 150%;
    font-family: Trebuchet MS, Lucida Grande, Arial, sans-serif;
-
-	margin-bottom: 20px;
 }

 a {
@ -32,15 +28,16 @@ li {
    color: #424242;
 }

-.contenttopic {
+.contenttopic, h1 {
    font-weight: bold;
    font-size: small;
    color: #000000;
    background-color: #333333
 }

-.border {
-	background-color: #333333
+.border, .container {
+    background-color: #333333;
+	border: 1px solid #424242;
 }

 .menu {
@ -48,7 +45,8 @@ li {
    color: #424242;
    font-size: small
 }
-h4.menu { 
+
+h4 {
    background-color: #333333;
    font-weight: bold;
    font-size: small;
@ -79,6 +77,7 @@ h4.menu {
 .answer {
    font-size: 9pt;
 }
+
 .comment {
-	font-size : 6pt;
+    font-size: 6pt;
 }