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) /* DOWNLOAD ------------*/

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) .downloads {

569)   padding: 0 16px 0 0;

570)   text-align: center;

571) }

572) 
573) .lang {
574)   float: right;
575)   display: none;
576)   width: 80px;

577)   height: 20px;

578)   margin: 0px 7px 0px 0px;
579)   padding: 0px 0px 0px 3px;
580)   background-color: #fefff7;
581)   border: 2px solid #CCCFB8;
582)   border-top: 0px;
583)   -webkit-border-bottom-left-radius: 5px;
584)   -webkit-border-bottom-right-radius: 5px;
585)   -moz-border-radius-bottomleft: 5px;
586)   -moz-border-radius-bottomright: 5px;
587)   border-bottom-left-radius: 5px;
588)   border-bottom-right-radius: 5px;

589) }

590) 
591) .button {
592)   text-align: center;
593)   display: block;

594)   width: 234px;
595)   height: 69px;

596)   text-decoration: none;

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

599)   text-shadow: 1px 1px 0px rgba(17, 17, 17, 1);
600)   -webkit-border-radius: 7px;
601)   -moz-border-radius: 7px;
602)   border-radius: 7px;

603) }

604) 
605) .button .strong {
606)   display: block;

607)   padding: 10px 0 0 57px;

608) }

609) 
610) .button .normal {

611)   padding: 5px 0 0 57px;

612)   display: block;

613) }

614) 

615) .sig {
616)   display: block;
617)   margin: 3px 0px 20px 0px;

618)   margin-bottom: 5px

619) }

620) 

621) #download-donate {
622) 	background-attachment: scroll;
623) 	background-clip: border-box;
624) 	background-color: transparent;
625) 	background-image: url(../images/headerbg.jpg);
626) 	background-origin: padding-box;
627) 	background-position: 0% 0%;
628) 	background-repeat: no-repeat;

629) 	background-size: 100% 100%;

630) }

631) 

632) .package {
633)   display: block;
634)   float: left;
635)   width: 250px;
636)   margin: 0px;
637)   padding: 20px 20px 20px 20px;
638) }
639) 

640) .package h2,
641) .package em {

642)   display: block;
643)   width: 100%;

644)   text-align: left;

645) }

646) 

647) .package h2 {

648)   padding-top: 10px;
649)   padding-bottom: 5px;

650)   margin-bottom: 3px;
651) }

652) 

653) .package em {

654)   font-size: 1.0em;

655)   padding-top: 8px;
656)   padding-bottom: 4px;

657) }

658) 

659) .package p {

660)   padding-left: 0px;
661)   font-size: 15px;
662)   text-align: justify;

663)   margin-top: 16px;
664)   padding-left: 10px;
665) }

666) 

667) .package p.alt-dl {

668)   text-align: left;

669)   text-indent: 0px;
670)   padding-left: 0px;
671)   margin-top: 32px;
672)   }
673) 
674) .all-dl {
675)   display: block;

676)   text-align: left;

677)   width: 100%;
678)   font-size: 15px;
679) }
680) 
681) .open {
682)   display: block;
683)   }
684) 
685) .lang-alt {
686)   line-height: 15px;
687)   font-size: 10px;
688)   float: right;
689)   margin-right: 10px;
690) }
691) 
692) .expander {
693)   text-align: right;
694)   float: right;
695)   padding: 10px 20px 0 0px;
696)   font-size: 15px;
697)   display: none;
698) }

699) 
700) /* MISC ------------*/
701) 
702) .title {
703) 	background: url(../images/table-title-arrow.jpg) right top no-repeat;
704) 	padding: 10px 25px 0 10px;
705) 	height: 33px;
706) 	float: left;
707) }
708) 
709) 	.title a:link,
710) 	.title a:visited {
711) 		background: url(../images/table-title.jpg) left top no-repeat;
712) 		height: 33px;
713) 		display: block;

714) 	}

715) 
716) .paypal {
717) 	float: left;
718) 	width: auto;
719) 	min-height: 159px;
720) 	max-width: 365px;
721) }
722) 	.paypal span { padding-right: 20px; }

723) 

724) .warning-top {

725)   width: 618px;

