tor-webwml.git

1) @charset "UTF-8";
2) /* Layout */
3) 
4) /* UNIVERSAL ------------*/
5) 
6) body {
7) 	background: #fff;
8) }
9) 
10) #wrap {
11) 	width: 960px;

12)         max-width: 100%;

13) 	margin: 0 auto;
14) }
15) 
16) .left { float: left; }
17) .right { float: right; }
18) .twenty { width: 20%; }
19) .thirty { width: 30%; }
20) .forty { width: 40%; }
21) .fifty { width: 50%; }
22) .sixty { width: 60%; }
23) .hundred { width: 100%; }
24) 
25) .nopad { padding: 0; }
26) .toppad { padding-top: 10px; }
27) .toptwenty { margin-top: 20px; }
28) .topforty { margin-top: 40px; }
29) 

30) .hidden { display: none; }

31) 
32) /* HEADER ------------*/
33) 
34) #header {
35) 	width: 960px;
36) 	height: 97px;
37) 	margin-bottom: 23px;
38) 	position: relative;
39) }
40) 
41)   h1#logo {
42)     margin: 0;
43)     float: left;
44)   }
45) 
46) 	h1#logo a,
47) 	h1#logo a:visited {

48) 	    background: url(../images/tor-logo.png) left top no-repeat;
49) 	    background-size: 150px 97px;

50) 		text-indent: -9999px;
51) 		overflow: hidden;

52) 		width: 150px;

53) 		height: 97px;
54) 		display: block;
55) 	}

56) 

57) #nav {
58)   position: absolute;
59)   top: 30px;

60)   left: 115px;
61)   float: right;

62) }

63) 

64) 		#nav ul {
65) 			height: 50px;
66) 			float: right;
67) 			margin-bottom: 0;
68) 		}

69) 

70) 			#nav ul li {
71) 				float: left;
72) 				display: inline;
73) 				width: auto;
74) 			}

75) 

76) #calltoaction {
77)   height: 30px;
78)   float: right;

79)   margin-top: 100px;

80)   margin-right: 5px;
81)   text-align: center;
82)   }

83) 

84)   #calltoaction ul {
85)     padding: 0;
86)     margin: 0px;
87)     height: 30px;
88)     list-style: none;
89)     float: right;
90)     }
91) 
92)   #calltoaction ul li {
93)     list-style: none;
94)     display: inline;
95)     float: none;
96)     width: 100px;
97)     margin-left: 0px;
98)     }

99) 

100)   #calltoaction ul li a:link,
101)   #calltoaction ul li a:visited {
102)     display: block;
103)     background: url(../images/cta-buttons.jpg) top center no-repeat #885ca4;
104)     padding: 4px 8px;
105)     color: #FFFFFF;
106)     font-weight: bold;
107)     text-decoration: none;
108)     font-size: 13px;
109)     line-height: 22px;
110)     height: 22px;
111)     width: 84px;
112)     float: left;
113)     text-shadow: 1px 1px 0px #111111;
114)     }
115) 
116)   #calltoaction ul li:hover a {
117)     background: url(../images/cta-buttons.jpg) bottom center no-repeat #ff9800;
118)     font-weight: bold;
119)     text-shadow: 1px 1px 0px #111111;
120)     }

121) 

122)   #calltoaction ul li:first-child a:link,
123)   #calltoaction ul li:first-child a:visited,
124)   #calltoaction ul li:hover:first-child a {
125)     -webkit-border-top-left-radius: 7px;
126)     -webkit-border-bottom-left-radius: 7px;
127)     -moz-border-radius-topleft: 7px;
128)     -moz-border-radius-bottomleft: 7px;
129)     border-top-left-radius: 7px;
130)     border-bottom-left-radius: 7px;
131)     }
132) 
133)   #calltoaction ul li:first-child a:link,
134)   #calltoaction ul li:first-child a:visited {
135)     background: url(../images/cta-buttons.jpg) top left no-repeat #885ca4;
136)     }
137) 
138)   #calltoaction ul li:hover:first-child a {
139)     background: url(../images/cta-buttons.jpg) bottom left no-repeat #ff9800;
140)     }
141) 
142)   #calltoaction ul li:last-child a:link,
143)   #calltoaction ul li:last-child a:visited,
144)   #calltoaction ul li:hover:last-child a {
145)     -webkit-border-top-right-radius: 7px;
146)     -webkit-border-bottom-right-radius: 7px;
147)     -moz-border-radius-topright: 7px;
148)     -moz-border-radius-bottomright: 7px;
149)     border-top-right-radius: 7px;
150)     border-bottom-right-radius: 7px;
151)     }
152) 
153)   #calltoaction ul li:last-child a:link,
154)   #calltoaction ul li:last-child a:visited {
155)     background: url(../images/cta-buttons.jpg) top right no-repeat #885ca4;
156)     color: #FFFFFF;
157)     }

158) 

159)   #calltoaction ul li:hover:last-child a {
160)     background: url(../images/cta-buttons.jpg) bottom right no-repeat #ff9800;

161)     }
162) 
163) 
164) /* BANNER ------------*/
165) 
166) 		#banner {
167) 			background: url(../images/bg-banner.jpg) left top no-repeat;
168) 			height: 200px;
169) 			width: 600px;
170) 			padding: 23px 15px;
171) 			margin-bottom: 15px;
172) 		}

173) 

