GNOME.org
 

Re: Font styles for w.g.o (+patches)

On Mon, 8 Mar 2004, Jeff Waugh wrote:
> While fixing the font issue would be nice, it would be even better if
> someone had the time to "port" it to the site-wide CSS completely.

Two small diffs are attached which should improve the CSS situation on
w.g.o.

The patch to default.css includes
 * addition of front-page-only styles (column stuff mostly), and
 * the following small modifications to existing styles:
   - same font definition
   - same line-height
   - top navigation bar moved up a tiny tiny bit

The patch to index.html
 * makes index.html use default.css instead of frontpage.css, and
 * makes index.html use the correct existing copyright style

Sebastien
-- 
Sebastien Biot - www.viralata.net
         "mus in pice"
Index: index.html
===================================================================
RCS file: /cvs/gnome/gnomeweb-wml/www.gnome.org/index.html,v
retrieving revision 1.37
diff -u -r1.37 index.html
--- index.html	4 Mar 2004 18:31:49 -0000	1.37
+++ index.html	8 Mar 2004 21:05:04 -0000
@@ -2,7 +2,7 @@
 <html>
 <head>
 <title>GNOME: The Free Software Desktop Project</title>
-<link rel="stylesheet" type="text/css" href="frontpage.css">
+<link rel="stylesheet" type="text/css" href="default.css">
 <link rel="icon" type="image/png" href="http://www.gnome.org/img/logo/foot-16.png";>
 <meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
 <meta name="description" content="The GNOME Desktop Project Home Page" />
@@ -67,7 +67,7 @@
 </div>
 </div>
 
-<div id="metainfo">
+<div id="copyright">
 <p>Copyright &copy; 2003, <a href="http://www.gnome.org/";>The GNOME
 Project</a>
 <br />

Index: default.css
===================================================================
RCS file: /cvs/gnome/gnomeweb-wml/www.gnome.org/default.css,v
retrieving revision 1.7
diff -u -r1.7 default.css
--- default.css	3 Jan 1997 23:32:30 -0000	1.7
+++ default.css	8 Mar 2004 21:19:20 -0000
@@ -1,10 +1,12 @@
 /* Basic tags */
-body {
-	margin: 0px;
-	background-color: white;
-	font-family: sans-serif;
-	color: black;
-}
+body
+   {
+   margin: 0px;
+   background-color: white;
+   color: black;
+   font-family:"Bitstream Vera Sans",Helvetica,Arial,sans-serif;
+   line-height:150%;
+   }
 
 #body {
 	margin: 90px 230px 0px 10px;
@@ -115,14 +117,11 @@
 }
 
 #hdrNav {
-	position: absolute;
-	top: 54px;
-	left: 0px;
-
-	margin-left: 84px;
-	text-align: left;
-	vertical-align: middle;
-	font-size: small;
+   position:absolute;
+   font-size:93%;
+   line-height:150%;
+   left:85px;
+   top:50px;
 }
 
 #hdrNav a {
@@ -208,6 +207,7 @@
 	margin-top: 10px;
 	padding: 5px 0px 5px 0px;
 	color: #aaaaaa;
+	font-size:80%;
 }
 
 #copyright a {
@@ -241,3 +241,119 @@
 	white-space: pre;
 	font-family: monospace;
 }
+
+
+/* Front page classes */
+
+#header
+   {
+   background:url("./img/hdr/hills01.jpg") no-repeat;
+   background-color:#e3ffc3;
+   border-bottom:1px solid #996;
+   height:48px;
+   margin-bottom:1.5em;
+   }
+#header img
+   {
+   position:absolute;
+   margin:1ex;
+   }
+#header h1
+   {
+   position:absolute;
+   left:85px;
+   }
+
+#menu
+   {
+   position:absolute;
+   font-size:93%;
+   line-height:150%;
+   left:85px;
+   top:50px;
+   }
+#menu ul
+   {
+   margin:0px;
+   padding:0px;
+   }
+#menu li
+   {
+   margin:0px; 
+   padding:0px;
+   padding-right:2.5ex;
+   display:inline;
+   list-style-type: none;
+   font-size:95%;
+   }
+
+#top
+   {
+   padding-left:1em;
+   padding-right:1em;
+   }
+#topLeft
+   {
+   width:66%;
+   float:left;
+   margin-right:auto;
+   margin-left:auto;
+   text-align:center;
+   }
+#topRight
+   {
+   margin-left:66%;
+   padding-left:1em;
+   padding-top:1em;
+   }
+
+#bottom
+   {
+   clear:both;
+   padding:1em;
+   }
+#bottomLeft
+   {
+   width:66%;
+   float:left;
+   }
+#bottomLeftLeft
+   {
+   float:left;
+   width:48%;
+   }
+#bottomLeftRight
+   {
+   margin-left:48%;
+   padding-left:1em;
+   }
+#bottomRight
+   {
+   margin-left:66%;
+   padding-left:1em;
+   }
+
+#whatisgnome
+   {
+   position:relative;
+   z-index:10;
+   border:3px #99c solid;
+   background-color:#eee;
+   font-size:95%;
+   line-height:150%;
+   }
+#whatisgnome h2
+   {
+   padding:0px;
+   margin:0px;
+   padding:0.3ex;
+   background-color:#ccf;
+   color:#333;
+   border-bottom:1px #99c solid;
+   text-align:center;
+   }
+#whatisgnome p
+   {
+   padding:1ex;
+   padding-top:0px;
+   }
[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]