726)   padding: 10px 10px 10px 60px;
727)   margin: 0px 10px 0px 10px;
728)   display: block;
729)   background: url("../images/warning.png") no-repeat scroll 2px 23px #FFFEB6;
730)   border: 1px solid #A6A427;
731)   border-bottom: none;
732)   -webkit-border-top-left-radius: 5px;
733)   -webkit-border-top-right-radius: 5px;
734)   -moz-border-radius-topleft: 5px;
735)   -moz-border-radius-topright: 5px;
736)   border-top-left-radius: 5px;
737)   border-top-right-radius: 5px;
738)   }
739) 
740)   .warning-top h2 {
741)     padding-right: 15px;
742)     padding-left: 0px;
743)     margin-bottom: 5px;
744)     }
745) 
746)   .warning-top p {
747)     padding-left: 10px;
748)     margin-bottom: 0px;
749)     }

750) 

751) .note {

752)   float: left;
753)   _float: none;  /* Float works in all browsers but IE6 */
754)   padding: 25px 25px;
755)   margin-top: 4px;
756)   }
757) 

758)   .note p {

759)     padding-left: 10px;
760)     }

761) 

762) .focus {
763) 	background: #f4f2c7;
764) 	border: 1px solid #ebd4a9;
765) 	padding: 10px 15px;
766) }
767) 
768) 	.focus .icon {
769) 		float: left;
770) 		width: auto;
771) 		margin-right: 10px;
772) 	}

773) 

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

775) 

776) /* FORM ------------*/
777) 
778) input, select {
779) 	margin: 0 3px 10px 0;
780) }
781) 
782) input.textfield {
783) 	padding: 0 10px;
784) 	vertical-align: top;
785) }
786) 
787) .donate-btn {

788)     background: left top no-repeat;

789) 	height: 26px;
790) 	width: 92px;
791) 	text-indent: -9999px;
792) 	overflow: hidden;
793) 	border: 0;
794) 	vertical-align: top;
795) 	margin-top: 5px;
796) }
797) 	.donate-btn:hover {
798) 		background-position: 0 -26px;
799) 		cursor: pointer;
800) 	}
801) 
802) .signup {
803) 	background: #96c35a;
804) 	border-top: 1px solid #6ab334;
805) 	border-left: 1px solid #6ab334;
806) 	border-bottom: 1px solid #5a952b;
807) 	border-right: 1px solid #5a952b;
808) 	height: 31px;
809) 	padding: 0 5px;
810) 	vertical-align: top;
811) 	color: #222c14;
812) 	font-weight: bold;
813) 	font-size: 1em;
814) 	line-height: 1em;
815) }
816) 	.signup:hover { background: #6ab334; }
817) 
818) select#lang {
819) 	float: left;
820) 	width: 160px;
821) 	margin-right: 3px;
822) }
823) .go {
824) 	background: #96c35a;
825) 	border-top: 1px solid #6ab334;
826) 	border-left: 1px solid #6ab334;
827) 	border-bottom: 1px solid #5a952b;
828) 	border-right: 1px solid #5a952b;
829) 	padding: 0 5px;
830) 	vertical-align: top;
831) 	color: #222c14;
832) 	font-weight: bold;
833) 	font-size: 1em;
834) 	line-height: 1em;
835) 	height: 18px;
836) }
837) 	.go:hover { background: #6ab334; }
838) 

839) 

840) /* FOOTER ------------*/
841) 
842) #footer {

843) 	/* width: 960px; original */
844) 	width: 1024px;

845) 	height: 200px;
846) 	border-top: 1px solid #ddd;
847) 	padding: 20px 0;
848) 	margin: 20px 0 0;
849) }
850) 
851) 	.onion {
852) 		float: left;

853) 		/* width: 78px; original */
854) 		width: 88px;

855) 		padding-right: 20px;
856) 		height: 100%;
857) 	}
858) 
859) 	#footer .about {
860) 		width: 180px;
861) 		padding-right: 30px;
862) 		border-right: 1px solid #ddd;
863) 		float: left;
864) 	}

865) 