174) 		#download a:link,
175) 		#download a:visited {
176) 			margin: -17px 0 0;

177)             background: url(../images/button-download.png) left top no-repeat;

178) 			width: 257px;
179) 			height: 79px;
180) 			float: left;
181) 			padding: 35px 0 0 80px;
182) 			text-decoration: none;
183) 		}

184) 

185) 		#download a .download-tor {
186) 			background: url(../images/button-download-arrow.png) right center no-repeat;
187) 			font-family: "Arial Narrow", Arial, sans-serif;
188) 			color: #fff;
189) 			font-size: 2.167em;
190) 			letter-spacing: 1px;
191) 			padding-right: 25px;
192) 		}
193) 		#download a .version {
194) 			color: #bda5cc;
195) 			font-size: 1.167em;
196) 			line-height: 1.167em;
197) 		}
198) 		#download a .info {
199) 			color: #bda5cc;
200) 			font-size: 0.833em;
201) 			line-height: 0.833em;
202) 		}

203) 

204) 		#download a:hover {
205) 			background-position: 0 -114px;
206) 		}
207) 		#download a:hover .version,
208) 		#download a:hover .info { color: #f1c6a1; }

209) 

210) 			#banner ul {
211) 				background: #387520 url(../images/banner-gradient.jpg) left top repeat-x;
212) 				border: 1px solid #366b32;
213) 				width: 180px;
214) 				float: right;
215) 				margin: 0 15px 0 0;
216) 				padding: 10px 10px 10px 30px;
217) 			}

218) 

219) 			#banner ul li {
220) 				list-style: url(../images/white-bullet.png) outside;
221) 				padding: 5px 0;
222) 			}
223) 
224) /* CONTENT ------------*/
225) 
226) #content {
227) 	width: 960px;

228) 	max-width: 100%;

229) }
230) 

231) 	#content img { max-width: 710px; }

232) 
233) 	#breadcrumbs { padding: 0 0 10px 5px; }
234) 
235) 	#home #maincol {
236) 		float: left;
237) 		width: 620px;
238) 		margin-right: 20px;
239) 	}

240) 

241) 	#maincol {
242) 		float: right;
243) 		width: 710px;

244)                 max-width: 75%;

245) 		margin-bottom: 20px;
246) 	}

247)         .tb#maincol { max-width: 100%; }

248) 

249) 	#dow-don-left,

250) 	#maincol-left {
251) 		float: left;
252) 		width: 710px;
253) 		margin-bottom: 20px;
254) 	}

255) 
256)     #maincol .topforty .icon img {
257)         border: none;
258)     }
259) 

260) 		.subcol {
261) 			width: 280px;
262) 			float: left;
263) 			margin: 0 0 25px;
264) 		}

265) 

266) 			#content .first {
267) 				margin-right: 20px;
268) 			}
269) 
270) /* SIDEBAR ------------*/

271) 

272) #home #sidecol {
273) 	float: right;
274) 	width: 300px;
275) }

276) 

277) #sidecol {
278) 	float: left;
279) 	width: 230px;
280) 	margin-right: 20px;
281) }

282) 

283) #dow-don-right,

284) #sidecol-right {
285) 	float: right;
286) 	width: 230px;
287) 	margin-left: 20px;

288)         -padding-top: 100px;

289) }

290) 

291) 	#torusers { margin: 0 0 27px; }

292) 		.user {
293) 			margin: 0 0 12px;
294) 			height: auto;
295) 		}
296) 		.user img, .project-icon {
297) 			border: 1px solid #cac8a7;
298) 			float: left;
299) 			margin: 3px 10px 0 0;
300) 		}
301) 		.user p { margin: 0; }

302) 

303) /* IMGSHADOW ------------*/
304) 
305) .img-shadow {
306) 	float:left;
307) 	background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
308) 	background: url(../images/shadow.gif) no-repeat bottom right;
309) 	margin: 10px 0 10px 10px !important;
310) 	margin: 10px 0 10px 5px;
311) }
312) 
313) 	.img-shadow .infoblock,
314) 	.img-shadow .important-infoblock,
315) 	.img-shadow .custom-infoblock,
316) 	.img-shadow #sidenav,
317) 	.img-shadow .sidenav-sub {
318) 		display: block;
319) 		position: relative;
320) 		margin: -6px 6px 6px -6px;
321) 		background-color: #fff;
322) 		border: 1px solid #ddd;
323) 	}
324) 	.img-shadow .important-infoblock {
325) 		background-color: #f7f8f0;
326) 		border: 1px solid #eeefe8;
327) 	}

328) 

329) 	.img-shadow .infoblock,
330) 	.img-shadow .important-infoblock {
331) 		padding: 15px;
332) 		width: 188px;
333) 	}

334) 

335) 	.img-shadow .custom-infoblock {
336) 		padding: 15px;
337) 		height: 120px;
338) 		width: 426px;
339) 	}
340) 
341) 	.img-shadow .infoblock p,
342) 	.img-shadow .important-infoblock p,
343) 	.img-shadow .custom-infoblock p {
344) 		margin: 0;
345) 	}

346) 
347) 

348) /* SIDENAV ------------*/
349) 
350) /*Note: #sidenav-sub is used on the downloads page as a tertiary navigation*/
351) 
352) .img-shadow #sidenav,
353) .img-shadow .sidenav-sub {
354) 	padding: 10px 0 0;
355) 	width: 218px;
356) }

