[Author Prev][Author Next][Thread Prev][Thread Next][Author Index][Thread Index]

[or-cvs] r13139: Make website a bit less spartan (torbrowser/trunk/www)



Author: sjm217
Date: 2008-01-15 17:16:03 -0500 (Tue, 15 Jan 2008)
New Revision: 13139

Added:
   torbrowser/trunk/www/stylesheet.css
   torbrowser/trunk/www/top-left.png
   torbrowser/trunk/www/top-middle.png
   torbrowser/trunk/www/top-right.png
   torbrowser/trunk/www/tor_mast.gif
Modified:
   torbrowser/trunk/www/index.html
Log:
Make website a bit less spartan

Modified: torbrowser/trunk/www/index.html
===================================================================
--- torbrowser/trunk/www/index.html	2008-01-15 19:10:06 UTC (rev 13138)
+++ torbrowser/trunk/www/index.html	2008-01-15 22:16:03 UTC (rev 13139)
@@ -1,20 +1,36 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd";>
 <html>
 <head>
-<title>Tor Browser Bundle</title>
+  <title>Tor Browser Bundle</title>
+  <meta name="Author" content="Steven J. Murdoch">
+  <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+  <link rel="stylesheet" type="text/css" href="./stylesheet.css">
 </head>
 <body>
+<div class="center">
+<table class="banner" border="0" cellpadding="0" cellspacing="0" summary="">
+    <tr>
+        <td class="banner-left"><a href="/"><img src="top-left.png" alt="Click to go to home page" width="193" height="79"></a></td>
+        <td class="banner-middle">
+        &nbsp;
+        </td>
+        <td class="banner-right">
+	</td>
+    </tr>
+</table>
+<div class="main-column">
+<h2>Tor Browser Bundle</h2>
+<hr>
 
-<h1>Tor Browser Bundle</h1>
+<h3>Installation</h3>
 
-<h2>Installation</h2>
-
 <p>Tor Browser.exe is a 7zip self extracting archive. To extract the
 bundle, run this and point it to the install location. It will create
 a folder called "Tor Browser". This may be the hard disk, but is more
 likely the currently mounted USB drive. The install process needs only
 be performed once.</p>
 
-<h2>Usage</h2>
+<h3>Usage</h3>
 
 <p>Once the bundle is extracted, open the newly created folder and
 click "Tor Browser.bat" (may appear as simply "Tor Browser"). This
@@ -24,7 +40,14 @@
 <p>To exit, close Firefox. Vidalia will automatically clean up and
 exit.</p>
 
-<h2>More information</h2>
+<h3>More information</h3>
 
+</div><!-- #main -->
+</div>
+
+<div class="bottom" id="bottom">
+   <p>"Tor" and the "Onion Logo" are <a href="https://www.torproject.org/trademark-faq.html.en";>trademarks</a> of The Tor Project, Inc.
+   </p>
+</div>
 </body>
 </html>

