tor-webwml.git

first cut of moving to ren's stylesheet format
Parent 00d4d893a
Roger Dingledine

Roger Dingledine commited on 2004-12-21 04:35:23
Zeige 2 geänderte Dateien mit 257 Einfügungen und 15 Löschungen.

index.html
Zeige Datei @ 5163bf446
... ... 
@@ -1,28 +1,56 @@
1 
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
1 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
2 
+"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
2 3
3 4 
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
4 5 
 <head>
5 6 
   <title>Tor: An anonymous Internet communication system</title>
6 7 
   <meta name="Author" content="Roger Dingledine" />
7 8 
   <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
8 
-  <link rel="stylesheet" type="text/css" href="default.css" />
9 
+  <link rel="stylesheet" type="text/css" href="stylesheet.css" />
9 10 
   <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
10 11 
 </head>
11 12
12 13 
 <body>
13 
-  <div class="menu" id="side">
14 
-<!--    <img id="logo" src="tor.jpg" alt="cute tor gate" /> -->
15 
-      <a class="current">Home</a> <br />
16 
-      <a href="howitworks.html">How it works</a> <br />
17 
-      <a href="download.html">Download</a> <br />
18 
-      <a href="documentation.html">Documentation</a><br />
19 
-      <a href="http://wiki.noreply.org/wiki/TheOnionRouter/TorFAQ">FAQ</a><br />
20 
-      <a href="contribute.html">Contribute</a> <br />
21 
-      <a href="developers.html">Developers</a> <br />
22 
-      <a href="research.html">Research</a> <br />
23 
-      <a href="people.html">People</a> <br />
24 
-  </div><!-- #side -->
25 
-  <div class="main" id="main">
14 
+
15 
+<div class="center">
16 
+
17 
+<!-- TITLE BAR & NAVIGATION -->
18 
+<div class="banner">
19 
+<table class="table-banner" cellpadding=0 cellspacing=0>
20 
+<tr>
21 
+<td width="110">
22 
+<a href="http://tor.eff.org"><img src="images/spacer.png" width="110" height="79"></a>
23 
+</td>
24 
+<td class="links" valign="top">
25 
+      <a class="current">Home</a>  |
26 
+      <a href="howitworks.html">How It Works</a>  |
27 
+      <a href="download.html">Download</a>  |
28 
+      <a href="documentation.html">Docs</a>  |
29 
+      <a href="http://wiki.noreply.org/wiki/TheOnionRouter/TorFAQ">FAQ</a>  |
30 
+      <a href="contribute.html">Contribute</a>  |
31 
+      <a href="developers.html">Developers</a>  |
32 
+      <a href="research.html">Research</a>  |
33 
+      <a href="people.html">People</a>
34 
+</td>
35 
+</tr>
36 
+</table>
37 
+</div>
38 
+<!-- END TITLE BAR & NAVIGATION -->
39 
+
40 
+<!-- SIDEBAR (OPTIONAL) -->
41 
+<div class="sidebar">
42 
+<a href="download.html"><img src="images/download_tor.png" alt="Download Tor"></a>
43 
+
44 
+<br />
45 
+
46 
+<a href="howitworks.html"><img src="images/how_tor_works_thumb.png"
47 
+alt="How Tor Works"></a>
48 
+</div>
49 
+<!-- END SIDEBAR -->
50 
+
51 
+<div class="main-column">
52 
+
53 
+<!-- PUT CONTENT AFTER THIS TAG -->
26 54
27 55 
 <h2>Tor: An anonymous Internet communication system</h2>
28 56
... ... 
@@ -104,9 +132,16 @@ the archives or subscribe</a>.
104 132 
 </p>
105 133
106 134 
   </div><!-- #main -->
135 
+
136 
+<a href="http://secure.eff.org/tor"><img src="images/eff_badge.png" alt="Tor development is supported by EFF"></a>
137 
+
138 
+<a href="http://secure.eff.org/tor"><img src="images/eff_badge.png"
139 
+alt="Tor development is supported by EFF"></a>
140 
+
107 141 
   <div class="bottom" id="bottom">
108 142 
      <i><a href="mailto:tor-webmaster@freehaven.net">Webmaster</a></i> -
109 143 
      $Id$
110 144 
   </div>
145 
+</div>
111 146 
 </body>
112 147 
 </html>