357) 

358) 	#sidenav ul li,
359) 	.sidenav-sub ul li { border-bottom: 1px solid #ddd; }

360) 

361) 	#sidenav ul li.dropdown a:link,
362) 	#sidenav ul li.dropdown a:visited { background: url(../images/sidenav-arrow.gif) left center no-repeat; }
363) 	#sidenav ul li.dropdown a.active { background: url(../images/sidenav-arrow-active.gif) left center no-repeat; }

364) 

365) 	.sidenav-sub ul li.dropdown a:link,

366) 	.sidenav-sub ul li.dropdown a:visited {

367) 		background: url(../images/sidenav-arrow.gif) left top no-repeat;
368) 		margin-top: 12px;
369) 	}

370) 

371) 	#sidenav ul li a:link,
372) 	#sidenav ul li a:visited {
373) 		display: block;
374) 		height: auto;
375) 		padding: 8px 15px 8px 26px;
376) 	}

377) 

378) 	#sidenav ul li ul li a:link,
379) 	#sidenav ul li ul li a:visited {
380) 		padding-left: 37px;
381) 	}

382) 

383) 	.sidenav-sub ul li a:link,
384) 	.sidenav-sub ul li a:visited {
385) 		display: block;
386) 		padding: 0 15px 10px 26px;
387) 		line-height: 16px;
388) 	}

389) 

390) 	#sidenav ul li.active {
391) 		background: url(../images/sidenav-active.png) left center no-repeat;
392) 		width: 230px;
393) 		border: 0;
394) 	}
395) 
396)   #sidenav ul li ul li ul li a:link,
397) 	#sidenav ul li ul li ul li a:visited {
398) 		padding-left: 48px;
399) 	}

400) 

401) /* TABLE ------------*/
402) 

403) #press tr:nth-child(even) {
404) 	background-color: #e5e5e5;
405) }
406) 

407) table { width: 100%; }
408) 
409) td { padding: 12px; }
410) 
411) table td img,
412) table tr img {

413) 	border: none;

414) 	float: left;
415) 	margin-right: 10px;
416) }
417) 
418) .icon {
419) 	float: left;
420) 	width: auto;
421) 	margin-right: 15px;
422) 	padding: 10px 0;
423) 	border: 0;
424) }
425) 
426) .calendar {
427) 	background: url(../images/icon-calendar.jpg) left top no-repeat;
428) 	float: left;
429) 	margin-right: 10px;
430) 	width: 45px;
431) 	height: 54px;
432) 	text-align: center;
433) 	padding: 4px 0;
434) }
435) .fauxhead {
436) 	background: url(../images/table-arrow.jpg) right top no-repeat;
437) 	width: 100%;
438) 	height: 11px;
439) }
440) 

441) #home-our-projects td {
442)   height: 92px;
443)   width: 296px;
444)   padding: 6px;
445)   }
446) 

447) #ecosystem_presentation {
448)   height: 30px;
449)   padding-top: 10px;
450)   padding-left: 60px;
451)   vertical-align: middle;
452)   background: url("../images/video.png") no-repeat scroll left center transparent;
453)   font-size: 1.7em;
454)   font-weight: bold;
455) }
456) 
457) #ecosystem_presentation a {
458)   text-decoration: none;
459) }
460) 

461) .project {
462)   float: left;
463)   padding: 6px;
464)   border: 1px solid #CAC8A7;
465)   height: 76px;
466)   width: 284px;
467)   -webkit-border-radius: 10px;
468)   -moz-border-radius: 10px;
469)   border-radius: 10px;

470)   }

471) 
472) .project img {
473)   border: none;
474)   margin-right: 6px;
475)   }
476) 

477) .beige { background: #f5f5df; }

478) .gray { background: #e0e0e0; }

479) 
480) .meta {
481) 	float: right;
482) 	width: auto;
483) }
484) 

485) /* DL PAGE ------------*/

486) 

487) .windows24 {
488)  /* Open Icon Library - Webpage Icons Package
489)   * Source: http://openiconlibrary.sourceforge.net/downloads.html */
490)   background: url("../images/icon-windows24.png") no-repeat scroll left center transparent;
491)   }

492) 

493) .mac24 {
494)  /* Open Icon Library - Webpage Icons Package
495)   * Source: http://openiconlibrary.sourceforge.net/downloads.html */
496)   background: url("../images/icon-mac24.png") no-repeat scroll left center transparent;
497)   }
498) 
499) .linux24 {
500)  /* Open Icon Library - Webpage Icons Package
501)   * Source: http://openiconlibrary.sourceforge.net/downloads.html */
502)   background: url("../images/icon-linux24.png") no-repeat scroll left center transparent;
503)   }
504) 

505) .android24 {

506) /* author: Google - Android Logo
507)  * source: http://www.android.com/branding.html 
508)  * license:  Creative Commons Atribución 3.0 Unported */
509)     background: url("../images/icon-android24.png") no-repeat scroll left center transparent;
510)     background-size: 24px;

511)   }
512) 

