properly style the icons in the project page
Arturo Filastò

Arturo Filastò commited on 2012-02-22 00:25:22
Zeige 2 geänderte Dateien mit 14 Einfügungen und 10 Löschungen.

... ...
@@ -243,6 +243,10 @@ body {
243 243
 		margin-bottom: 20px;
244 244
 	}
245 245
 
246
+    #maincol .topforty .icon img {
247
+        border: none;
248
+    }
249
+
246 250
 		.subcol {
247 251
 			width: 280px;
248 252
 			float: left;
... ...
@@ -15,7 +15,7 @@ experience safer and better.</p>
15 15
 <table class="topforty">
16 16
 <tr>
17 17
 <td>
18
-<a href="<page torbutton/index>"><img
18
+<a href="<page torbutton/index>"><img class="icon"
19 19
                 src="$(IMGROOT)/icon-TorButton.jpg" alt="TorButton Icon"></a>
20 20
 <div class="name"><a href="<page torbutton/index>">Torbutton</a></div>
21 21
 <p>Torbutton is integrated into <a href="<page projects/torbrowser>">Tor
... ...
@@ -23,7 +23,7 @@ Browser</a>. Torbutton disables many types of active content and threats
23 23
 to your privacy when using a web browser.</p>
24 24
 </td>
25 25
 <td>
26
-<a href="<page projects/torbrowser>"><img
26
+<a href="<page projects/torbrowser>"><img class="icon"
27 27
                 src="$(IMGROOT)/icon-TorBrowser.jpg" alt="TorBrowser Icon"></a>
28 28
 <div class="name"><a href="<page projects/torbrowser>">Tor Browser Bundle</a></div>
29 29
 <p>The Tor Browser Bundle contains everything you need to safely
... ...
@@ -33,7 +33,7 @@ extract it and run.</p>
33 33
 </tr>
34 34
 <tr>
35 35
 <td>
36
-<a href="<page projects/vidalia>"><img
36
+<a href="<page projects/vidalia>"><img class="icon"
37 37
               src="$(IMGROOT)/icon-Vidalia.jpg" alt="Vidalia Icon"></a>
38 38
 <div class="name"><a href="<page projects/vidalia>">Vidalia</a></div>
39 39
 <p>Vidalia is a graphical Tor controller.  It allows you to
... ...
@@ -41,7 +41,7 @@ see where your connections are in the world and configure
41 41
 Tor without getting into configuration files and code.</p>
42 42
 </td>
43 43
 <td>
44
-<a href="http://www.atagar.com/arm/"><img
44
+<a href="http://www.atagar.com/arm/"><img class="icon"
45 45
                 src="$(IMGROOT)/icon-Arm.jpg" alt="Arm Icon"></a>
46 46
 <div class="name"><a href="<page projects/arm>">Arm</a></div>
47 47
 <p>Arm is a terminal status monitor for Tor, intended for
... ...
@@ -50,7 +50,7 @@ like top does for system usage, providing real time information on
50 50
 Tor's resource utilization and state.</p> </td> </tr>
51 51
 <tr>
52 52
 <td>
53
-<a href="https://guardianproject.info/apps/orbot/"><img
53
+<a href="https://guardianproject.info/apps/orbot/"><img class="icon"
54 54
                 src="$(IMGROOT)/icon-Orbot.jpg" alt="Orbot Icon"></a>
55 55
 <div class="name"><a
56 56
 href="https://guardianproject.info/apps/orbot/">Orbot</a></div>
... ...
@@ -62,7 +62,7 @@ use by any Android application to route Internet traffic through
62 62
 Orbot/Tor.</p>
63 63
 </td>
64 64
 <td>
65
-<a href="http://tails.boum.org/"><img
65
+<a href="http://tails.boum.org/"><img class="icon"
66 66
     src="$(IMGROOT)/icon-Tails.jpg" alt="Tails Icon"></a>
67 67
 <div class="name"><a href="https://tails.boum.org/">Tails</a></div>
68 68
 <p>The Amnesic Incognito Live System is a live CD/USB distribution
... ...
@@ -72,7 +72,7 @@ trace on the local system.</p>
72 72
 </tr>
73 73
 <tr>
74 74
 <td>
75
-<a href="http://torstatus.blutmagie.de/"><img
75
+<a href="http://torstatus.blutmagie.de/"><img class="icon"
76 76
                 src="$(IMGROOT)/icon-TorStatus.jpg" alt="TorStatus Icon"></a>
77 77
 <div class="name"><a href="http://torstatus.blutmagie.de/">TorStatus</a></div>
78 78
 <p>Portal providing an overview of the Tor network, including a list of its
... ...
@@ -80,7 +80,7 @@ current relays and details on each. Mirrors are also available from <a
80 80
 href="http://torstatus.cyberphunk.org/">cyberphunk</a> and others.</p>
81 81
 </td>
82 82
 <td>
83
-<a href="https://metrics.torproject.org/"><img src="$(IMGROOT)/onion.jpg"/>Metrics Portal</a>
83
+<a href="https://metrics.torproject.org/"><img class="icon" src="$(IMGROOT)/onion.jpg"/>Metrics Portal</a>
84 84
 <div class="name"><a href="https://metrics.torproject.org/">Metrics Portal</a></div>
85 85
 <p>Analytics for the Tor network, including graphs of its available bandwidth
86 86
 and estimated userbase. This is a great resource for researchers interested in
... ...
@@ -89,7 +89,7 @@ detailed statistics about Tor.</p>
89 89
 </tr>
90 90
 <tr>
91 91
 <td>
92
-<a href="https://cloud.torproject.org"><img
92
+<a href="https://cloud.torproject.org"><img class="icon"
93 93
               src="$(IMGROOT)/icon-Cloud.jpg" alt="Cloud Icon"></a>
94 94
 <div class="name"><a href="https://cloud.torproject.org/">Tor Cloud</a></div>
95 95
 <p>The Tor Cloud project gives you a user-friendly way of deploying
... ...
@@ -99,7 +99,7 @@ help improve the safety and speed at which users can access the Internet.
99 99
 Get started with <a href="https://cloud.torproject.org">Tor Cloud</a>.</p>
100 100
 </td>
101 101
 <td>
102
-<a href="<page projects/obfsproxy>"><img src="$(IMGROOT)/onion.jpg"/></a>
102
+<a href="<page projects/obfsproxy>"><img class="icon" src="$(IMGROOT)/onion.jpg"/></a>
103 103
 <div class="name"><a href="<page projects/obfsproxy>">Obfsproxy</a></div>
104 104
 <p>Obfsproxy is a pluggable transports proxy written in C. It shapes
105 105
 Tor traffic, making it harder for censors to detect and block the Tor
106 106