866) 	#footer .newsletter {
867) 		padding: 0 0 15px 30px;
868) 		width: auto;
869) 		margin-left: 308px;
870) 	}

871) 

872) 		#footer input.textfield {
873) 			width: 220px;
874) 			height: 26px;
875) 		}

876) 

877) 		#footer input {
878) 			margin: 0;
879) 		}

880) 

881) 	#footer .col {
882) 		float: left;
883) 		width: 100px;
884) 		margin-left: 20px;
885) 	}

886) 

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

889) 
890) 
891) /* DONATION ADDITIONS ----------- */
892) 
893) small {
894) 	margin: 0px auto 0px auto;
895) 	text-align: center;
896) 	font-size: 10px;
897) 	font-style: italic;
898) 	}
899) 
900) .hlist {
901) 	text-align: center;
902) 	display: block;
903) 	width: 100%;
904) 	padding: 0px 0px;
905) 	list-style: none;
906) 	margin: 0px 0px 18px 0px;
907) 	}
908) 
909) 	.hlist li {
910) 		display: inline-block;
911) 		border-right: 1px solid #444444;
912) 		margin-left: -4px;
913) 		}

914) 

915) 	.hlist li.last {
916) 		border-right: 0px solid #444444;
917) 		}
918) 
919) 	.hlist a {
920) 		display: block;
921) 		top: 0px;
922) 		right: 0px;
923) 		bottom: 0px;
924) 		left: 0px;
925) 		text-decoration: none;
926) 		font-weight: bold;
927) 		padding: 0px 8px;
928) 		}

929) 

930) .dbox {
931) 	float: none;
932) 	text-align: center;
933) 	color: #222222;

934) 	border: none;

935) 	padding: 1.4em 0.7em;

936) 	width: 163px;
937) 	margin: 0px 0px 0px 10px;

938) }

939) 
940) 	.dbox p {
941) 		display: block;
942) 		padding: 0px 0px 0px 0px;
943) 		margin: 0px 0px 0px 0px;
944) 		}
945) 
946) 	.dbox h2 {

947) 		padding:13px 0px 15px 0px;
948)         position: relative;

949) 		color: black;

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

951) 		font-size: 18px;

952)         font-weight: normal;
953)         height: 35px;
954)         margin-bottom: -20px;
955)         margin-left: -6px;

956)         z-index:-10;

957) 		}
958) 
959) 	.dbox input.donate-btn {
960) 		background: url(../images/btn_donateCC_LG.gif) left top no-repeat transparent;

961) 		height: 68px;
962) 		width: 186px;

963) 		margin-top: 0px;
964) 		display: block;

965) 		background-color: transparent;
966) 		color: transparent;
967) 		margin: 10px auto 10px auto;
968) 		padding: 0px 0px 0px 0px;

969) 		}
970) 
971) 	.dbox span {
972) 		float: left;
973) 		padding-right: 0px;
974) 		}

975) 

976) 	.dbox div label {
977) 		padding: 0px 10px 0px 0px;
978) 		}
979) 
980) 	.dbox h6#ppinfo{
981) 		width: 100%;
982) 		text-align: center;
983) 		margin: -15px auto 0px auto;
984) 		}

985) 

986) 	.dbox small,
987) 	.dbox.donate #ppinfo {
988) 		margin: 0px auto 0px auto;
989) 		text-align: center;
990) 		font-size: 10px;

991) 		font-style: normal;

992) 		}
993) 
994) .dbox.dl {

995)   float: none;
996)   width: 177px;
997)   margin: 0px 5px 20px 5px;
998)   }
999) 

1000) 

1001) 
1002) .dbox.dl input.amount {

1003)   width: 87px;

1004)   }
1005) 

1006) .dbox.donate {
1007) 	float: none;
1008) 	padding: 30px 30px;
1009) 	width: 626px;
1010) 	min-height: 0px;
1011) 	max-width: none;
1012) 	text-align: left;
1013) 	}
1014) 
1015) 	.dbox.donate input ,
1016) 	.dbox.donate select {
1017) 		padding-bottom: 0px;
1018) 		margin-bottom: 0px;
1019) 		}

1020) 

