[Xfce4-commits] <www:nick/gettext> Move header code to separate css file.

Fri Dec 17 16:24:01 CET 2010

Updating branch refs/heads/nick/gettext
         to 7d11372693ee0189d4c42fb9c2d079d959e2f30f (commit)
       from 51f9c3e47c0532667d125709baa1bd3782eef831 (commit)

commit 7d11372693ee0189d4c42fb9c2d079d959e2f30f
Author: Nick Schermer <nick at xfce.org>
Date:   Fri Dec 17 16:22:43 2010 +0100

    Move header code to separate css file.

 pages/header.php |    8 ++++----
 style/base.css   |   34 +---------------------------------
 style/header.css |   39 +++++++++++++++++++++++++++++++++++++++
 3 files changed, 44 insertions(+), 37 deletions(-)

diff --git a/pages/header.php b/pages/header.php
index a1a2bc3..8ababed 100644
--- a/pages/header.php
+++ b/pages/header.php
@@ -28,10 +28,10 @@ else
 
 <body id="top">
 
-<div id="page-header">
+<div id="xfce-header">
 	<div>
-		<h1 class="hidden">Xfce</h1>
-		<h5 class="hidden">Sub domains</h5>
+		<h1 id="xfce-header-title">Xfce</h1>
+		<h5 id="xfce-header-subtitle">Sub domains</h5>
 		 
 		<ul>
 			<li><a href="http://www.xfce.org" title="Go to the homepage" class="active">Home</a></li>
@@ -44,7 +44,7 @@ else
 			<li><a href="http://git.xfce.org" title="Project repositories">GIT</a></li>
 		</ul>
 	</div>
-	<div class="clearboth"></div>
+	<div  id="xfce-header-clear"></div>
 </div>
 
 <div id="page-wrap">
diff --git a/style/base.css b/style/base.css
index e862150..41d0313 100644
--- a/style/base.css
+++ b/style/base.css
@@ -1,3 +1,4 @@
+ at import url('header.css');
 
 body {
 	margin: 0;
@@ -6,39 +7,6 @@ body {
 	font: 80% Verdana, Arial, Helvetica, sans-serif;
 }
 
-#page-header {
-        /*border-bottom: 2px #69f solid;*/
-        background: #333 url('img/logosmall.png') no-repeat 6px 55%;
-	padding-left: 120px;
-	min-height: 45px;
-}
-#page-header ul {
-	float: right ;
-	list-style: none;
-        margin: 0;
-        padding: 0 15px 0 0;
-        background: #333;
-}
-#page-header ul li {
-	float: left;
-        font-weight: bold;
-}
-#page-header a {
-	color: #fff;
-        text-decoration: none;
-        display: block;
-        float: right;
-        padding: 0 15px 0 15px;
-        line-height: 4em;
-}
-#page-header ul li a:hover {
-	color: #69f;
-}
-#page-header .active {
-        color: #69f;
-}
-
-
 #page-wrap {
 	margin: auto;
 	padding: 1em;
diff --git a/style/header.css b/style/header.css
new file mode 100644
index 0000000..df96079
--- /dev/null
+++ b/style/header.css
@@ -0,0 +1,39 @@
+/* this file is used in various xfce subdomains! */
+
+#xfce-header {
+        /*border-bottom: 2px #69f solid;*/
+        background: #333 url('img/logosmall.png') no-repeat 6px 55%;
+	padding-left: 120px;
+	min-height: 45px;
+}
+#xfce-header ul {
+	float: right ;
+	list-style: none;
+        margin: 0;
+        padding: 0 15px 0 0;
+        background: #333;
+}
+#xfce-header ul li {
+	float: left;
+        font-weight: bold;
+}
+#xfce-header a {
+	color: #fff;
+        text-decoration: none;
+        display: block;
+        float: right;
+        padding: 0 15px 0 15px;
+        line-height: 4em;
+}
+#xfce-header ul li a:hover {
+	color: #69f;
+}
+#xfce-header .active {
+        color: #69f;
+}
+#xfce-header-clear {
+	clear: both;
+}
+#xfce-header-title, #xfce-header-subtitle {
+        display: none;
+}