513) .smartphone24 {
514) /* Icon from the Crystal set
515)  * author: Everaldo Coelho
516)  * source: http://www.everaldo.com/crystal/
517)  * license: LGPL v2 */
518)   background: url("../images/icon-smartphone24.png") no-repeat scroll left center transparent;
519)   }
520) 
521) .sourcecode24 {
522) /* Icon from the Crystal set
523)  * author: Everaldo Coelho
524)  * source: http://www.everaldo.com/crystal/
525)  * license: LGPL v2 */
526)   background: url("../images/icon-sourcecode24.png") no-repeat scroll left center transparent;
527)   }
528) 
529) .windows24,
530) .mac24,
531) .linux24,

532) .android24,

533) .smartphone24,
534) .sourcecode24 {
535)   display: block;

536)   line-height: 32px;

537)   padding: 0px 0 0px 33px;
538)   }
539) 
540) .accordionButton {

541)   background: url("../images/table-title.jpg") repeat-x left bottom #885CA4;

542)   color: #FFFFFF;
543)   margin: 0;
544)   font-size: 1.1em;
545)   font-weight: bold;

546)   height: 32px;

547)   float: left;
548)   _float: none;  /* Float works in all browsers but IE6 */
549)   border: 1px solid #FFFFFF;
550)   border-bottom: none;
551)   cursor: pointer;
552)   -webkit-border-top-left-radius: 7px;
553)   -webkit-border-top-right-radius: 7px;
554)   -moz-border-radius-topleft: 7px;
555)   -moz-border-radius-topright: 7px;
556)   border-top-left-radius: 7px;
557)   border-top-right-radius: 7px;

558)   position: relative;
559)   padding-left: 30px;
560)   width: 680px;

561)   }
562) 
563)   .accordionButton:hover {

564)     background: url("../images/table-title-hover.jpg") repeat-x left bottom #885CA4;

565)     text-shadow: 1px 1px 0px rgba(17, 17, 17, 1);
566)     }
567) 

568) .on:before,
569) .off:before {
570)   position: absolute;
571)   content: '';
572)   height: 0px;
573)   width: 0px;
574)   font-size:0px;
575)   line-height:0px;
576)   }

577) 

578) .on:before {
579)   top: 14px;
580)   left: 10px;
581)   border-left:7px solid transparent;
582)   border-right:7px solid transparent;
583)   border-top:7px solid #FFFFFF;
584)   }

585) 

586) .off:before {
587)   top: 9px;
588)   left: 14px;
589)   border-bottom:7px solid transparent;  /* left arrow slant */
590)   border-top:7px solid transparent; /* right arrow slant */
591)   border-left:7px solid #FFFFFF; /* bottom, add background color here */
592)   }

593) 
594)   .accordionContent {

595)   width: 708px;
596)   float: left;
597)   _float: none;  /* Float works in all browsers but IE6 */
598)   background: #FFFFFF;
599)   display: block;
600)   }
601) 

602) .accordionContent .fauxhead {
603)   width: 710px;
604)   }
605) 

606) .package {

607)   display: block;

608)   float: left;

609)   width: 238px;

610)   margin: 0px;
611)   padding: 25px 20px 20px 20px;

612)   -border-top: 1px solid #888888;

613)   }
614) 
615)   .package h2 {
616)     margin-bottom: 3px;
617)     }
618) 
619)   .package p {

620)     margin-top: 16px;

621)     padding-left: 10px;
622)     }
623) 
624) .downloads {

625)   padding: 0 16px 0 0;

626)   text-align: center;
627)   }
628) 
629) .lang {
630)   float: right;
631)   display: none;
632)   width: 80px;

633)   height: 20px;

634)   margin: 0px 7px 0px 0px;
635)   padding: 0px 0px 0px 3px;
636)   background-color: #fefff7;
637)   border: 2px solid #CCCFB8;
638)   border-top: 0px;
639)   -webkit-border-bottom-left-radius: 5px;
640)   -webkit-border-bottom-right-radius: 5px;
641)   -moz-border-radius-bottomleft: 5px;
642)   -moz-border-radius-bottomright: 5px;
643)   border-bottom-left-radius: 5px;
644)   border-bottom-right-radius: 5px;
645)   }
646) 
647) .button {
648)   text-align: center;
649)   display: block;

650)   width: 234px;
651)   height: 69px;

652)   text-decoration: none;

653)   background: url(../images/button-downloadpage.png) bottom left no-repeat;
654)   margin: 0px auto 8px auto;

655)   text-shadow: 1px 1px 0px rgba(17, 17, 17, 1);
656)   -webkit-border-radius: 7px;
657)   -moz-border-radius: 7px;
658)   border-radius: 7px;
659)   }
660) 
661) .button .strong {
662)   display: block;

663)   padding: 10px 0 0 57px;

664)   }
665) 
666) .button .normal {

667)   padding: 5px 0 0 57px;

668)   display: block;
669)   }

670) 

671) .sig {
672)   display: block;
673)   margin: 3px 0px 20px 0px;

674)   margin-bottom: 5px

675)   }

676) 

677) /* DOWNLOAD-EASY ---*/
678) 

679) #download-donate {
680) 	background-attachment: scroll;
681) 	background-clip: border-box;
682) 	background-color: transparent;
683) 	background-image: url(../images/headerbg.jpg);
684) 	background-origin: padding-box;
685) 	background-position: 0% 0%;
686) 	background-repeat: no-repeat;

687) 	background-size: 100% 100%;

688) }

689) 

690) .package h2,
691) .package em {

692)   display: block;
693)   width: 100%;

694)   text-align: left;

695)   }
696) 