1021) 	.dbox.donate .drow {
1022) 		margin: 0px 0px 0px 20px;
1023) 		}

1024) 

1025) 	.dbox.donate .drow div {
1026) 		padding: 0px 0 0 0px;
1027) 		width: auto;
1028) 		display: block;
1029) 		}
1030) 
1031) 	.dbox.donate h3 {
1032) 		padding-left: 0px;
1033) 		color: #23300E;
1034) 		margin: 0 0 10px 0;
1035) 		}
1036) 
1037) 	.dbox.donate h4 {
1038) 		padding-left: 20px;
1039) 		}
1040) 
1041) 	.dbox.donate p {
1042) 		padding: 5px 20px 15px 40px;
1043) 		}

1044) 

1045) 	.dbox.donate span {
1046) 		float: left;
1047) 		padding-right: 0px;
1048) 		}

1049) 

1050) 	.dbox.donate div label {
1051) 		padding: 0px 10px 0px 0px;
1052) 		}
1053) 
1054) 	.dbox.donate .type {
1055) 		padding-left: 20px;
1056) 		}
1057) 
1058) 	.dbox.donate select#t3 {
1059) 		width: auto;
1060) 		margin-bottom: 0px;
1061) 		}
1062) 
1063) 	.dbox.donate ul.amounts {
1064) 		width: auto;
1065) 		}
1066) 
1067) 	.dbox.donate ul.amounts li {
1068) 		display: inline-block;
1069) 		}
1070) 
1071) 	.dbox.donate ul.amounts li label {
1072) 		padding: 0px 0px 0px 5px;
1073) 		}

1074) 

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

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

1077) 		height: 26px;
1078) 		width: 115px;
1079) 		margin-top: -3px;
1080) 		display: inline-block;

1081) 		background-color: transparent;
1082) 		color: transparent;
1083) 		border:0px solid transparent;

1084) 		}
1085) 
1086) .dbox.dsmall {
1087) 	position: relative;
1088) 	display: inline-block;
1089) 	width: 170px;
1090) 	height: 140px;
1091) 	text-align: center;
1092) 	margin: 0px 10px;
1093) 	vertical-align: top;
1094) 	}
1095) 
1096) 	.dbox.dsmall input.donate-btn {
1097) 		background: url() left top no-repeat transparent;
1098) 		width: auto;
1099) 		height: auto;
1100) 		margin-top: 0px;
1101) 		display: block;

1102) 		background-color: transparent;
1103) 		color: transparent;
1104) 		border:0px solid transparent;

1105) 		}

1106) 

1107) 	.dbox.dsmall div label {
1108) 		padding: 0px 0px 0px 0px;
1109) 		}
1110) 
1111) 	.dbox.dsmall small {
1112) 		display: block;
1113) 		position: absolute;
1114) 		width: 172px;
1115) 		float: none;
1116) 		bottom: 20px;
1117) 		margin: 0px auto;
1118) 		}

1119) 

1120) 	.givv p {
1121) 		text-align: justify;
1122) 		margin-top: 10px;
1123) 		font-size: 11px;
1124) 		line-height: 13px;
1125) 		}

1126) 

1127) 	dwolla p {
1128) 		text-align: justify;
1129) 		margin-top: 10px;
1130) 		font-size: 11px;
1131) 		line-height: 13px;
1132) 		}
1133) 

1134) /* BLOG WIDGET ----------*/
1135) 
1136) div.blogRow, div.blogFirstRow {
1137) 	height: 40px;
1138) 	padding: 3px 10px;
1139) 	margin: 0 0;
1140) }
1141) 
1142) div.blogLastRow {
1143) 	height: 20px;
1144) 	text-align: center;
1145) 	}
1146) 
1147) div.blogFirstRow {
1148) 	height: 22px;
1149) 	background: url(../images/table-head.jpg) left top repeat-x #885ca4;
1150) 	}

1151) 

