[xiph-commits] r8146 - in websites-plone/www: . CSS Images
atamido at motherfish-iii.xiph.org
atamido at motherfish-iii.xiph.org
Sat Oct 30 09:34:46 PDT 2004
Author: atamido
Date: 2004-10-30 09:34:45 -0700 (Sat, 30 Oct 2004)
New Revision: 8146
Added:
websites-plone/www/Images/35x20.png
websites-plone/www/Images/topleft.png
Modified:
websites-plone/www/CSS/screen-navbars.css
websites-plone/www/CSS/screen-xiph.css
websites-plone/www/CSS/screen.css
websites-plone/www/test.shtml
Log:
Design: Attempting a new layout.
Modified: websites-plone/www/CSS/screen-navbars.css
===================================================================
--- websites-plone/www/CSS/screen-navbars.css 2004-10-30 15:23:20 UTC (rev 8145)
+++ websites-plone/www/CSS/screen-navbars.css 2004-10-30 16:34:45 UTC (rev 8146)
@@ -1,69 +1,77 @@
/* The main navigation bar at the top of the page that lists the projects is navbar1*/
div#navbar1 {
- text-align: center;
- padding: 10px;
+ margin: 0px;
+ border-width: 0px;
+ padding: 0px;
+ text-align: left;
+ border-bottom: 3px solid #000000;
}
div#navbar1 ul {
- padding: 0px;
- margin: 0px;
- border-style: solid;
- border-width: 3px;
- -moz-border-radius: 10px;
- background: url(/Images/nav1-background.png) left;
+ margin: 0 0 0 10px;
+ border-width: 0px;
+ padding: 0 0 0 40px;
+ background: no-repeat url(../images/35x20.png) left;
}
div#navbar1 li {
+ margin: 0px;
+ border-width: 0px;
+ padding: 0px;
list-style-type: none;
display: inline;
}
div#navbar1 a {
+ margin: 0px;
+ border-width: 0px;
+ padding: 5px;
+ line-height: 200%;
color: black;
- line-height: 300%;
font-weight: bold;
text-decoration: none;
text-transform: lowercase;
- padding: 5px 5px 5px 35px;
- border-style: solid;
- border-width: 3px;
- -moz-border-radius: 10px;
}
/* The side navigation bar is navbar2*/
+div#leftside {
+ width: 150px;
+ margin: 10px 0 0 0;
+ border-width: 0px;
+ padding: 0px;
+ text-align: left;
+ background: #819cc9;
+}
+
+div#logo {
+ display: none;
+}
+
div#navbar2 {
+ margin: 0px;
+ border-width: 0px;
+ padding: 0px;
border-style: solid;
- border-width: 3px;
- border-left: none;
- text-transform: lowercase;
+ border-width: 0px;
text-align: left;
- padding: 10px 0px 10px 0px;
- margin: 0 10px 20px -3px;
- -moz-border-radius-bottomright: 10px;
- -moz-border-radius-topright: 10px;
}
div#navbar2 ul {
+ margin: 0px;
+ border-width: 0px;
padding: 0px;
- margin: 0 0 0 -15px;
- border: 0px;
}
div#navbar2 li {
list-style-type: none;
- margin: 0px;
- border: 0px;
+ margin: 6px;
+ border-width: 0px;
padding: 0px;
- -moz-border-radius: 10px;
- display: block;
}
-div#navbar2 li:hover {
- background: no-repeat url(/Images/logos/xiph/35x20.png) left #7089e4;
-}
div#navbar2 abbr[title] {
font-style: normal;
@@ -71,11 +79,16 @@
div#navbar2 a {
color: white;
- padding: 3px 0px 3px 35px;
+ margin: 0px;
+ padding: 3px;
text-decoration: none;
text-transform: lowercase;
- margin-right: 1.5em;
display: block;
+ width: 130px;
+ border: 3px solid #91acd9;
+ border-bottom: 3px solid #718CB9;
+ border-right: 3px solid #718CB9;
+ -moz-border-radius: 13px;
}
div#navbar2 li:hover {
@@ -87,16 +100,6 @@
/* These are the properties necessary to make the tabs have the fancy hover effects*/
-div#navbar1 a#xiph { background: no-repeat url(/Images/logos/xiph/35x20.png) left; }
-div#navbar1 a#speex { background: no-repeat url(/Images/logos/speex/35x20.png) left; -moz-border-radius: 10px; }
-div#navbar1 a#theora { background: no-repeat url(/Images/logos/theora/35x20.png) left; -moz-border-radius: 10px; }
-div#navbar1 a#other { background: no-repeat url(/Images/logos/xiph/35x20.png) left; }
-
-div#navbar1 a#xiph:hover { background: no-repeat url(/Images/logos/xiph/35x20.png) top left #819cc9; }
-div#navbar1 a:hover { background: #aaaaaa; -moz-border-radius: 10px; }
-div#navbar1 a#vorbis:hover { background: #aa75f4; -moz-border-radius: 10px; }
-div#navbar1 a#theora:hover { background: no-repeat url(/Images/logos/theora/35x20.png) left #F9AFAF; -moz-border-radius: 10px; }
-div#navbar1 a#speex:hover { background: no-repeat url(/Images/logos/speex/35x20.png) left #99d25d; -moz-border-radius: 10px; }
-div#navbar1 a#flac:hover { background: #ffff56; -moz-border-radius: 10px; }
-div#navbar1 a#icecast:hover { background: #aaaaaa; -moz-border-radius: 10px; }
-div#navbar1 a#other:hover { background: no-repeat url(/Images/logos/xiph/35x20.png) left #8099f4; -moz-border-radius: 10px; }
+div#navbar1 a:hover {
+ color:#006633;
+}
\ No newline at end of file
Modified: websites-plone/www/CSS/screen-xiph.css
===================================================================
--- websites-plone/www/CSS/screen-xiph.css 2004-10-30 15:23:20 UTC (rev 8145)
+++ websites-plone/www/CSS/screen-xiph.css 2004-10-30 16:34:45 UTC (rev 8146)
@@ -1,4 +1,4 @@
- at import url(/CSS/screen.css);
+ at import url(screen.css);
/*These properties are only for the main Xiph pages, not any of the project pages. */
@@ -15,10 +15,14 @@
}
div#navbar2 {
- border-color: #2b4556;
+ border: 0px;
background: #819cc9;
}
-div#navbar2 li:hover {
- background: no-repeat url(/Images/logos/xiph/35x20.png) left #718CB9;
+div#navbar2 a:hover {
+ color: #EEEEEE;
+ background: #617Ca9;
+ border: 3px solid #91acd9;
+ border-top: 3px solid #718CB9;
+ border-left: 3px solid #718CB9;
}
Modified: websites-plone/www/CSS/screen.css
===================================================================
--- websites-plone/www/CSS/screen.css 2004-10-30 15:23:20 UTC (rev 8145)
+++ websites-plone/www/CSS/screen.css 2004-10-30 16:34:45 UTC (rev 8146)
@@ -1,10 +1,11 @@
- at import url(/CSS/screen-all.css);
- at import url(/CSS/screen-navbars.css);
- at import url(/CSS/screen-content.css);
+ at import url(screen-all.css);
+ at import url(screen-navbars.css);
+ at import url(screen-content.css);
html, body {
margin: 0;
- padding: 0;
+ border: 0;
+ padding: 5px;
}
html {
@@ -14,35 +15,34 @@
}
div#logo {
- margin: 10px 0 0 5px;
+ margin: 0px;
}
div#label {
text-align: center;
font-size: 200%;
margin: 0;
- padding: 0;
+ padding: 10px 0 10px 0;
border: 0;
+ background: #FFFFFF;
+ border: 3px solid #000000;
+ -moz-border-radius-topleft: 10px;
+ -moz-border-radius-topright: 10px;
}
#label img {
text-align: center;
font-size: 100%;
margin: 0px;
+ border: 0px;
padding: 0;
- border: 0px;
vertical-align: bottom;
}
div#thepage {
- position: relative;
- float: left;
- left: 2%;
- background-color: #FFFFFF;
- border: 3px solid #000000;
- padding: 0;
- margin: 20px 0 0 0;
- width: 96%;
+ padding: 0px;
+ margin: 0px;
+ min-width: 550px;
-moz-border-radius: 10px;
}
@@ -51,16 +51,23 @@
}
div#rightside {
+ margin: 0px 0 0 160px;
padding: 20px;
+ background-image: url(../images/topleft.png);
+ background-color: #FFFFFF;
+ border-left: 3px solid #000000;
+ border-right: 3px solid #000000;
+ border-bottom: 3px solid #000000;
}
#content {
- display: table-cell;
margin: 0 20px 0 20px;
- padding: 0px;
+ padding: 10px;
+ background: no-repeat url(images/topleft.png) #FFFFFF;
}
+/*
div.left {
margin: 1em;
float: left;
@@ -73,7 +80,9 @@
.main {
margin: 2.5em;
}
+*/
+
#footer {
position: relative;
float: left;
@@ -83,7 +92,7 @@
}
h1 {
- margin: 0 0 .25em;
+ margin: 0 0 2px;
border-bottom: 3px solid #000000;
}
Added: websites-plone/www/Images/35x20.png
===================================================================
(Binary files differ)
Property changes on: websites-plone/www/Images/35x20.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: websites-plone/www/Images/topleft.png
===================================================================
(Binary files differ)
Property changes on: websites-plone/www/Images/topleft.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Modified: websites-plone/www/test.shtml
===================================================================
--- websites-plone/www/test.shtml 2004-10-30 15:23:20 UTC (rev 8145)
+++ websites-plone/www/test.shtml 2004-10-30 16:34:45 UTC (rev 8146)
@@ -1,13 +1,71 @@
-<!--#include virtual="/SSI/topofhead.inc"-->
-<title>Xiph.org: home</title>
-<!--#include virtual="/SSI/xiph/inhead.inc"-->
-<!--#include virtual="/SSI/topofbody.inc"-->
-<!--#include virtual="/SSI/xiph/leftside.inc"-->
-<!--#include virtual="/SSI/rightside.inc"-->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US"><head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Xiph.org: home</title>
- <h1>Welcome to Xiph.org</h1>
- <p> The Xiph.org Foundation is a non-profit association 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>
- <p style='text-align: center;'> <a href='/map/'>Site map</a> </p>
+<style type="text/css" media="screen">@import url(CSS/screen-xiph.css);</style></head>
-<!--#include virtual="/SSI/bottomofbody.inc"-->
\ No newline at end of file
+<body>
+
+<div id="thepage">
+
+<div id="label">Xiph's Open Media Technologies</div>
+
+<div id="navbar1">
+ <ul>
+ <li><a id="xiph" title="Xiph.org: Home of freedom" href="http://xiph.commo.de/" accesskey="0">xiph.org foundation</a></li>
+ <li><a id="vorbis" title="Vorbis: lossy audio compression." href="http://xiph.commo.de/projects/audio/vorbis/">vorbis</a></li>
+ <li><a id="speex" title="Speex: Free speech compression." href="http://xiph.commo.de/projects/audio/speex/">speex</a></li>
+ <li><a id="flac" title="FLAC: Free lossless audio compression." href="http://xiph.commo.de/projects/audio/flac/">flac</a></li>
+ <li><a id="theora" title="Theora: Video." href="http://xiph.commo.de/projects/video/theora/">theora</a></li>
+ <li><a id="icecast" title="Streaming audio." href="http://xiph.commo.de/projects/tools/icecast/">icecast</a></li>
+ <li><a id="other" title="Xiph.orgs other projects" href="http://xiph.commo.de/projects/other/">other</a></li>
+ </ul>
+</div>
+
+<div id="leftside">
+
+ <div id="logo">
+ <a title="return to the Xiph.org homepage" href="http://xiph.commo.de/">
+ <img src="Xiph.org%20%20home_files/112x112.png" alt="return to the Xiph.org homepage"></a>
+ </div>
+
+ <div id="navbar2">
+ <ul>
+ <li><a href="http://xiph.commo.de/" title="Return to the Xiph.org home page.">home</a></li>
+ <li><a href="http://xiph.commo.de/why/" title="Why we exist.">why</a></li>
+ <li><a href="http://xiph.commo.de/press/" title="Check up on our press releases.">press</a></li>
+ <li><a href="http://xiph.commo.de/mailinglists/" title="Sign up for a mailing list or peruse the archives.">mailing lists</a></li>
+ <li><a href="http://xiph.commo.de/contact/" title="Contact us.">contact</a></li>
+ <li><a href="http://xiph.commo.de/contribute/" title="Help us out.">contribute</a></li>
+ <li><a href="http://bugs.xiph.org/">bugs</a></li>
+ <li><a href="http://wiki.xiph.org/" title="Because were not the font of all knowledge.">wiki</a></li>
+ </ul>
+ </div>
+
+</div>
+
+
+<div id="rightside">
+
+<div id="content">
+
+<h1>Welcome to Xiph.org</h1>
+<h2>zĭf</h2>
+<p> The Xiph.org Foundation is a non-profit association 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>
+<p style="text-align: center;"> <a href="http://xiph.commo.de/map/">Site map</a> </p>
+
+</div>
+
+</div>
+
+</div>
+
+<div id="footer">
+ © 2004 Xiph.org Foundation
+</div>
+</body></html>
\ No newline at end of file
More information about the commits
mailing list