697) .package h2 {

698)   padding-top: 10px;
699)   padding-bottom: 5px;
700)   }
701) 

702) .package em {

703)   font-size: 1.2em;
704)   padding-top: 8px;
705)   padding-bottom: 4px;

706)   }
707) 

708) .package p {

709)   padding-left: 0px;
710)   font-size: 15px;
711)   text-align: justify;
712)   }
713) 

714) .package p.alt-dl {

715)   text-align: left;

716)   text-indent: 0px;
717)   padding-left: 0px;
718)   margin-top: 32px;
719)   }
720) 
721) .all-dl {
722)   display: block;

723)   text-align: left;

724)   width: 100%;
725)   font-size: 15px;
726) }
727) 
728) .all-dl a{
729)   text-decoration: none;
730)   font-weight: bold;
731) }
732) 
733) .all-dl a:hover{
734)   text-decoration: underline;
735) }
736) 
737) .open {
738)   display: block;
739)   }
740) 
741) .lang-alt {
742)   line-height: 15px;
743)   font-size: 10px;
744)   float: right;
745)   margin-right: 10px;
746) }
747) 
748) .expander {
749)   text-align: right;
750)   float: right;
751)   padding: 10px 20px 0 0px;
752)   font-size: 15px;
753)   display: none;
754) }

755) 
756) /* MISC ------------*/
757) 
758) .title {
759) 	background: url(../images/table-title-arrow.jpg) right top no-repeat;
760) 	padding: 10px 25px 0 10px;
761) 	height: 33px;
762) 	float: left;
763) }
764) 
765) 	.title a:link,
766) 	.title a:visited {
767) 		background: url(../images/table-title.jpg) left top no-repeat;
768) 		height: 33px;
769) 		display: block;

770) 	}

771) 
772) .paypal {
773) 	float: left;
774) 	width: auto;
775) 	min-height: 159px;
776) 	max-width: 365px;
777) }
778) 	.paypal span { padding-right: 20px; }

779) 

780) .warning-top {

781)   width: 618px;

782)   padding: 10px 10px 10px 60px;
783)   margin: 0px 10px 0px 10px;
784)   display: block;
785)   background: url("../images/warning.png") no-repeat scroll 2px 23px #FFFEB6;
786)   border: 1px solid #A6A427;
787)   border-bottom: none;
788)   -webkit-border-top-left-radius: 5px;
789)   -webkit-border-top-right-radius: 5px;
790)   -moz-border-radius-topleft: 5px;
791)   -moz-border-radius-topright: 5px;
792)   border-top-left-radius: 5px;
793)   border-top-right-radius: 5px;
794)   }
795) 
796)   .warning-top h2 {
797)     padding-right: 15px;
798)     padding-left: 0px;
799)     margin-bottom: 5px;
800)     }
801) 
802)   .warning-top p {
803)     padding-left: 10px;
804)     margin-bottom: 0px;
805)     }

806) 

807) .note {

808)   float: left;
809)   _float: none;  /* Float works in all browsers but IE6 */
810)   padding: 25px 25px;
811)   margin-top: 4px;
812)   }
813) 

814)   .note p {

815)     padding-left: 10px;
816)     }

817) 

818) .focus {
819) 	background: #f4f2c7;
820) 	border: 1px solid #ebd4a9;
821) 	padding: 10px 15px;
822) }
823) 
824) 	.focus .icon {
825) 		float: left;
826) 		width: auto;
827) 		margin-right: 10px;
828) 	}

829) 

830) .featured-project { width: 313px; }

831) 

832) /* FORM ------------*/
833) 
834) input, select {
835) 	margin: 0 3px 10px 0;
836) }
837) 
838) input.textfield {
839) 	padding: 0 10px;
840) 	vertical-align: top;
841) }
842) 
843) .donate-btn {

844)     background: left top no-repeat;

845) 	height: 26px;
846) 	width: 92px;
847) 	text-indent: -9999px;
848) 	overflow: hidden;
849) 	border: 0;
850) 	vertical-align: top;
851) 	margin-top: 5px;
852) }
853) 	.donate-btn:hover {
854) 		background-position: 0 -26px;
855) 		cursor: pointer;
856) 	}
857) 
858) .signup {
859) 	background: #96c35a;
860) 	border-top: 1px solid #6ab334;
861) 	border-left: 1px solid #6ab334;
862) 	border-bottom: 1px solid #5a952b;
863) 	border-right: 1px solid #5a952b;
864) 	height: 31px;
865) 	padding: 0 5px;
866) 	vertical-align: top;
867) 	color: #222c14;
868) 	font-weight: bold;
869) 	font-size: 1em;
870) 	line-height: 1em;
871) }
872) 	.signup:hover { background: #6ab334; }
873) 
874) select#lang {
875) 	float: left;
876) 	width: 160px;
877) 	margin-right: 3px;
878) }
879) .go {
880) 	background: #96c35a;
881) 	border-top: 1px solid #6ab334;
882) 	border-left: 1px solid #6ab334;
883) 	border-bottom: 1px solid #5a952b;
884) 	border-right: 1px solid #5a952b;
885) 	padding: 0 5px;
886) 	vertical-align: top;
887) 	color: #222c14;
888) 	font-weight: bold;
889) 	font-size: 1em;
890) 	line-height: 1em;
891) 	height: 18px;
892) }
893) 	.go:hover { background: #6ab334; }
894) 