Added: torbrowser/trunk/www/stylesheet.css
===================================================================
--- torbrowser/trunk/www/stylesheet.css	                        (rev 0)
+++ torbrowser/trunk/www/stylesheet.css	2008-01-15 22:16:03 UTC (rev 13139)
@@ -0,0 +1,382 @@
+body {
+    background-color: #FFFFFF;
+    margin-top: 0px;
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: 1em;
+    font-style: normal;
+    color: #000000;
+    padding-top: 0px;
+}
+
+/* images */
+
+img {
+    border: 0;
+}
+
+
+li { 
+   margin: .2em .2em .2em 1em;
+  
+}
+
+/* this centers the page */
+
+.center {
+    text-align: center;
+    background-color: white;
+    margin: 0px auto 0 auto;
+    width: 85%;
+}
+
+.center table {
+    margin-left: auto;
+    margin-right: auto;
+    text-align: left;
+}
+
+/* for the shadow box */
+
+table.shadowbox {
+    width: 788px;
+    border-collapse: collapse;
+    padding: 0;
+    margin-bottom: 2em;
+}
+
+table.shadowbox td {
+    margin: 0;
+    padding: 0;
+}
+
+/* spacer */
+
+td.spacer {
+    width: 110px;
+}
+
+
+
+div.banner {
+    text-align: center;
+    height: 79px;
+    margin-bottom: 10px;
+    width:100%;
+}
+
+table.table-banner {
+    margin: 0 auto 0 auto;
+    background-image: url("tor_mast.gif");
+    background-repeat: no-repeat;
+}
+
+
+
+
+div.bottom {
+    font-size: 0.8em;
+    margin-top: 2cm;
+    margin-left: 1em;
+    margin-right: 1em;
+    text-align: right;
+}
+
+/* the sidebar */
+
+div.sidebar {
+    float: right;
+    padding-top: 10px;
+    padding-right: 10px;
+    padding-bottom: 15px;
+    padding-left: 10px;
+    width: 260px;
+    text-align: center;
+}
+
+
+/* The main column (left text) */
+
+div.main-column {
+    padding: 15px 0 10px 10px;
+    text-indent: 0pt;
+    font-size: 1em;
+    text-align: left;
+}
+
+/* formatting styles */
+
+h1 {
+    font-size: 1.6em;
+    margin-bottom: 0.5em;
+}
+
+h2 {
+    font-size: 1.4em;
+    margin-bottom: 0em;
+    font-weight: bold;
+    margin-top: 0;
+}
+
+h3 {
+    font-size: 1.2em;
+    margin-bottom: 0em;
+    font-weight: bold;
+    margin-top: 0;
+}
+
+h4 {
+    font-size: 1.1em;
+    margin-bottom: 0em;
+    font-weight: bold;
+    margin-top: 0;
+}
+
+h5 {
+    font-size: 1.0em;
+    margin-bottom: 0em;
+    font-weight: bold;
+    margin-top: 0;
+}
+
+p {
+    margin-top: 0;
+    margin-bottom: 1em;
+}
+
+a:link {
+    color: blue;
+    font-size: 1em;
+}
+
+a:visited {
+    color: purple;
+    font-size: 1em;
+}
+
+
+a.anchor:link {
+    font-size: 1em;
+    color: black;
+    font-weight: bold;
+    text-decoration: none;
+}
+
+a.anchor:visited {
+    font-size: 1em;
+    color: black;
+    font-weight: bold;
+    text-decoration: none;
+}
+
+a.anchor {
+    font-size: 1em;
+    color: black;
+    font-weight: bold;
+    text-decoration: none;
+}
+
+td {
+    vertical-align: top;
+}
+
+a.smalllink {
+    font-size: 0.8em;
+}
+
+/* the banner */
+
+table.banner {
+    width: 100%;
+    height: 79px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+td.banner-left {
+	/* This is done with an <img> in the HTML so it can be clickable
+    background-image: url("top-left.png");
+    background-repeat: no-repeat; */
+    width: 193px;
+}
+
+td.banner-middle {
+    background-color: #00802B;
+    background-image: url("top-middle.png");
+    background-repeat: repeat-x;
+    vertical-align: bottom;
+    padding-bottom: 10px;
+    color: white;
+    font-weight: bold;
+    font-size: 1em;
+}
+
+td.banner-middle a, td.banner-middle a:visited {
+    color: white;
+    font-weight: bold;
+    font-size: 1em;
+}
+
+td.banner-middle a:hover {
+    color: #FF7F00;
+    font-weight: bold;
+    font-size: 1em;
+}
+
+td.banner-right {
+    background-image: url("top-right.png");
+    background-repeat: no-repeat;
+    width: 150px;
+    background-position: right;
+    padding-top: 8px;
+}
+
+.banner-middle a.current {
+    text-decoration: none;	       
+    color: #FF7F00;
+    font-weight: bold;
+    font-size: 1em;
+    width: auto;
+    text-align: auto;
+    left: -50px;
+}
+
+.donatebutton {
+        width: auto;
+        text-align: center;
+}
+
+.donatebutton a {
+        margin: 10px 0 0 0;
+        font-weight: bold;
+        display: block;
+        padding: 6px;
+        background-color: #00802B;
+        border-top: 1px solid #00A838;
+        border-left: 1px solid #00A838;
+        border-bottom: 1px solid #00591E;
+        border-right: 1px solid #00591E;
+        color: #FFFFFF;
+}
+
+.donatebutton a:hover {
+        color: orange;
+}
+
+.donatebutton a:active {
+        color: orange;
+}
+
+/* these styles are for the menu on the gui contest pages */
+
+.guileft {
+	 width: 25%;
+	 float: left;
+	 padding: 0;
+	 margin: 0;
+}
+
+.guimenu {
+	 border: 1px solid #AAA6AB;
+	 background-color: #E2DFE3;
+	 margin: 0 15px 15px 0;
+	 padding: 0;
+}
+
+.guimenuinner a {
+	      display: block;
+	      text-decoration: none;
+	      padding: 2px 0px 0px 12px;
+	      margin: 0 0 0 0px;
+	      color: #333333;
+}
+
+.guimenuinner a:visited {
+	      color: #333333;
+}
+
+.guimenuinner a:hover {
+	      background-image: url(gui/img/arrow.png);
+	      background-repeat: no-repeat;
+	      background-position: left;
+	      color: #EF8012;
+}
+
+.guimenuinner a.on {
+	      background-image: url(gui/img/arrow.png);
+	      background-repeat: no-repeat;
+	      background-position: left;
+	      color: #EF8012;
+}
+
+
+.guimenu h1 {
+         width: 85%;
+	 font-size: 16px;
+	 margin: 0 0 8px 0;
+	 padding: 0;
+	 border-bottom: 1px solid #AAA6AB;
+}
+
+.curveleft {
+	   background-image: url(gui/img/corner-topleft.png);
+	   background-repeat: no-repeat;
+	   background-position: top left;
+	   margin: -1px;
+}
+
+.curveright {
+	    background-image: url(gui/img/corner-topright.png);
+	    background-repeat: no-repeat;
+	    background-position: top right;
+}
+
+.guimenuinner {
+	      
+	      padding: 0 10px 0 10px;
+}
+
+//.wiki {
+      padding: 5px 40px 0 0;
+      display: block;
+      text-align: right;
+}
+
+
+.curvebottomleft {
+		 background-image: url(gui/img/corner-bottomleft.png);
+		 background-repeat: no-repeat;
+		 background-position: bottom left;
+		 margin: -1px;
+}
+
+.curvebottomright {
+		  background-image: url(gui/img/corner-bottomright.png);
+		  background-repeat: no-repeat;
+		  background-position: bottom right;
+}
+
+
+table.mirrors {
+	margin: 0 auto;
+	border-width: 3px;
+	border-color: gray;
+	border-style: ridge;
+	border-collapse: collapse;
+}
+table.mirrors th {
+	border: 1px solid gray;
+	background-color: #DDDDDD;
+}
+table.mirrors td {
+	border: 1px solid gray;
+	padding: 4px;
+}
+
+acronym {
+  border-bottom: none;
+}
+
+dt {
+  font-weight: bolder;
+  font-style: italic;
+}

Added: torbrowser/trunk/www/top-left.png
===================================================================
(Binary files differ)


Property changes on: torbrowser/trunk/www/top-left.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: torbrowser/trunk/www/top-middle.png
===================================================================
(Binary files differ)


Property changes on: torbrowser/trunk/www/top-middle.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: torbrowser/trunk/www/top-right.png
===================================================================
(Binary files differ)


Property changes on: torbrowser/trunk/www/top-right.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: torbrowser/trunk/www/tor_mast.gif
===================================================================
(Binary files differ)


Property changes on: torbrowser/trunk/www/tor_mast.gif
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream