Using a better method to style volunteer page's table
Damian Johnson

Damian Johnson commited on 2013-07-28 02:55:27
Zeige 2 geänderte Dateien mit 17 Einfügungen und 17 Löschungen.


Using the css 'nth-child' method to render an alternate style for every other
table row. Improvement is thanks to Karsten and Moritz.


... ...
@@ -414,7 +414,7 @@ table .name {
414 414
   color: #fff;
415 415
 }
416 416
 
417
-#projects tr.alt td {
417
+#projects tr:nth-child(2n+1) td {
418 418
   color: #000;
419 419
   background-color: #EAF2D3;
420 420
 }
... ...
@@ -121,7 +121,7 @@ meetings around the world.</li>
121 121
         <td>nickm, athena, arma</td>
122 122
       </tr>
123 123
 
124
-      <tr class="alt">
124
+      <tr>
125 125
         <td>*<a href="#project-jtor">JTor</a></td>
126 126
         <td>Core</td>
127 127
         <td>Java</td>
... ...
@@ -137,7 +137,7 @@ meetings around the world.</li>
137 137
         <td>mikeperry, Erinn</td>
138 138
       </tr>
139 139
 
140
-      <tr class="alt">
140
+      <tr>
141 141
         <td><a href="#project-torbutton">Torbutton</a></td>
142 142
         <td>Browser Add-on</td>
143 143
         <td>Javascript</td>
... ...
@@ -153,7 +153,7 @@ meetings around the world.</li>
153 153
         <td>pde, mikeperry</td>
154 154
       </tr>
155 155
 
156
-      <tr class="alt">
156
+      <tr>
157 157
         <td><a href="#project-vidalia">Vidalia</a></td>
158 158
         <td>User Interface</td>
159 159
         <td>C++, Qt</td>
... ...
@@ -169,7 +169,7 @@ meetings around the world.</li>
169 169
         <td>atagar</td>
170 170
       </tr>
171 171
 
172
-      <tr class="alt">
172
+      <tr>
173 173
         <td><a href="#project-orbot">Orbot</a></td>
174 174
         <td>User Interface</td>
175 175
         <td>Java</td>
... ...
@@ -185,7 +185,7 @@ meetings around the world.</li>
185 185
         <td><a href="https://tails.boum.org/">#tails</a></td>
186 186
       </tr>
187 187
 
188
-      <tr class="alt">
188
+      <tr>
189 189
         <td><a href="#project-torramdisk">tor-ramdisk</a></td>
190 190
         <td>OS image</td>
191 191
         <td>Sys Admin</td>
... ...
@@ -201,7 +201,7 @@ meetings around the world.</li>
201 201
         <td>ioerror</td>
202 202
       </tr>
203 203
 
204
-      <tr class="alt">
204
+      <tr>
205 205
         <td><a href="#project-torsocks">Torsocks</a></td>
206 206
         <td>Usability</td>
207 207
         <td>C</td>
... ...
@@ -217,7 +217,7 @@ meetings around the world.</li>
217 217
         <td>Sukhbir (sukhe), ioerror</td>
218 218
       </tr>
219 219
 
220
-      <tr class="alt">
220
+      <tr>
221 221
         <td><a href="#project-obfsproxy">Obfsproxy</a></td>
222 222
         <td>Client Add-on</td>
223 223
         <td>C, Python</td>
... ...
@@ -233,7 +233,7 @@ meetings around the world.</li>
233 233
         <td>dcf, aallai, jct</td>
234 234
       </tr>
235 235
 
236
-      <tr class="alt">
236
+      <tr>
237 237
         <td><a href="#project-shadow">Shadow</a></td>
238 238
         <td>Simulator</td>
239 239
         <td>C, Python</td>
... ...
@@ -249,7 +249,7 @@ meetings around the world.</li>
249 249
         <td>atagar</td>
250 250
       </tr>
251 251
 
252
-      <tr class="alt">
252
+      <tr>
253 253
         <td><a href="#project-txtorcon">Txtorcon</a></td>
254 254
         <td>Library</td>
255 255
         <td>Python, Twisted</td>
... ...
@@ -265,7 +265,7 @@ meetings around the world.</li>
265 265
         <td>ioerror</td>
266 266
       </tr>
267 267
 
268
-      <tr class="alt">
268
+      <tr>
269 269
         <td><a href="#project-metrics">Metrics</a></td>
270 270
         <td>Client Service</td>
271 271
         <td>Java</td>
... ...
@@ -281,7 +281,7 @@ meetings around the world.</li>
281 281
         <td>hellais, karsten</td>
282 282
       </tr>
283 283
 
284
-      <tr class="alt">
284
+      <tr>
285 285
         <td><a href="#project-torstatus">TorStatus</a></td>
286 286
         <td>Client Service</td>
287 287
         <td>Python, Django</td>
... ...
@@ -297,7 +297,7 @@ meetings around the world.</li>
297 297
         <td>gsathya, karsten, cwacek</td>
298 298
       </tr>
299 299
 
300
-      <tr class="alt">
300
+      <tr>
301 301
         <td><a href="#project-onionoo">Onionoo</a></td>
302 302
         <td>Backend Service</td>
303 303
         <td>Java, Python</td>
... ...
@@ -313,7 +313,7 @@ meetings around the world.</li>
313 313
         <td>kaner</td>
314 314
       </tr>
315 315
 
316
-      <tr class="alt">
316
+      <tr>
317 317
         <td><a href="#project-gettor">GetTor</a></td>
318 318
         <td>Client Service</td>
319 319
         <td>Python</td>
... ...
@@ -329,7 +329,7 @@ meetings around the world.</li>
329 329
         <td>ioerror</td>
330 330
       </tr>
331 331
 
332
-      <tr class="alt">
332
+      <tr>
333 333
         <td><a href="#project-bridgedb">BridgeDB</a></td>
334 334
         <td>Backend Service</td>
335 335
         <td>Python</td>
... ...
@@ -345,7 +345,7 @@ meetings around the world.</li>
345 345
         <td>hellais, isis, ioerror</td>
346 346
       </tr>
347 347
 
348
-      <tr class="alt">
348
+      <tr>
349 349
         <td><a href="#project-torflow">TorFlow</a></td>
350 350
         <td>Backend Service</td>
351 351
         <td>Python</td>
... ...
@@ -361,7 +361,7 @@ meetings around the world.</li>
361 361
         <td>Sebastian</td>
362 362
       </tr>
363 363
 
364
-      <tr class="alt">
364
+      <tr>
365 365
         <td><a href="#project-tor2web">Tor2web</a></td>
366 366
         <td>Client Service</td>
367 367
         <td>Python</td>
368 368