895) 

896) /* FOOTER ------------*/
897) 
898) #footer {

899) 	/* width: 960px; original */
900) 	width: 1024px;

901) 	height: 200px;
902) 	border-top: 1px solid #ddd;
903) 	padding: 20px 0;
904) 	margin: 20px 0 0;
905) }
906) 
907) 	.onion {
908) 		float: left;

909) 		/* width: 78px; original */
910) 		width: 88px;

911) 		padding-right: 20px;
912) 		height: 100%;
913) 	}
914) 
915) 	#footer .about {
916) 		width: 180px;
917) 		padding-right: 30px;
918) 		border-right: 1px solid #ddd;
919) 		float: left;
920) 	}

921) 

922) 	#footer .newsletter {
923) 		padding: 0 0 15px 30px;
924) 		width: auto;
925) 		margin-left: 308px;
926) 	}

927) 

928) 		#footer input.textfield {
929) 			width: 220px;
930) 			height: 26px;
931) 		}

932) 

933) 		#footer input {
934) 			margin: 0;
935) 		}

936) 

937) 	#footer .col {
938) 		float: left;
939) 		width: 100px;
940) 		margin-left: 20px;
941) 	}

942) 

943) 		#footer .first { margin-left: 30px; }
944) 		#footer .wider { width: 201px; }

945) 
946) 
947) /* DONATION ADDITIONS ----------- */
948) 
949) small {
950) 	margin: 0px auto 0px auto;
951) 	text-align: center;
952) 	font-size: 10px;
953) 	font-style: italic;
954) 	}
955) 
956) .hlist {
957) 	text-align: center;
958) 	display: block;
959) 	width: 100%;
960) 	padding: 0px 0px;
961) 	list-style: none;
962) 	margin: 0px 0px 18px 0px;
963) 	}
964) 
965) 	.hlist li {
966) 		display: inline-block;
967) 		border-right: 1px solid #444444;
968) 		margin-left: -4px;
969) 		}

970) 

971) 	.hlist li.last {
972) 		border-right: 0px solid #444444;
973) 		}
974) 
975) 	.hlist a {
976) 		display: block;
977) 		top: 0px;
978) 		right: 0px;
979) 		bottom: 0px;
980) 		left: 0px;
981) 		text-decoration: none;
982) 		font-weight: bold;
983) 		padding: 0px 8px;
984) 		}

985) 

986) .dbox {
987) 	float: none;
988) 	text-align: center;
989) 	color: #222222;

990) 	border: none;

991) 	padding: 1.4em 0.7em;

992) 	width: 163px;
993) 	margin: 0px 0px 0px 10px;

994) }

995) 
996) 	.dbox p {
997) 		display: block;
998) 		padding: 0px 0px 0px 0px;
999) 		margin: 0px 0px 0px 0px;
1000) 		}
1001) 
1002) 	.dbox h2 {

1003) 		padding:13px 0px 15px 0px;
1004)         position: relative;

1005) 		color: black;

1006)         font-family: Helvetica, Arial, sans-serif;

1007) 		font-size: 18px;

1008)         font-weight: normal;
1009)         height: 35px;
1010)         margin-bottom: -20px;
1011)         margin-left: -6px;

1012)         z-index:-10;

1013) 		}
1014) 
1015) 	.dbox input.donate-btn {
1016) 		background: url(../images/btn_donateCC_LG.gif) left top no-repeat transparent;

1017) 		height: 68px;
1018) 		width: 186px;

1019) 		margin-top: 0px;
1020) 		display: block;

1021) 		background-color: transparent;
1022) 		color: transparent;
1023) 		margin: 10px auto 10px auto;
1024) 		padding: 0px 0px 0px 0px;

1025) 		}
1026) 
1027) 	.dbox span {
1028) 		float: left;
1029) 		padding-right: 0px;
1030) 		}

1031) 

1032) 	.dbox div label {
1033) 		padding: 0px 10px 0px 0px;
1034) 		}
1035) 
1036) 	.dbox h6#ppinfo{
1037) 		width: 100%;
1038) 		text-align: center;
1039) 		margin: -15px auto 0px auto;
1040) 		}

1041) 

1042) 	.dbox small,
1043) 	.dbox.donate #ppinfo {
1044) 		margin: 0px auto 0px auto;
1045) 		text-align: center;
1046) 		font-size: 10px;

1047) 		font-style: normal;

1048) 		}
1049) 
1050) .dbox.dl {

1051)   float: none;
1052)   width: 177px;
1053)   margin: 0px 5px 20px 5px;
1054)   }
1055) 

1056) 

1057) 
1058) .dbox.dl input.amount {

1059)   width: 87px;

1060)   }
1061) 

1062) .dbox.donate {
1063) 	float: none;
1064) 	padding: 30px 30px;
1065) 	width: 626px;
1066) 	min-height: 0px;
1067) 	max-width: none;
1068) 	text-align: left;
1069) 	}
1070) 
1071) 	.dbox.donate input ,
1072) 	.dbox.donate select {
1073) 		padding-bottom: 0px;
1074) 		margin-bottom: 0px;
1075) 		}

1076) 

1077) 	.dbox.donate .drow {
1078) 		margin: 0px 0px 0px 20px;
1079) 		}

1080) 

