[or-cvs] r13501: I've cribbed some work from http://torbrowser.torproject.org (weather/trunk)
ioerror at seul.org
ioerror at seul.org
Thu Feb 14 00:02:16 UTC 2008
Author: ioerror
Date: 2008-02-13 19:02:16 -0500 (Wed, 13 Feb 2008)
New Revision: 13501
Added:
weather/trunk/stylesheet.css
weather/trunk/top-left.png
weather/trunk/top-middle.png
weather/trunk/top-right.png
Modified:
weather/trunk/subscribe.template
Log:
I've cribbed some work from http://torbrowser.torproject.org/ with permission from Roger. It makes torweather pretty.
Added: weather/trunk/stylesheet.css
===================================================================
--- weather/trunk/stylesheet.css (rev 0)
+++ weather/trunk/stylesheet.css 2008-02-14 00:02:16 UTC (rev 13501)
@@ -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;
+}
Modified: weather/trunk/subscribe.template
===================================================================
--- weather/trunk/subscribe.template 2008-02-13 23:02:42 UTC (rev 13500)
+++ weather/trunk/subscribe.template 2008-02-14 00:02:16 UTC (rev 13501)
@@ -1,5 +1,23 @@
<html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
+<head>
+ <title>Tor Weather</title>
+ <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="https://www.torproject.org/"><img src="top-left.png" alt="Click to go to home page" width="193" height="79"></a></td>
+ <td class="banner-middle">
+
+ </td>
+ <td class="banner-right">
+ </td>
+ </tr>
+</table>
+<br>
<form method="post" action="/subscribe">
You can use this form to request status updates to tell you when a particular
Tor node has become unreachable for a sustained period of time.
@@ -14,4 +32,6 @@
</p>
<p><i>Please note that while we won't ever intentionally publish them, the address/node pairs sent to this server are not protected against SMTP eavesdropping, hacking, or lawyers.</i>
</form>
+</div>
+</body>
</html>
Added: weather/trunk/top-left.png
===================================================================
(Binary files differ)
Property changes on: weather/trunk/top-left.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: weather/trunk/top-middle.png
===================================================================
(Binary files differ)
Property changes on: weather/trunk/top-middle.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: weather/trunk/top-right.png
===================================================================
(Binary files differ)
Property changes on: weather/trunk/top-right.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
More information about the tor-commits
mailing list