tor-webwml.git

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

11)         max-width: 100%;

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

29) .hidden { display: none; }

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

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

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

51) 		width: 150px;

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

55) 

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

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

61) }

62) 

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

68) 

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

74) 

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

78)   margin-top: 100px;

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

82) 

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

98) 

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

120) 

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

157) 

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

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

172) 

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

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

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

183) 

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

202) 

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

208) 

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

217) 

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

227) 	max-width: 100%;

228) }
229) 

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

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

239) 

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

243)                 max-width: 75%;

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

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

247) 

248) 	#dow-don-left,

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

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

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

264) 

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

270) 

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

275) 

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

281) 

282) #dow-don-right,

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

288) 

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

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

300) 

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

326) 

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

332) 

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

344) 
345) 

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

355) 

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

358) 

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

362) 

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

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

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

368) 

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

375) 

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

380) 

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

387) 

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

398) 

399) /* TABLE ------------*/
400) 

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

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

411) 	border: none;

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

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

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

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

468)   }

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

475) .beige { background: #f5f5df; }

476) .gray { background: #e0e0e0; }

477) 
478) .meta {
479) 	float: right;
480) 	width: auto;
481) }
482) 

483) /* DOWNLOAD ------------*/

484) 

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

490) 

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

503) .android24 {

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

509)   }
510) 

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

530) .android24,

531) .smartphone24,
532) .sourcecode24 {
533)   display: block;

534)   line-height: 32px;

535)   padding: 0px 0 0px 33px;
536)   }
537) 
538) .accordionButton {

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

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

544)   height: 32px;

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

556)   position: relative;
557)   padding-left: 30px;
558)   width: 680px;

559)   }
560) 

561) .accordionButton:hover {
562)   background: url("../images/table-title-hover.jpg") repeat-x left bottom #885CA4;
563)   text-shadow: 1px 1px 0px rgba(17, 17, 17, 1);
564) }

565) 
566) .downloads {

567)   padding: 0 16px 0 0;

568)   text-align: center;

569) }

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

575)   height: 20px;

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

587) }

588) 
589) .button {
590)   text-align: center;
591)   display: block;

592)   width: 234px;
593)   height: 69px;

594)   text-decoration: none;

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

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

601) }

602) 
603) .button .strong {
604)   display: block;

605)   padding: 10px 0 0 57px;

606) }

607) 
608) .button .normal {

609)   padding: 5px 0 0 57px;

610)   display: block;

611) }

612) 

613) .sig {
614)   display: block;
615)   margin: 3px 0px 20px 0px;

616)   margin-bottom: 5px

617) }

618) 

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

627) 	background-size: 100% 100%;

628) }

629) 

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

638) .package h2,
639) .package em {

640)   display: block;
641)   width: 100%;

642)   text-align: left;

643) }

644) 

645) .package h2 {

646)   padding-top: 10px;
647)   padding-bottom: 5px;

648)   margin-bottom: 3px;
649) }

650) 

651) .package em {

652)   font-size: 1.0em;

653)   padding-top: 8px;
654)   padding-bottom: 4px;

655) }

656) 

657) .package p {

658)   padding-left: 0px;
659)   font-size: 15px;
660)   text-align: justify;

661)   margin-top: 16px;
662)   padding-left: 10px;
663) }

664) 

665) .package p.alt-dl {

666)   text-align: left;

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

674)   text-align: left;

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

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

712) 	}

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

721) 

722) .warning-top {

723)   width: 618px;

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

748) 

749) .note {

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

756)   .note p {

757)     padding-left: 10px;
758)     }

759) 

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

771) 

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

773) 

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

786)     background: left top no-repeat;

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

837) 

838) /* FOOTER ------------*/
839) 
840) #footer {

841) 	/* width: 960px; original */
842) 	width: 1024px;

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

851) 		/* width: 78px; original */
852) 		width: 88px;

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

863) 

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

869) 

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

874) 

875) 		#footer input {
876) 			margin: 0;
877) 		}

878) 

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

884) 

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

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

912) 

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

927) 

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

932) 	border: none;

933) 	padding: 1.4em 0.7em;

934) 	width: 163px;
935) 	margin: 0px 0px 0px 10px;

936) }

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

945) 		padding:13px 0px 15px 0px;
946)         position: relative;

947) 		color: black;

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

949) 		font-size: 18px;

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

954)         z-index:-10;

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

959) 		height: 68px;
960) 		width: 186px;

961) 		margin-top: 0px;
962) 		display: block;