1081) 	.dbox.donate .drow div {
1082) 		padding: 0px 0 0 0px;
1083) 		width: auto;
1084) 		display: block;
1085) 		}
1086) 
1087) 	.dbox.donate h3 {
1088) 		padding-left: 0px;
1089) 		color: #23300E;
1090) 		margin: 0 0 10px 0;
1091) 		}
1092) 
1093) 	.dbox.donate h4 {
1094) 		padding-left: 20px;
1095) 		}
1096) 
1097) 	.dbox.donate p {
1098) 		padding: 5px 20px 15px 40px;
1099) 		}

1100) 

1101) 	.dbox.donate span {
1102) 		float: left;
1103) 		padding-right: 0px;
1104) 		}

1105) 

1106) 	.dbox.donate div label {
1107) 		padding: 0px 10px 0px 0px;
1108) 		}
1109) 
1110) 	.dbox.donate .type {
1111) 		padding-left: 20px;
1112) 		}
1113) 
1114) 	.dbox.donate select#t3 {
1115) 		width: auto;
1116) 		margin-bottom: 0px;
1117) 		}
1118) 
1119) 	.dbox.donate ul.amounts {
1120) 		width: auto;
1121) 		}
1122) 
1123) 	.dbox.donate ul.amounts li {
1124) 		display: inline-block;
1125) 		}
1126) 
1127) 	.dbox.donate ul.amounts li label {
1128) 		padding: 0px 0px 0px 5px;
1129) 		}

1130) 

1131) 	.dbox.donate input.donate-btn {

1132) 		background: url(../images/btn_donateCC_LG.gif) left top no-repeat transparent;

1133) 		height: 26px;
1134) 		width: 115px;
1135) 		margin-top: -3px;
1136) 		display: inline-block;

1137) 		background-color: transparent;
1138) 		color: transparent;
1139) 		border:0px solid transparent;

1140) 		}
1141) 
1142) .dbox.dsmall {
1143) 	position: relative;
1144) 	display: inline-block;
1145) 	width: 170px;
1146) 	height: 140px;
1147) 	text-align: center;
1148) 	margin: 0px 10px;
1149) 	vertical-align: top;
1150) 	}
1151) 
1152) 	.dbox.dsmall input.donate-btn {
1153) 		background: url() left top no-repeat transparent;
1154) 		width: auto;
1155) 		height: auto;
1156) 		margin-top: 0px;
1157) 		display: block;

1158) 		background-color: transparent;
1159) 		color: transparent;
1160) 		border:0px solid transparent;

1161) 		}

1162) 

1163) 	.dbox.dsmall div label {
1164) 		padding: 0px 0px 0px 0px;
1165) 		}
1166) 
1167) 	.dbox.dsmall small {
1168) 		display: block;
1169) 		position: absolute;
1170) 		width: 172px;
1171) 		float: none;
1172) 		bottom: 20px;
1173) 		margin: 0px auto;
1174) 		}

1175) 

1176) 	.givv p {
1177) 		text-align: justify;
1178) 		margin-top: 10px;
1179) 		font-size: 11px;
1180) 		line-height: 13px;
1181) 		}

1182) 

1183) 	dwolla p {
1184) 		text-align: justify;
1185) 		margin-top: 10px;
1186) 		font-size: 11px;
1187) 		line-height: 13px;
1188) 		}
1189) 

1190) /* BLOG WIDGET ----------*/
1191) 
1192) div.blogRow, div.blogFirstRow {
1193) 	height: 40px;
1194) 	padding: 3px 10px;
1195) 	margin: 0 0;
1196) }
1197) 
1198) div.blogLastRow {
1199) 	height: 20px;
1200) 	text-align: center;
1201) 	}
1202) 
1203) div.blogFirstRow {
1204) 	height: 22px;
1205) 	background: url(../images/table-head.jpg) left top repeat-x #885ca4;
1206) 	}

1207) 

1208) .blogRow:hover {
1209) 	background: #f6ffd5;
1210) 	}
1211) 
1212) div.blogRow1, div.blogRow3 {
1213) 	background: #eee8f1;
1214) }
1215) 
1216) .blogFeed a {
1217) text-decoration: none;
1218) }
1219) 
1220) .blogFeed p {
1221) margin: 0;
1222) font-size: 12px;
1223) }
1224) 
1225) p.blogTitle {
1226) 	font-weight: bold;
1227) 	text-decoration: underline;
1228) 	}
1229) 
1230) p.blogAuthor {
1231) 	color: #000000;
1232) 	text-align: right;
1233) 	margin-top: -20px;
1234) 	}

1235) 

1236) p.blogAuthor em{
1237) 	color: #4e6a20;
1238) 	text-align: right;
1239) 	margin-top: -20px;
1240) 	}
1241) 
1242) p.blogDate {
1243) 	color: #000000;
1244) 	}

1245) 

1246) .blogFeed h2 {
1247) 	font-size: 1.467em;
1248) 	margin: 0;
1249) 	line-height: 23px;
1250) 	color: #f6f6ed;
1251) 	}
1252) 

1253) /*
1254)  Project page
1255) */
1256) 
1257)     #projectpage td {
1258)         width: 50%;
1259)     }
1260) 
1261)     .projectbox {
1262)         width: 710px;
1263)         position: relative;
1264)         margin-bottom: 80px;
1265)     }
1266) 
1267) 
1268)     .projectbox .name {
1269)         font-size: 1.5em;
1270)         font-weight: bold;
1271)     }
1272) 
1273)     .projectbox a img {
1274)         float: none;
1275)         position: absolute;
1276)         top: 0;
1277)         left: 0;
1278)     }
1279) 

