[xiph-commits] r9012 - in websites-plone/www: . css

atamido at motherfish-iii.xiph.org atamido at motherfish-iii.xiph.org
Wed Mar 2 19:56:10 PST 2005


Author: atamido
Date: 2005-03-02 19:56:09 -0800 (Wed, 02 Mar 2005)
New Revision: 9012

Modified:
   websites-plone/www/css/xiph-screen.css
   websites-plone/www/index.html
Log:
Redo the layout using a table for layout this time.

Modified: websites-plone/www/css/xiph-screen.css
===================================================================
--- websites-plone/www/css/xiph-screen.css	2005-03-03 02:02:53 UTC (rev 9011)
+++ websites-plone/www/css/xiph-screen.css	2005-03-03 03:56:09 UTC (rev 9012)
@@ -4,39 +4,36 @@
 	margin: 0;
 	border: 0;
 	padding: 0;
+	font-family: Arial, Helvetica, sans-serif;
+	color: #333333;
 }
 
 a {
-	color: #3366CC;
+	color: #064C84;
 }
 
 .logos {
 	padding: 72px 0 0 47px;
 }
 
-.thepage {
-	margin: 8px 0 0 0;
-	border: 0;
-	padding: 0 0 0 80px;
-	position: absolute;
+.contenttable {
+	border-collapse: collapse;
+	width: 700px;
 }
 
 .leftside {
 	margin: 0;
 	border: 0;
 	border-right: 1px solid #9FC0D7;
-	padding: 1em 1em 1em 0;
-	position: absolute;
-	float: left;
-	width: 8em;
+	padding: 1em 1em 1em 1em;
 	min-height: 15em;
-	height: 100%;
-	font-family: Arial, Helvetica, sans-serif;
+	vertical-align: top;
 }
 
 .leftside ul {
 	margin: 0;
 	padding: 0;
+	width: 185px;
 }
 
 .leftside li {
@@ -58,19 +55,33 @@
 }
 
 .copyright {
-	position: absolute;
-	bottom: 0;
+	margin: 0;
+	border: 0;
+	border-right: 1px solid #9FC0D7;
+	padding: 1em;
+	min-height: 15em;
 	text-align: right;
 	font-size: .6em;
 	color: #999999;
+	vertical-align: bottom;
 }
 
 .content {
 	margin: 0;
-	padding: 0 1em 0 10em;
-	font-family: Arial, Helvetica, sans-serif;
+	padding: 1em 1em 0 1em;
+	vertical-align: top;
 }
 
+/* So that Gecko based browsers have the same starting paragraph position as IE */
+.content > :first-child {
+	margin-top: 0;
+}
+
+.content p {
+	font-size: .9em;
+	line-height: 1.5;
+}
+
 h2 {
 	font-size: .9em;
 	color: #FF9900;

Modified: websites-plone/www/index.html
===================================================================
--- websites-plone/www/index.html	2005-03-03 02:02:53 UTC (rev 9011)
+++ websites-plone/www/index.html	2005-03-03 03:56:09 UTC (rev 9012)
@@ -21,6 +21,10 @@
 	line-height: 1.4;
 }
 
+.newslist a {
+	color: #3366CC;
+}
+
 .wiki_ {
 	margin-bottom: 1.4em;
 }
@@ -61,7 +65,7 @@
 	<img src="images/logos/xiph/xiphbar.png" alt="Xiph logo"/>
 	<ul>
 		<li class="xiph_"><a href="http://www.xiph.org/">Xiph.org</a></li>
-		<li class="vorbis_"><a href="http://www.vorbis.org/">Vorbis.org</a></li>
+		<li class="vorbis_"><a href="http://www.vorbis.com/">Vorbis.com</a></li>
 		<li class="theora_"><a href="http://www.theora.org/">Theora.org</a></li>
 		<li class="icecast"><a href="http://www.icecast.org/">Icecast.org</a></li>
 		<li class="speex_"><a href="http://www.speex.org/">Speex.org</a></li>
@@ -73,9 +77,11 @@
 	<img src="images/logos/xiph/fish_xiph_org.png" alt="Fish Logo and Xiph.org"/>
 </div>
 
-<div class="thepage">
 
-<div class="leftside">
+<table class="contenttable">
+<tr>
+<td class="leftside">
+<div>
 	<ul>
 		<li class="about_"><a href="/">About</a></li>
 		<li class="press_"><a href="/">Press</a></li>
@@ -87,14 +93,9 @@
 		<li class="documentation_"><a href="/">Documentation</a></li>
 		<li class="resources_"><a href="/">Resources by Project</a></li>
 	</ul>
-	<div class="leftspacer"></div>
-	<div class="copyright">
-		<p>The Xiph Fish Logo is a <br/>trademark (&trade;) of Xiph.Org.</p>
-		<p>These pages<br/> &copy;&nbsp;1994&nbsp;-&nbsp;2005 Xiph.Org.  <br/>All rights reserved.</p>
-	</div>
 </div>
-
-<div class="content">
+</td>
+<td rowspan="2"  class="content">
 	<p>The <span class="xiph">Xiph.Org Foundation</span> is a non-profit corporation dedicated to protecting the foundations of Internet multimedia from control by private interests. Our purpose is to support and develop free, open protocols and software to serve the public, developer and business markets.</p>
 	<h2>Xiph in the News</h2>
 	<ul class="newslist">
@@ -106,7 +107,7 @@
 		<img class="vorbisbanner" src="images/logos/vorbis/vorbis_banner.png" alt="Vorbis Banner" />
     	<img class="xiphbanner" src="images/logos/xiph/xiph_banner.png" alt="Xiph Banner" />
 	</div>
-	<p style="text-align: center; width: 461px; margin-left: auto; margin-right: auto; font-size: .8em;">In our effort to bring open-source ideals to the world of multimedia, the <b>Xiph.Org Foundation</b> and it's open-source community develops a multitude of amazing products.</p>
+	<p style="text-align: center; width: 461px; margin-top: 0; margin-left: auto; margin-right: auto; font-size: .75em;">In our effort to bring open-source ideals to the world of multimedia, the <b>Xiph.Org&nbsp;Foundation</b> and it's open-source community develops a multitude of amazing products.</p>
 	<h2>Resources by Project</h2>
 	<div class="resources">
 		<div class="containers" style="padding-left: 1em; padding-bottom: 1em; float: right; width: 50%;">
@@ -139,9 +140,18 @@
 			</ul>
 		</div>
 	</div>
+</td>
+</tr>
+<tr>
+<td class="copyright">
+<div>
+	<p>The Xiph Fish Logo is a <br/>trademark (&trade;) of Xiph.Org.</p>
+	<p>These pages<br/> &copy;&nbsp;1994&nbsp;-&nbsp;2005 Xiph.Org.  <br/>All rights reserved.</p>
 </div>
+</td>
+</tr>
+</table>
 
 
-</div>
 </body>
 </html>
\ No newline at end of file



More information about the commits mailing list