963) 		background-color: transparent;
964) 		color: transparent;
965) 		margin: 10px auto 10px auto;
966) 		padding: 0px 0px 0px 0px;

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

973) 

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

983) 

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

989) 		font-style: normal;

990) 		}
991) 
992) .dbox.dl {

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

998) 

999) 
1000) .dbox.dl input.amount {

1001)   width: 87px;

1002)   }
1003) 

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

1018) 

1019) 	.dbox.donate .drow {
1020) 		margin: 0px 0px 0px 20px;
1021) 		}

1022) 

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

1042) 

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

1047) 

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

1072) 

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

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

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

1079) 		background-color: transparent;
1080) 		color: transparent;
1081) 		border:0px solid transparent;

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

1100) 		background-color: transparent;
1101) 		color: transparent;
1102) 		border:0px solid transparent;

1103) 		}

1104) 

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

1117) 

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

1124) 

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

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

1149) 

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

1177) 

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

1187) 

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

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

1222)     .projectbox .projectdesc {

1223)         margin-left: 100px;
1224)     }
1225) /* END */
1226) 

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

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

1251) 

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

1263) 
1264) /* Style The Dropdown Button */
1265) .dropbtn {

1266)     background-color: white;

1267)     padding: 16px 0 0 0;

1268)     font-size: 100%;

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

1277)     padding: 0;
1278)     margin-top: -16px;
1279)     top: 0;

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

1289)     margin: 48px 0 0 0;

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

1295)     padding-top: 12px 16px;

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

1303) }

1304) 
1305) /*
1306) ** accordion
1307) **
1308) ** hides content and shows it on click on a label
1309) ** source: https://tympanus.net/codrops/2012/02/21/accordion-with-css3/
1310) ** used for docs/en/verifying-signatures.wml
1311) */
1312) .accordion {
1313)   margin: 10px auto 30px auto;
1314) }
1315) .accordion pre {
1316)   padding: 15px;
1317)   line-height: 150%;
1318) }
1319) .accordion .hint {
1320)   color: grey;
1321)   font-size: 90%;
1322) }
1323) .accordion input {
1324)   display: none;
1325) }
1326) .accordion label:hover,
1327) .accordion input:checked + label,
1328) .accordion input:checked + label:hover{
1329)   text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
1330) }
1331) .accordion label{
1332)   padding: 5px 0px;
1333)   position: relative;
1334)   z-index: 19;
1335)   display: block;
1336)   cursor: pointer;
1337)   text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
1338)   background: linear-gradient(top, #ffffff 1%,#bda5cc 100%);
1339) }
1340) .accordion label a {
1341)   color: #66a516;
1342) }
1343) .accordion div.nav {
1344)   right: 50px;
1345) }
1346) .accordion .nav {
1347)   float: right;
1348)   max-width: 400px;
1349)   text-decoration: none;
1350) }
1351) .accordion .nav ul {
1352)   list-style: none;
1353)   text-align: right;
1354) }
1355) .accordion .nav hint {
1356)   font-size: -50%;
1357) }
1358) .accordion article {
1359)   height: 0px;
1360)   overflow: hidden;
1361)   position: relative;
1362)   z-index: 10;
1363)   transition:
1364)     height 0.3s ease-in-out,
1365)     box-shadow 0.6s linear;
1366) }

1367) 

1368) .accordion .ac-box input:checked ~ label p a {
1369)   font-weight: bold;
1370)   color: red;
1371)   text-decoration: underline;
1372) }
1373) .accordion input:checked ~ article {
1374)   height: 100%;
1375)   transition:
1376)     height 0.5s ease-in-out,
1377)     box-shadow 0.1s linear;
1378) }
1379) .accordion input:checked ~ article.ac-box {
1380)   -background: grey;
1381)   border: solid 1px #66a516;
1382)   padding: 15px;
1383)   margin-bottom: 30px;
1384) }
1385) .accordion article h4 {
1386)   margin: 15px;
1387) }
1388) .accordion article.ac-box label,
1389) .accordion article.ac-box label h4 {
1390)   display: inline;
1391) }
1392) 
1393) /* Accordion for download page  */

1394) .dlcontent {
1395)   margin: 25px;
1396)   font-family: sans-serif;
1397) }
1398) .dlcontent h1 {
1399)   padding: 25px;
1400)   text-align: center;
1401)   margin: 10px 50px;
1402) }
1403) 
1404) .dlcontent section p {

1405)   margin-left: 50px;
1406) }

1407) 
1408) .tor-source,
1409) .dlcontent .nav {

1410)   float: left;
1411) }

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