1280)     .projectbox .projectdesc {

1281)         margin-left: 100px;
1282)     }
1283) /* END */
1284) 

1285) /*
1286) ** Markup free clearing
1287) ** Details: http://www.positioniseverything.net/easyclearing.html
1288) */
1289) .clearfix:after {
1290)   content: ".";
1291)   display: block;
1292)   height: 0;
1293)   clear: both;
1294)   visibility: hidden;
1295) }
1296) 
1297) .clearfix {
1298)   display: inline-block;
1299) }
1300) 
1301) /* Hides from IE-mac \*/
1302) * html .clearfix {
1303)   height: 1%;
1304) }
1305) .clearfix {
1306)   display: block;
1307) }

1308) /* End hide from IE-mac */

1309) 

1310) .joblink {
1311)   display: block;
1312)   font-size: 128%;
1313)   font-weight: bold;
1314)   padding: 10px 5px;
1315)   text-align: right;
1316) }
1317) 
1318) .joblink a {
1319)   text-decoration: none;
1320) }

1321) 
1322) /* Style The Dropdown Button */
1323) .dropbtn {

1324)     background-color: white;

1325)     padding: 16px 0 0 0;

1326)     font-size: 100%;

1327)     border: none;
1328)     cursor: pointer;
1329) }
1330) 
1331) /* The container <div> - needed to position the dropdown content */
1332) .dropdown {
1333)     position: relative;
1334)     display: inline-block;

1335)     padding: 0;
1336)     margin-top: -16px;
1337)     top: 0;

1338) }
1339) 
1340) /* Dropdown Content (Hidden by Default) */
1341) .dropdown-content {
1342)     display: none;
1343)     position: absolute;
1344)     background-color: #f9f9f9;
1345)     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
1346)     z-index: 1;

1347)     margin: 48px 0 0 0;

1348) }
1349) 
1350) /* Links inside the dropdown */
1351) .dropdown-content a {
1352)     color: black;

1353)     padding-top: 12px 16px;

1354)     text-decoration: none;
1355)     display: block;
1356) }
1357) 
1358) /* Show the dropdown menu on hover */
1359) .dropdown:hover .dropdown-content {
1360)     display: block;

1361) }

1362) 
1363) /*
1364) ** accordion
1365) **
1366) ** hides content and shows it on click on a label
1367) ** source: https://tympanus.net/codrops/2012/02/21/accordion-with-css3/
1368) ** used for docs/en/verifying-signatures.wml
1369) */
1370) .accordion {
1371)   margin: 10px auto 30px auto;
1372) }
1373) .accordion pre {
1374)   padding: 15px;
1375)   line-height: 150%;
1376) }
1377) .accordion .hint {
1378)   color: grey;
1379)   font-size: 90%;
1380) }
1381) .accordion input {
1382)   display: none;
1383) }
1384) .accordion label:hover,
1385) .accordion input:checked + label,
1386) .accordion input:checked + label:hover{
1387)   text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
1388) }
1389) .accordion label{
1390)   padding: 5px 0px;
1391)   position: relative;
1392)   z-index: 19;
1393)   display: block;
1394)   cursor: pointer;
1395)   text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
1396)   background: linear-gradient(top, #ffffff 1%,#bda5cc 100%);
1397) }
1398) .accordion label a {
1399)   color: #66a516;
1400) }
1401) .accordion div.nav {
1402)   right: 50px;
1403) }
1404) .accordion .nav {
1405)   float: right;
1406)   max-width: 400px;
1407)   text-decoration: none;
1408) }
1409) .accordion .nav ul {
1410)   list-style: none;
1411)   text-align: right;
1412) }
1413) .accordion .nav hint {
1414)   font-size: -50%;
1415) }
1416) .accordion article {
1417)   height: 0px;
1418)   overflow: hidden;
1419)   position: relative;
1420)   z-index: 10;
1421)   transition:
1422)     height 0.3s ease-in-out,
1423)     box-shadow 0.6s linear;
1424) }
1425) .accordion .ac-box input:active ~ label p a,
1426) .accordion .ac-box input:checked ~ label p a {
1427)   font-weight: bold;
1428)   color: red;
1429)   text-decoration: underline;
1430) }
1431) .accordion div:hover ~ article,
1432) .accordion div:active ~ article,
1433) .accordion input:checked ~ article {
1434)   height: 100%;
1435)   transition:
1436)     height 0.5s ease-in-out,
1437)     box-shadow 0.1s linear;
1438) }
1439) .accordion input:active ~ article.ac-box
1440) .accordion input:checked ~ article.ac-box {
1441)   -background: grey;
1442)   border: solid 1px #66a516;
1443)   padding: 15px;
1444)   margin-bottom: 30px;
1445) }
1446) .accordion article h4 {
1447)   margin: 15px;
1448) }
1449) .accordion article.ac-box label,
1450) .accordion article.ac-box label h4 {
1451)   display: inline;
1452) }
1453) 
1454) /* Accordion for download page  */
1455) .accordion.download label {
1456)   margin-left: 50px;
1457)   padding-left: 50px;
1458) }

1459) .tor-source {
1460)   margin-left:75px;
1461)   float: left;
1462) }