GNOME.org
 

[gnomeweb-wml] Use a tabbed like style.

commit 16e0c05721beecca7687be1914a0c17ec8eb0207
Author: Ignacio Casal Quinteiro <icq gnome org>
Date:   Mon Jun 1 14:11:57 2009 +0200

    Use a tabbed like style.
---
 projects.gnome.org/gedit/gedit.css            |   25 ++++++++-
 projects.gnome.org/gedit/images/icon.png      |  Bin 0 -> 5977 bytes
 projects.gnome.org/gedit/images/tab_left.png  |  Bin 0 -> 325 bytes
 projects.gnome.org/gedit/images/tab_right.png |  Bin 0 -> 1078 bytes
 projects.gnome.org/gedit/layout.xsl           |   65 +++++++++++++-----------
 5 files changed, 57 insertions(+), 33 deletions(-)

diff --git a/projects.gnome.org/gedit/gedit.css b/projects.gnome.org/gedit/gedit.css
index 3b7313b..658d378 100644
--- a/projects.gnome.org/gedit/gedit.css
+++ b/projects.gnome.org/gedit/gedit.css
@@ -1,9 +1,28 @@
 /* gedit website overrides */
 
-#hdr {
-	background: url("images/gedit-banner.png") no-repeat;
+#header {
 	background-color: #823f28;
-	background-position: right;
+	background-image: url(images/icon.png);
+}
+
+#sidebar {
+	top: 120px;
+}
+
+#portal-globalnav li.selected a {
+	background-image: url(images/tab_left.png);
+}
+
+#portal-globalnav li a {
+	background-image: url(images/tab_left.png);
+}
+
+#portal-globalnav li span {
+	background-image: url(images/tab_right.png);
+}
+
+#portal-globalnav li.selected a span {
+	background-image: url(images/tab_right.png);
 }
 
 body {
diff --git a/projects.gnome.org/gedit/images/icon.png b/projects.gnome.org/gedit/images/icon.png
new file mode 100644
index 0000000..59f3105
Binary files /dev/null and b/projects.gnome.org/gedit/images/icon.png differ
diff --git a/projects.gnome.org/gedit/images/tab_left.png b/projects.gnome.org/gedit/images/tab_left.png
new file mode 100644
index 0000000..135c209
Binary files /dev/null and b/projects.gnome.org/gedit/images/tab_left.png differ
diff --git a/projects.gnome.org/gedit/images/tab_right.png b/projects.gnome.org/gedit/images/tab_right.png
new file mode 100644
index 0000000..ddc50ec
Binary files /dev/null and b/projects.gnome.org/gedit/images/tab_right.png differ
diff --git a/projects.gnome.org/gedit/layout.xsl b/projects.gnome.org/gedit/layout.xsl
index 71e9472..296ff17 100644
--- a/projects.gnome.org/gedit/layout.xsl
+++ b/projects.gnome.org/gedit/layout.xsl
@@ -24,10 +24,10 @@
     <xsl:param name="name"/>
     <xsl:choose>
       <xsl:when test="$pname=$name">
-        <a href="{$target}"><b><xsl:value-of select="$name"/></b></a>
+        <li class="selected"><a href="{$target}"><span><xsl:value-of select="$name"/></span></a></li>
       </xsl:when>
       <xsl:otherwise>
-        <a href="{$target}"><xsl:value-of select="$name"/></a>
+        <li><a href="{$target}"><span><xsl:value-of select="$name"/></span></a></li>
       </xsl:otherwise>
     </xsl:choose>
   </xsl:template>
@@ -37,7 +37,8 @@
     <html>
       <head>
         <title>gedit</title>
-        <link rel="stylesheet" type="text/css" href="http://www.gnome.org/default.css"; />
+        <link rel="stylesheet" type="text/css" href="http://www.gnome.org/css/layout.css"; />
+        <link rel="stylesheet" type="text/css" href="http://www.gnome.org/css/style.css"; />
         <link rel="stylesheet" type="text/css" href="gedit.css" />
         <link rel="icon" type="image/png" href="images/favicon.png" />
       </head>
@@ -45,37 +46,41 @@
       <body>
 
         <div id="hdr">
-          <a href="http://www.gnome.org/";><img id="logo" src="http://gnome.org/img/logo/text-64"; alt="Gnome" /></a>
-          <div id="hdrNav">
-            <xsl:call-template name="navitem">
-              <xsl:with-param name="target">index.html</xsl:with-param>
-              <xsl:with-param name="name">Home</xsl:with-param>
-            </xsl:call-template>
-            <xsl:text disable-output-escaping="yes"> &amp;middot; </xsl:text>
-            <xsl:call-template name="navitem">
-              <xsl:with-param name="target">plugins.html</xsl:with-param>
-              <xsl:with-param name="name">Plugins</xsl:with-param>
-            </xsl:call-template>
-            <xsl:text disable-output-escaping="yes"> &amp;middot; </xsl:text>
-            <xsl:call-template name="navitem">
-              <xsl:with-param name="target">screenshots.html</xsl:with-param>
-              <xsl:with-param name="name">Screenshots</xsl:with-param>
-            </xsl:call-template>
-            <xsl:text disable-output-escaping="yes"> &amp;middot; </xsl:text>
-            <xsl:call-template name="navitem">
-              <xsl:with-param name="target">developers.html</xsl:with-param>
-              <xsl:with-param name="name">Developers</xsl:with-param>
-            </xsl:call-template>
-            <xsl:text disable-output-escaping="yes"> &amp;middot; </xsl:text>
-            <xsl:call-template name="navitem">
-              <xsl:with-param name="target">http://live.gnome.org/Gedit</xsl:with-param>
-              <xsl:with-param name="name">Wiki</xsl:with-param>
-            </xsl:call-template>
+          <div id="page">
+            <div id="header" style="text-align:left;">
+              <h1>gedit text editor</h1>
+              <div id="tabs">
+                <ul id="portal-globalnav">
+                  <xsl:call-template name="navitem">
+                    <xsl:with-param name="target">index.html</xsl:with-param>
+                    <xsl:with-param name="name">Home</xsl:with-param>
+                  </xsl:call-template>
+                  <xsl:call-template name="navitem">
+                    <xsl:with-param name="target">plugins.html</xsl:with-param>
+                    <xsl:with-param name="name">Plugins</xsl:with-param>
+                  </xsl:call-template>
+                  <xsl:call-template name="navitem">
+                    <xsl:with-param name="target">screenshots.html</xsl:with-param>
+                    <xsl:with-param name="name">Screenshots</xsl:with-param>
+                  </xsl:call-template>
+                  <xsl:call-template name="navitem">
+                    <xsl:with-param name="target">developers.html</xsl:with-param>
+                    <xsl:with-param name="name">Developers</xsl:with-param>
+                  </xsl:call-template>
+                  <xsl:call-template name="navitem">
+                    <xsl:with-param name="target">http://live.gnome.org/Gedit</xsl:with-param>
+                    <xsl:with-param name="name">Wiki</xsl:with-param>
+                  </xsl:call-template>
+                </ul>
+              </div>
+            </div>
           </div>
         </div>
 
         <div id="body">
-          <xsl:copy-of select="page/*" />
+          <div id="content">
+            <xsl:copy-of select="page/*" />
+          </div>
         </div>
 
         <div id="sidebar">
[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]