[or-cvs] first cut of moving to ren"s stylesheet format
Roger Dingledine
arma at seul.org
Tue Dec 21 03:35:26 UTC 2004
Update of /home2/or/cvsroot/website
In directory moria.mit.edu:/home2/arma/work/onion/cvs/website
Modified Files:
index.html
Added Files:
stylesheet.css
Log Message:
first cut of moving to ren's stylesheet format
Index: index.html
===================================================================
RCS file: /home2/or/cvsroot/website/index.html,v
retrieving revision 1.32
retrieving revision 1.33
diff -u -d -r1.32 -r1.33
--- index.html 20 Dec 2004 06:46:59 -0000 1.32
+++ index.html 21 Dec 2004 03:35:23 -0000 1.33
@@ -1,28 +1,56 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Tor: An anonymous Internet communication system</title>
<meta name="Author" content="Roger Dingledine" />
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
- <link rel="stylesheet" type="text/css" href="default.css" />
+ <link rel="stylesheet" type="text/css" href="stylesheet.css" />
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
</head>
<body>
- <div class="menu" id="side">
-<!-- <img id="logo" src="tor.jpg" alt="cute tor gate" /> -->
- <a class="current">Home</a> <br />
- <a href="howitworks.html">How it works</a> <br />
- <a href="download.html">Download</a> <br />
- <a href="documentation.html">Documentation</a><br />
- <a href="http://wiki.noreply.org/wiki/TheOnionRouter/TorFAQ">FAQ</a><br />
- <a href="contribute.html">Contribute</a> <br />
- <a href="developers.html">Developers</a> <br />
- <a href="research.html">Research</a> <br />
- <a href="people.html">People</a> <br />
- </div><!-- #side -->
- <div class="main" id="main">
+
+<div class="center">
+
+<!-- TITLE BAR & NAVIGATION -->
+<div class="banner">
+<table class="table-banner" cellpadding=0 cellspacing=0>
+<tr>
+<td width="110">
+<a href="http://tor.eff.org"><img src="images/spacer.png" width="110" height="79"></a>
+</td>
+<td class="links" valign="top">
+ <a class="current">Home</a> |
+ <a href="howitworks.html">How It Works</a> |
+ <a href="download.html">Download</a> |
+ <a href="documentation.html">Docs</a> |
+ <a href="http://wiki.noreply.org/wiki/TheOnionRouter/TorFAQ">FAQ</a> |
+ <a href="contribute.html">Contribute</a> |
+ <a href="developers.html">Developers</a> |
+ <a href="research.html">Research</a> |
+ <a href="people.html">People</a>
+</td>
+</tr>
+</table>
+</div>
+<!-- END TITLE BAR & NAVIGATION -->
+
+<!-- SIDEBAR (OPTIONAL) -->
+<div class="sidebar">
+<a href="download.html"><img src="images/download_tor.png" alt="Download Tor"></a>
+
+<br />
+
+<a href="howitworks.html"><img src="images/how_tor_works_thumb.png"
+alt="How Tor Works"></a>
+</div>
+<!-- END SIDEBAR -->
+
+<div class="main-column">
+
+<!-- PUT CONTENT AFTER THIS TAG -->
<h2>Tor: An anonymous Internet communication system</h2>
@@ -104,9 +132,16 @@
</p>
</div><!-- #main -->
+
+<a href="http://secure.eff.org/tor"><img src="images/eff_badge.png" alt="Tor development is supported by EFF"></a>
+
+<a href="http://secure.eff.org/tor"><img src="images/eff_badge.png"
+alt="Tor development is supported by EFF"></a>
+
<div class="bottom" id="bottom">
<i><a href="mailto:tor-webmaster at freehaven.net">Webmaster</a></i> -
$Id$
</div>
+</div>
</body>
</html>
--- NEW FILE: stylesheet.css ---
/*
BEGIN custom styles
*/
/*
* the page's main body style, including background
*/
body {
background-color: #FFFFFF;
margin-top: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
color: #000000;
}
/*
* this centers the page
*/
.center {
text-align: center;
background-color: white;
margin-left: auto;
margin-right: auto;
width: 730px;
}
.center table {
margin-left: auto;
margin-right: auto;
text-align: left;
}
/*
* for the shadow box
*/
TABLE.shadowbox {
width: 788px;
/* margin-left: auto;
margin-right: auto;
margin: 0; */
border-collapse: collapse;
padding: 0;
margin-bottom: 2em;
}
TABLE.shadowbox TD {
margin: 0;
padding: 0;
}
/*
* for the shadow edges
TD.leftedge {
width: 9px;
background: url("images/leftedge.png");
}
TD.rightedge {
width: 9px;
background: url("images/rightedge.png");
}
TD.bottomleft {
width: 9px;
height: 7px;
background: url("images/bottomleft.png");
background-repeat: no-repeat;
}
TD.bottomright {
width: 9px;
height: 7px;
background: url("images/bottomright.png");
background-repeat: no-repeat;
}
TD.bottomedge {
height: 7px;
background: url("images/bottomedge.png");
background-repeat: repeat-x;
}
TD.main {
background-color: white;
width: 770px;
}
*/
/*
* The banner
*/
DIV.banner {
background-image: url("images/tor_mast.png");
background-repeat: no-repeat;
text-align: left;
height: 79px;
width: 730px;
padding-bottom: 10px;
}
TABLE.table-banner {
float: right;
width: 730px;
}
/* The sidebar */
DIV.sidebar {
float: right;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 15px;
padding-left: 10px;
overflow: auto;
width: 260px;
text-align: center;
}
/* The links */
TD.links {
font-size: 8pt;
color: white;
font-weight: bold;
text-align: right;
vertical-align: top;
padding: 58px 15px 0 0;
}
TD.links A:link, TD.links A:visited {
color: white;
text-decoration: none;
font-size: 11px;
}
TD.links A:hover {
color: orange;
text-decoration: underline;
}
div.bottom {
font-size: 8px;
margin-top: 2cm;
margin-left: 1em;
margin-right: 1em;
text-align: right;
}
/* The main column (left text) */
DIV.main-column {
/* padding-right: 280px; */
padding: 0 0 10px 10px;
text-indent: 0pt;
font-size: 10pt;
text-align: left;
}
/*
* Formatting styles
*/
H1 {
font-size: 12pt;
margin-bottom: 0.5em;
}
H2
{
font-size: 12pt;
margin-bottom: 0em;
font-weight: bold;
margin-top: 0;
}
P {
margin-top: 0;
margin-bottom: 1em;
}
A:link {
color: blue;
font-size: 10pt;
text-decoration: none;
}
A:visited {
color: purple;
font-size: 10pt;
text-decoration: none;
}
TD {
vertical-align: top;
}
/*
END custom styles
*/
More information about the tor-commits
mailing list