1152) .blogRow:hover {
1153) 	background: #f6ffd5;
1154) 	}
1155) 
1156) div.blogRow1, div.blogRow3 {
1157) 	background: #eee8f1;
1158) }
1159) 
1160) .blogFeed a {
1161) text-decoration: none;
1162) }
1163) 
1164) .blogFeed p {
1165) margin: 0;
1166) font-size: 12px;
1167) }
1168) 
1169) p.blogTitle {
1170) 	font-weight: bold;
1171) 	text-decoration: underline;
1172) 	}
1173) 
1174) p.blogAuthor {
1175) 	color: #000000;
1176) 	text-align: right;
1177) 	margin-top: -20px;
1178) 	}

1179) 

1180) p.blogAuthor em{
1181) 	color: #4e6a20;
1182) 	text-align: right;
1183) 	margin-top: -20px;
1184) 	}
1185) 
1186) p.blogDate {
1187) 	color: #000000;
1188) 	}

1189) 

1190) .blogFeed h2 {
1191) 	font-size: 1.467em;
1192) 	margin: 0;
1193) 	line-height: 23px;
1194) 	color: #f6f6ed;
1195) 	}
1196) 

1197) /*
1198)  Project page
1199) */
1200) 
1201)     #projectpage td {
1202)         width: 50%;
1203)     }
1204) 
1205)     .projectbox {
1206)         width: 710px;
1207)         position: relative;
1208)         margin-bottom: 80px;
1209)     }
1210) 
1211) 
1212)     .projectbox .name {
1213)         font-size: 1.5em;
1214)         font-weight: bold;
1215)     }
1216) 
1217)     .projectbox a img {
1218)         float: none;
1219)         position: absolute;
1220)         top: 0;
1221)         left: 0;
1222)     }
1223) 

1224)     .projectbox .projectdesc {

1225)         margin-left: 100px;
1226)     }
1227) /* END */
1228) 

1229) /*
1230) ** Markup free clearing
1231) ** Details: http://www.positioniseverything.net/easyclearing.html
1232) */
1233) .clearfix:after {
1234)   content: ".";
1235)   display: block;
1236)   height: 0;
1237)   clear: both;
1238)   visibility: hidden;
1239) }
1240) 
1241) .clearfix {
1242)   display: inline-block;
1243) }
1244) 
1245) /* Hides from IE-mac \*/
1246) * html .clearfix {
1247)   height: 1%;
1248) }
1249) .clearfix {
1250)   display: block;
1251) }

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

1253) 

1254) .joblink {
1255)   display: block;
1256)   font-size: 128%;
1257)   font-weight: bold;
1258)   padding: 10px 5px;
1259)   text-align: right;
1260) }
1261) 
1262) .joblink a {
1263)   text-decoration: none;
1264) }

1265) 
1266) /* Style The Dropdown Button */
1267) .dropbtn {

1268)     background-color: white;

1269)     padding: 16px 0 0 0;

1270)     font-size: 100%;

1271)     border: none;
1272)     cursor: pointer;
1273) }
1274) 
1275) /* The container <div> - needed to position the dropdown content */
1276) .dropdown {
1277)     position: relative;
1278)     display: inline-block;

1279)     padding: 0;
1280)     margin-top: -16px;
1281)     top: 0;

1282) }
1283) 
1284) /* Dropdown Content (Hidden by Default) */
1285) .dropdown-content {
1286)     display: none;
1287)     position: absolute;
1288)     background-color: #f9f9f9;
1289)     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
1290)     z-index: 1;

1291)     margin: 48px 0 0 0;

1292) }
1293) 
1294) /* Links inside the dropdown */
1295) .dropdown-content a {
1296)     color: black;

1297)     padding-top: 12px 16px;

1298)     text-decoration: none;
1299)     display: block;
1300) }
1301) 
1302) /* Show the dropdown menu on hover */
1303) .dropdown:hover .dropdown-content {
1304)     display: block;

1305) }