stylesheet.css
Zeige Datei @ 5163bf446
... ... 
@@ -0,0 +1,207 @@
1 
+/*
2 
+BEGIN custom styles
3 
+*/
4 
+
5 
+/*
6 
+* the page's main body style, including background
7 
+*/
8 
+
9 
+body {
10 
+	background-color: #FFFFFF;
11 
+	margin-top: 0px;
12 
+	font-family: Arial, Helvetica, sans-serif;
13 
+	font-size: 10pt;
14 
+	font-style: normal;
15 
+	color: #000000;
16 
+}
17 
+
18 
+/*
19 
+* this centers the page
20 
+*/
21 
+
22 
+.center	{
23 
+	text-align: center;
24 
+	background-color: white;
25 
+	margin-left: auto;
26 
+	margin-right: auto;
27 
+	width: 730px;
28 
+
29 
+}
30 
+
31 
+.center table {
32 
+	margin-left: auto;
33 
+	margin-right: auto;
34 
+	text-align: left;
35 
+}
36 
+
37 
+/*
38 
+* for the shadow box
39 
+*/
40 
+
41 
+
42 
+TABLE.shadowbox {
43 
+	width: 788px;
44 
+/*	margin-left: auto;
45 
+	margin-right: auto;
46 
+	margin: 0; */
47 
+	border-collapse: collapse;
48 
+	padding: 0;
49 
+	margin-bottom: 2em;
50 
+}
51 
+
52 
+TABLE.shadowbox TD {
53 
+	margin: 0;
54 
+	padding: 0;
55 
+}
56 
+
57 
+/*
58 
+* for the shadow edges
59 
+
60 
+TD.leftedge {
61 
+	width: 9px;
62 
+	background: url("images/leftedge.png");
63 
+}
64 
+
65 
+TD.rightedge {
66 
+	width: 9px;
67 
+	background: url("images/rightedge.png");
68 
+}
69 
+
70 
+TD.bottomleft {
71 
+	width: 9px;
72 
+	height: 7px;
73 
+	background: url("images/bottomleft.png");
74 
+	background-repeat: no-repeat;
75 
+}
76 
+
77 
+TD.bottomright {
78 
+	width: 9px;
79 
+	height: 7px;
80 
+	background: url("images/bottomright.png");
81 
+	background-repeat: no-repeat;
82 
+}
83 
+
84 
+TD.bottomedge {
85 
+	height: 7px;
86 
+	background: url("images/bottomedge.png");
87 
+	background-repeat: repeat-x;
88 
+}
89 
+
90 
+TD.main {
91 
+	background-color: white;
92 
+	width: 770px;
93 
+}
94 
+*/
95 
+
96 
+/*
97 
+* The banner
98 
+*/
99 
+
100 
+DIV.banner {
101 
+	background-image: url("images/tor_mast.png");
102 
+	background-repeat: no-repeat;
103 
+	text-align: left;
104 
+	height: 79px;
105 
+	width: 730px;
106 
+	padding-bottom: 10px;
107 
+}
108 
+
109 
+TABLE.table-banner {
110 
+	float: right;
111 
+	width: 730px;
112 
+
113 
+}
114 
+
115 
+/* The sidebar */
116 
+DIV.sidebar {
117 
+	float: right;
118 
+	padding-top: 0px;
119 
+	padding-right: 10px;
120 
+	padding-bottom: 15px;
121 
+	padding-left: 10px;
122 
+	overflow: auto;
123 
+	width: 260px;
124 
+	text-align: center;
125 
+}
126 
+
127 
+
128 
+/* The links */
129 
+TD.links {
130 
+	font-size: 8pt;
131 
+	color: white;
132 
+	font-weight: bold;
133 
+	text-align: right;
134 
+	vertical-align: top;
135 
+	padding: 58px 15px 0 0;
136 
+}
137 
+
138 
+TD.links A:link, TD.links A:visited {
139 
+	color: white;
140 
+	text-decoration: none;
141 
+	font-size: 11px;
142 
+}
143 
+
144 
+TD.links A:hover {
145 
+	color: orange;
146 
+	text-decoration: underline;
147 
+
148 
+}
149 
+
150 
+div.bottom {
151 
+        font-size: 8px;
152 
+        margin-top: 2cm;
153 
+        margin-left: 1em;
154 
+        margin-right: 1em;
155 
+        text-align: right;
156 
+}
157 
+
158 
+/* The main column (left text) */
159 
+
160 
+DIV.main-column {
161 
+/*	padding-right: 280px; */
162 
+	padding: 0 0 10px 10px;
163 
+	text-indent: 0pt;
164 
+	font-size: 10pt;
165 
+	text-align: left;
166 
+}
167 
+
168 
+/*
169 
+ * Formatting styles
170 
+ */
171 
+H1 {
172 
+	font-size: 12pt;
173 
+	margin-bottom: 0.5em;
174 
+}
175 
+
176 
+H2
177 
+{
178 
+	font-size: 12pt;
179 
+	margin-bottom: 0em;
180 
+	font-weight: bold;
181 
+	margin-top: 0;
182 
+}
183 
+
184 
+P {
185 
+	margin-top: 0;
186 
+	margin-bottom: 1em;
187 
+}
188 
+
189 
+A:link {
190 
+	color: blue;
191 
+	font-size: 10pt;
192 
+	text-decoration: none;
193 
+}
194 
+
195 
+A:visited {
196 
+	color: purple;
197 
+	font-size: 10pt;
198 
+	text-decoration: none;
199 
+}
200 
+
201 
+TD {
202 
+	vertical-align: top;
203 
+}
204 
+
205 
+/*
206 
+END custom styles
207 
+*/
0 208