1306) 
1307) /*
1308) ** accordion
1309) **
1310) ** hides content and shows it on click on a label
1311) ** source: https://tympanus.net/codrops/2012/02/21/accordion-with-css3/
1312) ** used for docs/en/verifying-signatures.wml
1313) */
1314) .accordion {
1315)   margin: 10px auto 30px auto;
1316) }
1317) .accordion pre {
1318)   padding: 15px;
1319)   line-height: 150%;
1320) }
1321) .accordion .hint {
1322)   color: grey;
1323)   font-size: 90%;
1324) }
1325) .accordion input {
1326)   display: none;
1327) }
1328) .accordion label:hover,
1329) .accordion input:checked + label,
1330) .accordion input:checked + label:hover{
1331)   text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
1332) }
1333) .accordion label{
1334)   padding: 5px 0px;
1335)   position: relative;
1336)   z-index: 19;
1337)   display: block;
1338)   cursor: pointer;
1339)   text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
1340)   background: linear-gradient(top, #ffffff 1%,#bda5cc 100%);
1341) }
1342) .accordion label a {
1343)   color: #66a516;
1344) }
1345) .accordion div.nav {
1346)   right: 50px;
1347) }
1348) .accordion .nav {
1349)   float: right;
1350)   max-width: 400px;
1351)   text-decoration: none;
1352) }
1353) .accordion .nav ul {
1354)   list-style: none;
1355)   text-align: right;
1356) }
1357) .accordion .nav hint {
1358)   font-size: -50%;
1359) }
1360) .accordion article {
1361)   height: 0px;
1362)   overflow: hidden;
1363)   position: relative;
1364)   z-index: 10;
1365)   transition:
1366)     height 0.3s ease-in-out,
1367)     box-shadow 0.6s linear;
1368) }
1369) .accordion .ac-box input:active ~ label p a,
1370) .accordion .ac-box input:checked ~ label p a {
1371)   font-weight: bold;
1372)   color: red;
1373)   text-decoration: underline;
1374) }
1375) .accordion div:hover ~ article,
1376) .accordion div:active ~ article,
1377) .accordion input:checked ~ article {
1378)   height: 100%;
1379)   transition:
1380)     height 0.5s ease-in-out,
1381)     box-shadow 0.1s linear;
1382) }
1383) .accordion input:active ~ article.ac-box
1384) .accordion input:checked ~ article.ac-box {
1385)   -background: grey;
1386)   border: solid 1px #66a516;
1387)   padding: 15px;
1388)   margin-bottom: 30px;
1389) }
1390) .accordion article h4 {
1391)   margin: 15px;
1392) }
1393) .accordion article.ac-box label,
1394) .accordion article.ac-box label h4 {
1395)   display: inline;
1396) }
1397) 
1398) /* Accordion for download page  */

1399) .dlcontent {
1400)   margin: 25px;
1401)   font-family: sans-serif;
1402) }
1403) .dlcontent h1 {
1404)   padding: 25px;
1405)   text-align: center;
1406)   margin: 10px 50px;
1407) }
1408) 
1409) .dlcontent section p {

1410)   margin-left: 50px;
1411) }

1412) 
1413) .tor-source,
1414) .dlcontent .nav {

1415)   float: left;
1416) }

1417) .dlcontent .nav ul {
1418)   list-style: none;
1419)   margin: 0px;
1420) }
1421) .dlcontent .nav li {
1422)   display: block;
1423)   margin: 0px;
1424)   padding: 0px;
1425)   font-size: 1em;
1426)   font-weight: bold;
1427)   height: 33px;
1428)   border-top-left-radius: 7px;
1429)   border-top-right-radius: 7px;
1430)   width: 250px;
1431)   background: url("../images/table-title.jpg") repeat-x left bottom #885ca4;
1432) }
1433) .dlcontent .nav li a {
1434)   color: #fff;
1435) }
1436) 
1437) .accordion.download label {
1438)   margin-left: 25px;
1439)   padding-left: 30px;
1440) }
1441) 
1442) .accordion.download input:checked ~ article {
1443)   padding:20px;
1444)   border: solid 1px #66a516;  
1445) }
1446) .dltor,
1447) section#torbrowser .os,
1448) section#torbrowser .lang {
1449)   clear: both;
1450) }
1451) 
1452) table#packages th {
1453)   padding: 10px;
1454) }
1455) 
1456) .tblang th {
1457)   text-align: center;
1458)   font-weight: bold;
1459) }
1460) .accordion.download article h2 {
1461)   font-family: sans-serif;
1462)   font-size: 2em;
1463)   text-align: center;
1464)   margin: 25px;
1465) }
1466)