Browse code

download: tweak design

traumschule authored on 10/09/2018 08:56:48
Showing 3 changed files
... ...
@@ -482,7 +482,7 @@ table tr img {
482 482
 	width: auto;
483 483
 }
484 484
 
485
-/* DL PAGE ------------*/
485
+/* DOWNLOAD ------------*/
486 486
 
487 487
 .windows24 {
488 488
  /* Open Icon Library - Webpage Icons Package
... ...
@@ -560,71 +560,15 @@ table tr img {
560 560
   width: 680px;
561 561
   }
562 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
-    }
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
+}
623 567
 
624 568
 .downloads {
625 569
   padding: 0 16px 0 0;
626 570
   text-align: center;
627
-  }
571
+}
628 572
 
629 573
 .lang {
630 574
   float: right;
... ...
@@ -642,7 +586,7 @@ table tr img {
642 586
   -moz-border-radius-bottomright: 5px;
643 587
   border-bottom-left-radius: 5px;
644 588
   border-bottom-right-radius: 5px;
645
-  }
589
+}
646 590
 
647 591
 .button {
648 592
   text-align: center;
... ...
@@ -656,25 +600,23 @@ table tr img {
656 600
   -webkit-border-radius: 7px;
657 601
   -moz-border-radius: 7px;
658 602
   border-radius: 7px;
659
-  }
603
+}
660 604
 
661 605
 .button .strong {
662 606
   display: block;
663 607
   padding: 10px 0 0 57px;
664
-  }
608
+}
665 609
 
666 610
 .button .normal {
667 611
   padding: 5px 0 0 57px;
668 612
   display: block;
669
-  }
613
+}
670 614
 
671 615
 .sig {
672 616
   display: block;
673 617
   margin: 3px 0px 20px 0px;
674 618
   margin-bottom: 5px
675
-  }
676
-
677
-/* DOWNLOAD-EASY ---*/
619
+}
678 620
 
679 621
 #download-donate {
680 622
 	background-attachment: scroll;
... ...
@@ -687,29 +629,40 @@ table tr img {
687 629
 	background-size: 100% 100%;
688 630
 }
689 631
 
632
+.package {
633
+  display: block;
634
+  float: left;
635
+  width: 250px;
636
+  margin: 0px;
637
+  padding: 20px 20px 20px 20px;
638
+}
639
+
690 640
 .package h2,
691 641
 .package em {
692 642
   display: block;
693 643
   width: 100%;
694 644
   text-align: left;
695
-  }
645
+}
696 646
 
697 647
 .package h2 {
698 648
   padding-top: 10px;
699 649
   padding-bottom: 5px;
700
-  }
650
+  margin-bottom: 3px;
651
+}
701 652
 
702 653
 .package em {
703
-  font-size: 1.2em;
654
+  font-size: 1.0em;
704 655
   padding-top: 8px;
705 656
   padding-bottom: 4px;
706
-  }
657
+}
707 658
 
708 659
 .package p {
709 660
   padding-left: 0px;
710 661
   font-size: 15px;
711 662
   text-align: justify;
712
-  }
663
+  margin-top: 16px;
664
+  padding-left: 10px;
665
+}
713 666
 
714 667
 .package p.alt-dl {
715 668
   text-align: left;
... ...
@@ -725,15 +678,6 @@ table tr img {
725 678
   font-size: 15px;
726 679
 }
727 680
 
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 681
 .open {
738 682
   display: block;
739 683
   }
... ...
@@ -1452,12 +1396,72 @@ p.blogDate {
1452 1396
 }
1453 1397
 
1454 1398
 /* Accordion for download page  */
1455
-.accordion.download label {
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 {
1456 1410
   margin-left: 50px;
1457
-  padding-left: 50px;
1458 1411
 }
1459
-.tor-source {
1460
-  margin-left:75px;
1412
+
1413
+.tor-source,
1414
+.dlcontent .nav {
1461 1415
   float: left;
1462 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
+
1463 1467
 /* END ACCORDION */
... ...
@@ -1 +1 @@
1
-@charset "UTF-8";body{background:#fff}#wrap{width:960px;max-width:100%;margin:0 auto}.left{float:left}.right{float:right}.twenty{width:20%}.thirty{width:30%}.forty{width:40%}.fifty{width:50%}.sixty{width:60%}.hundred{width:100%}.nopad{padding:0}.toppad{padding-top:10px}.toptwenty{margin-top:20px}.topforty{margin-top:40px}.hidden{display:none}#header{width:960px;height:97px;margin-bottom:23px;position:relative}h1#logo{margin:0;float:left}h1#logo a,h1#logo a:visited{background:url(../images/tor-logo.png) left top no-repeat;background-size:150px 97px;text-indent:-9999px;overflow:hidden;width:150px;height:97px;display:block}#nav{position:absolute;top:30px;left:115px;float:right}#nav ul{height:50px;float:right;margin-bottom:0}#nav ul li{float:left;display:inline;width:auto}#calltoaction{height:30px;float:right;margin-top:100px;margin-right:5px;text-align:center}#calltoaction ul{padding:0;margin:0;height:30px;list-style:none;float:right}#calltoaction ul li{list-style:none;display:inline;float:none;width:100px;margin-left:0}#calltoaction ul li a:link,#calltoaction ul li a:visited{display:block;background:url(../images/cta-buttons.jpg) top center no-repeat #885ca4;padding:4px 8px;color:#fff;font-weight:bold;text-decoration:none;font-size:13px;line-height:22px;height:22px;width:84px;float:left;text-shadow:1px 1px 0 #111}#calltoaction ul li:hover a{background:url(../images/cta-buttons.jpg) bottom center no-repeat #ff9800;font-weight:bold;text-shadow:1px 1px 0 #111}#calltoaction ul li:first-child a:link,#calltoaction ul li:first-child a:visited,#calltoaction ul li:hover:first-child a{-webkit-border-top-left-radius:7px;-webkit-border-bottom-left-radius:7px;-moz-border-radius-topleft:7px;-moz-border-radius-bottomleft:7px;border-top-left-radius:7px;border-bottom-left-radius:7px}#calltoaction ul li:first-child a:link,#calltoaction ul li:first-child a:visited{background:url(../images/cta-buttons.jpg) top left no-repeat #885ca4}#calltoaction ul li:hover:first-child a{background:url(../images/cta-buttons.jpg) bottom left no-repeat #ff9800}#calltoaction ul li:last-child a:link,#calltoaction ul li:last-child a:visited,#calltoaction ul li:hover:last-child a{-webkit-border-top-right-radius:7px;-webkit-border-bottom-right-radius:7px;-moz-border-radius-topright:7px;-moz-border-radius-bottomright:7px;border-top-right-radius:7px;border-bottom-right-radius:7px}#calltoaction ul li:last-child a:link,#calltoaction ul li:last-child a:visited{background:url(../images/cta-buttons.jpg) top right no-repeat #885ca4;color:#fff}#calltoaction ul li:hover:last-child a{background:url(../images/cta-buttons.jpg) bottom right no-repeat #ff9800}#banner{background:url(../images/bg-banner.jpg) left top no-repeat;height:200px;width:600px;padding:23px 15px;margin-bottom:15px}#download a:link,#download a:visited{margin:-17px 0 0;background:url(../images/button-download.png) left top no-repeat;width:257px;height:79px;float:left;padding:35px 0 0 80px;text-decoration:none}#download a .download-tor{background:url(../images/button-download-arrow.png) right center no-repeat;font-family:"Arial Narrow",Arial,sans-serif;color:#fff;font-size:2.167em;letter-spacing:1px;padding-right:25px}#download a .version{color:#bda5cc;font-size:1.167em;line-height:1.167em}#download a .info{color:#bda5cc;font-size:.833em;line-height:.833em}#download a:hover{background-position:0 -114px}#download a:hover .version,#download a:hover .info{color:#f1c6a1}#banner ul{background:#387520 url(../images/banner-gradient.jpg) left top repeat-x;border:1px solid #366b32;width:180px;float:right;margin:0 15px 0 0;padding:10px 10px 10px 30px}#banner ul li{list-style:url(../images/white-bullet.png) outside;padding:5px 0}#content{width:960px;max-width:100%}#content img{max-width:710px}#breadcrumbs{padding:0 0 10px 5px}#home #maincol{float:left;width:620px;margin-right:20px}#maincol{float:right;width:710px;max-width:75%;margin-bottom:20px}.tb#maincol{max-width:100%}#dow-don-left,#maincol-left{float:left;width:710px;margin-bottom:20px}#maincol .topforty .icon img{border:0}.subcol{width:280px;float:left;margin:0 0 25px}#content .first{margin-right:20px}#home #sidecol{float:right;width:300px}#sidecol{float:left;width:230px;margin-right:20px}#dow-don-right,#sidecol-right{float:right;width:230px;margin-left:20px;-padding-top:100px}#torusers{margin:0 0 27px}.user{margin:0 0 12px;height:auto}.user img,.project-icon{border:1px solid #cac8a7;float:left;margin:3px 10px 0 0}.user p{margin:0}.img-shadow{float:left;background:url(../images/shadowAlpha.png) no-repeat bottom right !important;background:url(../images/shadow.gif) no-repeat bottom right;margin:10px 0 10px 10px !important;margin:10px 0 10px 5px}.img-shadow .infoblock,.img-shadow .important-infoblock,.img-shadow .custom-infoblock,.img-shadow #sidenav,.img-shadow .sidenav-sub{display:block;position:relative;margin:-6px 6px 6px -6px;background-color:#fff;border:1px solid #ddd}.img-shadow .important-infoblock{background-color:#f7f8f0;border:1px solid #eeefe8}.img-shadow .infoblock,.img-shadow .important-infoblock{padding:15px;width:188px}.img-shadow .custom-infoblock{padding:15px;height:120px;width:426px}.img-shadow .infoblock p,.img-shadow .important-infoblock p,.img-shadow .custom-infoblock p{margin:0}.img-shadow #sidenav,.img-shadow .sidenav-sub{padding:10px 0 0;width:218px}#sidenav ul li,.sidenav-sub ul li{border-bottom:1px solid #ddd}#sidenav ul li.dropdown a:link,#sidenav ul li.dropdown a:visited{background:url(../images/sidenav-arrow.gif) left center no-repeat}#sidenav ul li.dropdown a.active{background:url(../images/sidenav-arrow-active.gif) left center no-repeat}.sidenav-sub ul li.dropdown a:link,.sidenav-sub ul li.dropdown a:visited{background:url(../images/sidenav-arrow.gif) left top no-repeat;margin-top:12px}#sidenav ul li a:link,#sidenav ul li a:visited{display:block;height:auto;padding:8px 15px 8px 26px}#sidenav ul li ul li a:link,#sidenav ul li ul li a:visited{padding-left:37px}.sidenav-sub ul li a:link,.sidenav-sub ul li a:visited{display:block;padding:0 15px 10px 26px;line-height:16px}#sidenav ul li.active{background:url(../images/sidenav-active.png) left center no-repeat;width:230px;border:0}#sidenav ul li ul li ul li a:link,#sidenav ul li ul li ul li a:visited{padding-left:48px}#press tr:nth-child(even){background-color:#e5e5e5}table{width:100%}td{padding:12px}table td img,table tr img{border:0;float:left;margin-right:10px}.icon{float:left;width:auto;margin-right:15px;padding:10px 0;border:0}.calendar{background:url(../images/icon-calendar.jpg) left top no-repeat;float:left;margin-right:10px;width:45px;height:54px;text-align:center;padding:4px 0}.fauxhead{background:url(../images/table-arrow.jpg) right top no-repeat;width:100%;height:11px}#home-our-projects td{height:92px;width:296px;padding:6px}#ecosystem_presentation{height:30px;padding-top:10px;padding-left:60px;vertical-align:middle;background:url("../images/video.png") no-repeat scroll left center transparent;font-size:1.7em;font-weight:bold}#ecosystem_presentation a{text-decoration:none}.project{float:left;padding:6px;border:1px solid #cac8a7;height:76px;width:284px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.project img{border:0;margin-right:6px}.beige{background:#f5f5df}.gray{background:#e0e0e0}.meta{float:right;width:auto}.windows24{background:url("../images/icon-windows24.png") no-repeat scroll left center transparent}.mac24{background:url("../images/icon-mac24.png") no-repeat scroll left center transparent}.linux24{background:url("../images/icon-linux24.png") no-repeat scroll left center transparent}.android24{background:url("../images/icon-android24.png") no-repeat scroll left center transparent;background-size:24px}.smartphone24{background:url("../images/icon-smartphone24.png") no-repeat scroll left center transparent}.sourcecode24{background:url("../images/icon-sourcecode24.png") no-repeat scroll left center transparent}.windows24,.mac24,.linux24,.android24,.smartphone24,.sourcecode24{display:block;line-height:32px;padding:0 0 0 33px}.accordionButton{background:url("../images/table-title.jpg") repeat-x left bottom #885ca4;color:#fff;margin:0;font-size:1.1em;font-weight:bold;height:32px;float:left;_float:none;border:1px solid #fff;border-bottom:0;cursor:pointer;-webkit-border-top-left-radius:7px;-webkit-border-top-right-radius:7px;-moz-border-radius-topleft:7px;-moz-border-radius-topright:7px;border-top-left-radius:7px;border-top-right-radius:7px;position:relative;padding-left:30px;width:680px}.accordionButton:hover{background:url("../images/table-title-hover.jpg") repeat-x left bottom #885ca4;text-shadow:1px 1px 0 rgba(17,17,17,1)}.on:before,.off:before{position:absolute;content:'';height:0;width:0;font-size:0;line-height:0}.on:before{top:14px;left:10px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #fff}.off:before{top:9px;left:14px;border-bottom:7px solid transparent;border-top:7px solid transparent;border-left:7px solid #fff}.accordionContent{width:708px;float:left;_float:none;background:#fff;display:block}.accordionContent .fauxhead{width:710px}.package{display:block;float:left;width:238px;margin:0;padding:25px 20px 20px 20px;-border-top:1px solid #888}.package h2{margin-bottom:3px}.package p{margin-top:16px;padding-left:10px}.downloads{padding:0 16px 0 0;text-align:center}.lang{float:right;display:none;width:80px;height:20px;margin:0 7px 0 0;padding:0 0 0 3px;background-color:#fefff7;border:2px solid #cccfb8;border-top:0;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.button{text-align:center;display:block;width:234px;height:69px;text-decoration:none;background:url(../images/button-downloadpage.png) bottom left no-repeat;margin:0 auto 8px auto;text-shadow:1px 1px 0 rgba(17,17,17,1);-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.button .strong{display:block;padding:10px 0 0 57px}.button .normal{padding:5px 0 0 57px;display:block}.sig{display:block;margin:3px 0 20px 0;margin-bottom:5px}#download-donate{background-attachment:scroll;background-clip:border-box;background-color:transparent;background-image:url(../images/headerbg.jpg);background-origin:padding-box;background-position:0 0;background-repeat:no-repeat;background-size:100% 100%}.package h2,.package em{display:block;width:100%;text-align:left}.package h2{padding-top:10px;padding-bottom:5px}.package em{font-size:1.2em;padding-top:8px;padding-bottom:4px}.package p{padding-left:0;font-size:15px;text-align:justify}.package p.alt-dl{text-align:left;text-indent:0;padding-left:0;margin-top:32px}.all-dl{display:block;text-align:left;width:100%;font-size:15px}.all-dl a{text-decoration:none;font-weight:bold}.all-dl a:hover{text-decoration:underline}.open{display:block}.lang-alt{line-height:15px;font-size:10px;float:right;margin-right:10px}.expander{text-align:right;float:right;padding:10px 20px 0 0;font-size:15px;display:none}.title{background:url(../images/table-title-arrow.jpg) right top no-repeat;padding:10px 25px 0 10px;height:33px;float:left}.title a:link,.title a:visited{background:url(../images/table-title.jpg) left top no-repeat;height:33px;display:block}.paypal{float:left;width:auto;min-height:159px;max-width:365px}.paypal span{padding-right:20px}.warning-top{width:618px;padding:10px 10px 10px 60px;margin:0 10px 0 10px;display:block;background:url("../images/warning.png") no-repeat scroll 2px 23px #fffeb6;border:1px solid #a6a427;border-bottom:0;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px}.warning-top h2{padding-right:15px;padding-left:0;margin-bottom:5px}.warning-top p{padding-left:10px;margin-bottom:0}.note{float:left;_float:none;padding:25px 25px;margin-top:4px}.note p{padding-left:10px}.focus{background:#f4f2c7;border:1px solid #ebd4a9;padding:10px 15px}.focus .icon{float:left;width:auto;margin-right:10px}.featured-project{width:313px}input,select{margin:0 3px 10px 0}input.textfield{padding:0 10px;vertical-align:top}.donate-btn{background:left top no-repeat;height:26px;width:92px;text-indent:-9999px;overflow:hidden;border:0;vertical-align:top;margin-top:5px}.donate-btn:hover{background-position:0 -26px;cursor:pointer}.signup{background:#96c35a;border-top:1px solid #6ab334;border-left:1px solid #6ab334;border-bottom:1px solid #5a952b;border-right:1px solid #5a952b;height:31px;padding:0 5px;vertical-align:top;color:#222c14;font-weight:bold;font-size:1em;line-height:1em}.signup:hover{background:#6ab334}select#lang{float:left;width:160px;margin-right:3px}.go{background:#96c35a;border-top:1px solid #6ab334;border-left:1px solid #6ab334;border-bottom:1px solid #5a952b;border-right:1px solid #5a952b;padding:0 5px;vertical-align:top;color:#222c14;font-weight:bold;font-size:1em;line-height:1em;height:18px}.go:hover{background:#6ab334}#footer{width:1024px;height:200px;border-top:1px solid #ddd;padding:20px 0;margin:20px 0 0}.onion{float:left;width:88px;padding-right:20px;height:100%}#footer .about{width:180px;padding-right:30px;border-right:1px solid #ddd;float:left}#footer .newsletter{padding:0 0 15px 30px;width:auto;margin-left:308px}#footer input.textfield{width:220px;height:26px}#footer input{margin:0}#footer .col{float:left;width:100px;margin-left:20px}#footer .first{margin-left:30px}#footer .wider{width:201px}small{margin:0 auto 0 auto;text-align:center;font-size:10px;font-style:italic}.hlist{text-align:center;display:block;width:100%;padding:0;list-style:none;margin:0 0 18px 0}.hlist li{display:inline-block;border-right:1px solid #444;margin-left:-4px}.hlist li.last{border-right:0 solid #444}.hlist a{display:block;top:0;right:0;bottom:0;left:0;text-decoration:none;font-weight:bold;padding:0 8px}.dbox{float:none;text-align:center;color:#222;border:0;padding:1.4em .7em;width:163px;margin:0 0 0 10px}.dbox p{display:block;padding:0;margin:0}.dbox h2{padding:13px 0 15px 0;position:relative;color:black;font-family:Helvetica,Arial,sans-serif;font-size:18px;font-weight:normal;height:35px;margin-bottom:-20px;margin-left:-6px;z-index:-10}.dbox input.donate-btn{background:url(../images/btn_donateCC_LG.gif) left top no-repeat transparent;height:68px;width:186px;margin-top:0;display:block;background-color:transparent;color:transparent;margin:10px auto 10px auto;padding:0}.dbox span{float:left;padding-right:0}.dbox div label{padding:0 10px 0 0}.dbox h6#ppinfo{width:100%;text-align:center;margin:-15px auto 0 auto}.dbox small,.dbox.donate #ppinfo{margin:0 auto 0 auto;text-align:center;font-size:10px;font-style:normal}.dbox.dl{float:none;width:177px;margin:0 5px 20px 5px}.dbox.dl input.amount{width:87px}.dbox.donate{float:none;padding:30px 30px;width:626px;min-height:0;max-width:none;text-align:left}.dbox.donate input,.dbox.donate select{padding-bottom:0;margin-bottom:0}.dbox.donate .drow{margin:0 0 0 20px}.dbox.donate .drow div{padding:0;width:auto;display:block}.dbox.donate h3{padding-left:0;color:#23300e;margin:0 0 10px 0}.dbox.donate h4{padding-left:20px}.dbox.donate p{padding:5px 20px 15px 40px}.dbox.donate span{float:left;padding-right:0}.dbox.donate div label{padding:0 10px 0 0}.dbox.donate .type{padding-left:20px}.dbox.donate select#t3{width:auto;margin-bottom:0}.dbox.donate ul.amounts{width:auto}.dbox.donate ul.amounts li{display:inline-block}.dbox.donate ul.amounts li label{padding:0 0 0 5px}.dbox.donate input.donate-btn{background:url(../images/btn_donateCC_LG.gif) left top no-repeat transparent;height:26px;width:115px;margin-top:-3px;display:inline-block;background-color:transparent;color:transparent;border:0 solid transparent}.dbox.dsmall{position:relative;display:inline-block;width:170px;height:140px;text-align:center;margin:0 10px;vertical-align:top}.dbox.dsmall input.donate-btn{background:url() left top no-repeat transparent;width:auto;height:auto;margin-top:0;display:block;background-color:transparent;color:transparent;border:0 solid transparent}.dbox.dsmall div label{padding:0}.dbox.dsmall small{display:block;position:absolute;width:172px;float:none;bottom:20px;margin:0 auto}.givv p{text-align:justify;margin-top:10px;font-size:11px;line-height:13px}dwolla p{text-align:justify;margin-top:10px;font-size:11px;line-height:13px}div.blogRow,div.blogFirstRow{height:40px;padding:3px 10px;margin:0}div.blogLastRow{height:20px;text-align:center}div.blogFirstRow{height:22px;background:url(../images/table-head.jpg) left top repeat-x #885ca4}.blogRow:hover{background:#f6ffd5}div.blogRow1,div.blogRow3{background:#eee8f1}.blogFeed a{text-decoration:none}.blogFeed p{margin:0;font-size:12px}p.blogTitle{font-weight:bold;text-decoration:underline}p.blogAuthor{color:#000;text-align:right;margin-top:-20px}p.blogAuthor em{color:#4e6a20;text-align:right;margin-top:-20px}p.blogDate{color:#000}.blogFeed h2{font-size:1.467em;margin:0;line-height:23px;color:#f6f6ed}#projectpage td{width:50%}.projectbox{width:710px;position:relative;margin-bottom:80px}.projectbox .name{font-size:1.5em;font-weight:bold}.projectbox a img{float:none;position:absolute;top:0;left:0}.projectbox .projectdesc{margin-left:100px}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block}/*\*/* html .clearfix{height:1%}.clearfix{display:block}/**/.joblink{display:block;font-size:128%;font-weight:bold;padding:10px 5px;text-align:right}.joblink a{text-decoration:none}.dropbtn{background-color:white;padding:16px 0 0 0;font-size:100%;border:0;cursor:pointer}.dropdown{position:relative;display:inline-block;padding:0;margin-top:-16px;top:0}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);z-index:1;margin:48px 0 0 0}.dropdown-content a{color:black;padding-top:12px 16px;text-decoration:none;display:block}.dropdown:hover .dropdown-content{display:block}.accordion{margin:10px auto 30px auto}.accordion pre{padding:15px;line-height:150%}.accordion .hint{color:grey;font-size:90%}.accordion input{display:none}.accordion label:hover,.accordion input:checked+label,.accordion input:checked+label:hover{text-shadow:0 1px 1px rgba(255,255,255,0.6)}.accordion label{padding:5px 0;position:relative;z-index:19;display:block;cursor:pointer;text-shadow:1px 1px 1px rgba(255,255,255,0.8);background:linear-gradient(top,#fff 1%,#bda5cc 100%)}.accordion label a{color:#66a516}.accordion div.nav{right:50px}.accordion .nav{float:right;max-width:400px;text-decoration:none}.accordion .nav ul{list-style:none;text-align:right}.accordion .nav hint{font-size:-50%}.accordion article{height:0;overflow:hidden;position:relative;z-index:10;transition:height .3s ease-in-out,box-shadow .6s linear}.accordion .ac-box input:active ~ label p a,.accordion .ac-box input:checked ~ label p a{font-weight:bold;color:red;text-decoration:underline}.accordion div:hover ~ article,.accordion div:active ~ article,.accordion input:checked ~ article{height:100%;transition:height .5s ease-in-out,box-shadow .1s linear}.accordion input:active ~ article.ac-box .accordion input:checked ~ article.ac-box{-background:grey;border:solid 1px #66a516;padding:15px;margin-bottom:30px}.accordion article h4{margin:15px}.accordion article.ac-box label,.accordion article.ac-box label h4{display:inline}.accordion.download label{margin-left:50px;padding-left:50px}.tor-source{margin-left:75px;float:left}
2 1
\ No newline at end of file
2
+@charset "UTF-8";body{background:#fff}#wrap{width:960px;max-width:100%;margin:0 auto}.left{float:left}.right{float:right}.twenty{width:20%}.thirty{width:30%}.forty{width:40%}.fifty{width:50%}.sixty{width:60%}.hundred{width:100%}.nopad{padding:0}.toppad{padding-top:10px}.toptwenty{margin-top:20px}.topforty{margin-top:40px}.hidden{display:none}#header{width:960px;height:97px;margin-bottom:23px;position:relative}h1#logo{margin:0;float:left}h1#logo a,h1#logo a:visited{background:url(../images/tor-logo.png) left top no-repeat;background-size:150px 97px;text-indent:-9999px;overflow:hidden;width:150px;height:97px;display:block}#nav{position:absolute;top:30px;left:115px;float:right}#nav ul{height:50px;float:right;margin-bottom:0}#nav ul li{float:left;display:inline;width:auto}#calltoaction{height:30px;float:right;margin-top:100px;margin-right:5px;text-align:center}#calltoaction ul{padding:0;margin:0;height:30px;list-style:none;float:right}#calltoaction ul li{list-style:none;display:inline;float:none;width:100px;margin-left:0}#calltoaction ul li a:link,#calltoaction ul li a:visited{display:block;background:url(../images/cta-buttons.jpg) top center no-repeat #885ca4;padding:4px 8px;color:#fff;font-weight:bold;text-decoration:none;font-size:13px;line-height:22px;height:22px;width:84px;float:left;text-shadow:1px 1px 0 #111}#calltoaction ul li:hover a{background:url(../images/cta-buttons.jpg) bottom center no-repeat #ff9800;font-weight:bold;text-shadow:1px 1px 0 #111}#calltoaction ul li:first-child a:link,#calltoaction ul li:first-child a:visited,#calltoaction ul li:hover:first-child a{-webkit-border-top-left-radius:7px;-webkit-border-bottom-left-radius:7px;-moz-border-radius-topleft:7px;-moz-border-radius-bottomleft:7px;border-top-left-radius:7px;border-bottom-left-radius:7px}#calltoaction ul li:first-child a:link,#calltoaction ul li:first-child a:visited{background:url(../images/cta-buttons.jpg) top left no-repeat #885ca4}#calltoaction ul li:hover:first-child a{background:url(../images/cta-buttons.jpg) bottom left no-repeat #ff9800}#calltoaction ul li:last-child a:link,#calltoaction ul li:last-child a:visited,#calltoaction ul li:hover:last-child a{-webkit-border-top-right-radius:7px;-webkit-border-bottom-right-radius:7px;-moz-border-radius-topright:7px;-moz-border-radius-bottomright:7px;border-top-right-radius:7px;border-bottom-right-radius:7px}#calltoaction ul li:last-child a:link,#calltoaction ul li:last-child a:visited{background:url(../images/cta-buttons.jpg) top right no-repeat #885ca4;color:#fff}#calltoaction ul li:hover:last-child a{background:url(../images/cta-buttons.jpg) bottom right no-repeat #ff9800}#banner{background:url(../images/bg-banner.jpg) left top no-repeat;height:200px;width:600px;padding:23px 15px;margin-bottom:15px}#download a:link,#download a:visited{margin:-17px 0 0;background:url(../images/button-download.png) left top no-repeat;width:257px;height:79px;float:left;padding:35px 0 0 80px;text-decoration:none}#download a .download-tor{background:url(../images/button-download-arrow.png) right center no-repeat;font-family:"Arial Narrow",Arial,sans-serif;color:#fff;font-size:2.167em;letter-spacing:1px;padding-right:25px}#download a .version{color:#bda5cc;font-size:1.167em;line-height:1.167em}#download a .info{color:#bda5cc;font-size:.833em;line-height:.833em}#download a:hover{background-position:0 -114px}#download a:hover .version,#download a:hover .info{color:#f1c6a1}#banner ul{background:#387520 url(../images/banner-gradient.jpg) left top repeat-x;border:1px solid #366b32;width:180px;float:right;margin:0 15px 0 0;padding:10px 10px 10px 30px}#banner ul li{list-style:url(../images/white-bullet.png) outside;padding:5px 0}#content{width:960px;max-width:100%}#content img{max-width:710px}#breadcrumbs{padding:0 0 10px 5px}#home #maincol{float:left;width:620px;margin-right:20px}#maincol{float:right;width:710px;max-width:75%;margin-bottom:20px}.tb#maincol{max-width:100%}#dow-don-left,#maincol-left{float:left;width:710px;margin-bottom:20px}#maincol .topforty .icon img{border:0}.subcol{width:280px;float:left;margin:0 0 25px}#content .first{margin-right:20px}#home #sidecol{float:right;width:300px}#sidecol{float:left;width:230px;margin-right:20px}#dow-don-right,#sidecol-right{float:right;width:230px;margin-left:20px;-padding-top:100px}#torusers{margin:0 0 27px}.user{margin:0 0 12px;height:auto}.user img,.project-icon{border:1px solid #cac8a7;float:left;margin:3px 10px 0 0}.user p{margin:0}.img-shadow{float:left;background:url(../images/shadowAlpha.png) no-repeat bottom right !important;background:url(../images/shadow.gif) no-repeat bottom right;margin:10px 0 10px 10px !important;margin:10px 0 10px 5px}.img-shadow .infoblock,.img-shadow .important-infoblock,.img-shadow .custom-infoblock,.img-shadow #sidenav,.img-shadow .sidenav-sub{display:block;position:relative;margin:-6px 6px 6px -6px;background-color:#fff;border:1px solid #ddd}.img-shadow .important-infoblock{background-color:#f7f8f0;border:1px solid #eeefe8}.img-shadow .infoblock,.img-shadow .important-infoblock{padding:15px;width:188px}.img-shadow .custom-infoblock{padding:15px;height:120px;width:426px}.img-shadow .infoblock p,.img-shadow .important-infoblock p,.img-shadow .custom-infoblock p{margin:0}.img-shadow #sidenav,.img-shadow .sidenav-sub{padding:10px 0 0;width:218px}#sidenav ul li,.sidenav-sub ul li{border-bottom:1px solid #ddd}#sidenav ul li.dropdown a:link,#sidenav ul li.dropdown a:visited{background:url(../images/sidenav-arrow.gif) left center no-repeat}#sidenav ul li.dropdown a.active{background:url(../images/sidenav-arrow-active.gif) left center no-repeat}.sidenav-sub ul li.dropdown a:link,.sidenav-sub ul li.dropdown a:visited{background:url(../images/sidenav-arrow.gif) left top no-repeat;margin-top:12px}#sidenav ul li a:link,#sidenav ul li a:visited{display:block;height:auto;padding:8px 15px 8px 26px}#sidenav ul li ul li a:link,#sidenav ul li ul li a:visited{padding-left:37px}.sidenav-sub ul li a:link,.sidenav-sub ul li a:visited{display:block;padding:0 15px 10px 26px;line-height:16px}#sidenav ul li.active{background:url(../images/sidenav-active.png) left center no-repeat;width:230px;border:0}#sidenav ul li ul li ul li a:link,#sidenav ul li ul li ul li a:visited{padding-left:48px}#press tr:nth-child(even){background-color:#e5e5e5}table{width:100%}td{padding:12px}table td img,table tr img{border:0;float:left;margin-right:10px}.icon{float:left;width:auto;margin-right:15px;padding:10px 0;border:0}.calendar{background:url(../images/icon-calendar.jpg) left top no-repeat;float:left;margin-right:10px;width:45px;height:54px;text-align:center;padding:4px 0}.fauxhead{background:url(../images/table-arrow.jpg) right top no-repeat;width:100%;height:11px}#home-our-projects td{height:92px;width:296px;padding:6px}#ecosystem_presentation{height:30px;padding-top:10px;padding-left:60px;vertical-align:middle;background:url("../images/video.png") no-repeat scroll left center transparent;font-size:1.7em;font-weight:bold}#ecosystem_presentation a{text-decoration:none}.project{float:left;padding:6px;border:1px solid #cac8a7;height:76px;width:284px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.project img{border:0;margin-right:6px}.beige{background:#f5f5df}.gray{background:#e0e0e0}.meta{float:right;width:auto}.windows24{background:url("../images/icon-windows24.png") no-repeat scroll left center transparent}.mac24{background:url("../images/icon-mac24.png") no-repeat scroll left center transparent}.linux24{background:url("../images/icon-linux24.png") no-repeat scroll left center transparent}.android24{background:url("../images/icon-android24.png") no-repeat scroll left center transparent;background-size:24px}.smartphone24{background:url("../images/icon-smartphone24.png") no-repeat scroll left center transparent}.sourcecode24{background:url("../images/icon-sourcecode24.png") no-repeat scroll left center transparent}.windows24,.mac24,.linux24,.android24,.smartphone24,.sourcecode24{display:block;line-height:32px;padding:0 0 0 33px}.accordionButton{background:url("../images/table-title.jpg") repeat-x left bottom #885ca4;color:#fff;margin:0;font-size:1.1em;font-weight:bold;height:32px;float:left;_float:none;border:1px solid #fff;border-bottom:0;cursor:pointer;-webkit-border-top-left-radius:7px;-webkit-border-top-right-radius:7px;-moz-border-radius-topleft:7px;-moz-border-radius-topright:7px;border-top-left-radius:7px;border-top-right-radius:7px;position:relative;padding-left:30px;width:680px}.accordionButton:hover{background:url("../images/table-title-hover.jpg") repeat-x left bottom #885ca4;text-shadow:1px 1px 0 rgba(17,17,17,1)}.downloads{padding:0 16px 0 0;text-align:center}.lang{float:right;display:none;width:80px;height:20px;margin:0 7px 0 0;padding:0 0 0 3px;background-color:#fefff7;border:2px solid #cccfb8;border-top:0;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.button{text-align:center;display:block;width:234px;height:69px;text-decoration:none;background:url(../images/button-downloadpage.png) bottom left no-repeat;margin:0 auto 8px auto;text-shadow:1px 1px 0 rgba(17,17,17,1);-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.button .strong{display:block;padding:10px 0 0 57px}.button .normal{padding:5px 0 0 57px;display:block}.sig{display:block;margin:3px 0 20px 0;margin-bottom:5px}#download-donate{background-attachment:scroll;background-clip:border-box;background-color:transparent;background-image:url(../images/headerbg.jpg);background-origin:padding-box;background-position:0 0;background-repeat:no-repeat;background-size:100% 100%}.package{display:block;float:left;width:250px;margin:0;padding:20px 20px 20px 20px}.package h2,.package em{display:block;width:100%;text-align:left}.package h2{padding-top:10px;padding-bottom:5px;margin-bottom:3px}.package em{font-size:1.0;padding-top:8px;padding-bottom:4px}.package p{padding-left:0;font-size:15px;text-align:justify;margin-top:16px;padding-left:10px}.package p.alt-dl{text-align:left;text-indent:0;padding-left:0;margin-top:32px}.all-dl{display:block;text-align:left;width:100%;font-size:15px}.open{display:block}.lang-alt{line-height:15px;font-size:10px;float:right;margin-right:10px}.expander{text-align:right;float:right;padding:10px 20px 0 0;font-size:15px;display:none}.title{background:url(../images/table-title-arrow.jpg) right top no-repeat;padding:10px 25px 0 10px;height:33px;float:left}.title a:link,.title a:visited{background:url(../images/table-title.jpg) left top no-repeat;height:33px;display:block}.paypal{float:left;width:auto;min-height:159px;max-width:365px}.paypal span{padding-right:20px}.warning-top{width:618px;padding:10px 10px 10px 60px;margin:0 10px 0 10px;display:block;background:url("../images/warning.png") no-repeat scroll 2px 23px #fffeb6;border:1px solid #a6a427;border-bottom:0;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px}.warning-top h2{padding-right:15px;padding-left:0;margin-bottom:5px}.warning-top p{padding-left:10px;margin-bottom:0}.note{float:left;_float:none;padding:25px 25px;margin-top:4px}.note p{padding-left:10px}.focus{background:#f4f2c7;border:1px solid #ebd4a9;padding:10px 15px}.focus .icon{float:left;width:auto;margin-right:10px}.featured-project{width:313px}input,select{margin:0 3px 10px 0}input.textfield{padding:0 10px;vertical-align:top}.donate-btn{background:left top no-repeat;height:26px;width:92px;text-indent:-9999px;overflow:hidden;border:0;vertical-align:top;margin-top:5px}.donate-btn:hover{background-position:0 -26px;cursor:pointer}.signup{background:#96c35a;border-top:1px solid #6ab334;border-left:1px solid #6ab334;border-bottom:1px solid #5a952b;border-right:1px solid #5a952b;height:31px;padding:0 5px;vertical-align:top;color:#222c14;font-weight:bold;font-size:1em;line-height:1em}.signup:hover{background:#6ab334}select#lang{float:left;width:160px;margin-right:3px}.go{background:#96c35a;border-top:1px solid #6ab334;border-left:1px solid #6ab334;border-bottom:1px solid #5a952b;border-right:1px solid #5a952b;padding:0 5px;vertical-align:top;color:#222c14;font-weight:bold;font-size:1em;line-height:1em;height:18px}.go:hover{background:#6ab334}#footer{width:1024px;height:200px;border-top:1px solid #ddd;padding:20px 0;margin:20px 0 0}.onion{float:left;width:88px;padding-right:20px;height:100%}#footer .about{width:180px;padding-right:30px;border-right:1px solid #ddd;float:left}#footer .newsletter{padding:0 0 15px 30px;width:auto;margin-left:308px}#footer input.textfield{width:220px;height:26px}#footer input{margin:0}#footer .col{float:left;width:100px;margin-left:20px}#footer .first{margin-left:30px}#footer .wider{width:201px}small{margin:0 auto 0 auto;text-align:center;font-size:10px;font-style:italic}.hlist{text-align:center;display:block;width:100%;padding:0;list-style:none;margin:0 0 18px 0}.hlist li{display:inline-block;border-right:1px solid #444;margin-left:-4px}.hlist li.last{border-right:0 solid #444}.hlist a{display:block;top:0;right:0;bottom:0;left:0;text-decoration:none;font-weight:bold;padding:0 8px}.dbox{float:none;text-align:center;color:#222;border:0;padding:1.4em .7em;width:163px;margin:0 0 0 10px}.dbox p{display:block;padding:0;margin:0}.dbox h2{padding:13px 0 15px 0;position:relative;color:black;font-family:Helvetica,Arial,sans-serif;font-size:18px;font-weight:normal;height:35px;margin-bottom:-20px;margin-left:-6px;z-index:-10}.dbox input.donate-btn{background:url(../images/btn_donateCC_LG.gif) left top no-repeat transparent;height:68px;width:186px;margin-top:0;display:block;background-color:transparent;color:transparent;margin:10px auto 10px auto;padding:0}.dbox span{float:left;padding-right:0}.dbox div label{padding:0 10px 0 0}.dbox h6#ppinfo{width:100%;text-align:center;margin:-15px auto 0 auto}.dbox small,.dbox.donate #ppinfo{margin:0 auto 0 auto;text-align:center;font-size:10px;font-style:normal}.dbox.dl{float:none;width:177px;margin:0 5px 20px 5px}.dbox.dl input.amount{width:87px}.dbox.donate{float:none;padding:30px 30px;width:626px;min-height:0;max-width:none;text-align:left}.dbox.donate input,.dbox.donate select{padding-bottom:0;margin-bottom:0}.dbox.donate .drow{margin:0 0 0 20px}.dbox.donate .drow div{padding:0;width:auto;display:block}.dbox.donate h3{padding-left:0;color:#23300e;margin:0 0 10px 0}.dbox.donate h4{padding-left:20px}.dbox.donate p{padding:5px 20px 15px 40px}.dbox.donate span{float:left;padding-right:0}.dbox.donate div label{padding:0 10px 0 0}.dbox.donate .type{padding-left:20px}.dbox.donate select#t3{width:auto;margin-bottom:0}.dbox.donate ul.amounts{width:auto}.dbox.donate ul.amounts li{display:inline-block}.dbox.donate ul.amounts li label{padding:0 0 0 5px}.dbox.donate input.donate-btn{background:url(../images/btn_donateCC_LG.gif) left top no-repeat transparent;height:26px;width:115px;margin-top:-3px;display:inline-block;background-color:transparent;color:transparent;border:0 solid transparent}.dbox.dsmall{position:relative;display:inline-block;width:170px;height:140px;text-align:center;margin:0 10px;vertical-align:top}.dbox.dsmall input.donate-btn{background:url() left top no-repeat transparent;width:auto;height:auto;margin-top:0;display:block;background-color:transparent;color:transparent;border:0 solid transparent}.dbox.dsmall div label{padding:0}.dbox.dsmall small{display:block;position:absolute;width:172px;float:none;bottom:20px;margin:0 auto}.givv p{text-align:justify;margin-top:10px;font-size:11px;line-height:13px}dwolla p{text-align:justify;margin-top:10px;font-size:11px;line-height:13px}div.blogRow,div.blogFirstRow{height:40px;padding:3px 10px;margin:0}div.blogLastRow{height:20px;text-align:center}div.blogFirstRow{height:22px;background:url(../images/table-head.jpg) left top repeat-x #885ca4}.blogRow:hover{background:#f6ffd5}div.blogRow1,div.blogRow3{background:#eee8f1}.blogFeed a{text-decoration:none}.blogFeed p{margin:0;font-size:12px}p.blogTitle{font-weight:bold;text-decoration:underline}p.blogAuthor{color:#000;text-align:right;margin-top:-20px}p.blogAuthor em{color:#4e6a20;text-align:right;margin-top:-20px}p.blogDate{color:#000}.blogFeed h2{font-size:1.467em;margin:0;line-height:23px;color:#f6f6ed}#projectpage td{width:50%}.projectbox{width:710px;position:relative;margin-bottom:80px}.projectbox .name{font-size:1.5em;font-weight:bold}.projectbox a img{float:none;position:absolute;top:0;left:0}.projectbox .projectdesc{margin-left:100px}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block}/*\*/* html .clearfix{height:1%}.clearfix{display:block}/**/.joblink{display:block;font-size:128%;font-weight:bold;padding:10px 5px;text-align:right}.joblink a{text-decoration:none}.dropbtn{background-color:white;padding:16px 0 0 0;font-size:100%;border:0;cursor:pointer}.dropdown{position:relative;display:inline-block;padding:0;margin-top:-16px;top:0}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);z-index:1;margin:48px 0 0 0}.dropdown-content a{color:black;padding-top:12px 16px;text-decoration:none;display:block}.dropdown:hover .dropdown-content{display:block}.accordion{margin:10px auto 30px auto}.accordion pre{padding:15px;line-height:150%}.accordion .hint{color:grey;font-size:90%}.accordion input{display:none}.accordion label:hover,.accordion input:checked+label,.accordion input:checked+label:hover{text-shadow:0 1px 1px rgba(255,255,255,0.6)}.accordion label{padding:5px 0;position:relative;z-index:19;display:block;cursor:pointer;text-shadow:1px 1px 1px rgba(255,255,255,0.8);background:linear-gradient(top,#fff 1%,#bda5cc 100%)}.accordion label a{color:#66a516}.accordion div.nav{right:50px}.accordion .nav{float:right;max-width:400px;text-decoration:none}.accordion .nav ul{list-style:none;text-align:right}.accordion .nav hint{font-size:-50%}.accordion article{height:0;overflow:hidden;position:relative;z-index:10;transition:height .3s ease-in-out,box-shadow .6s linear}.accordion .ac-box input:active ~ label p a,.accordion .ac-box input:checked ~ label p a{font-weight:bold;color:red;text-decoration:underline}.accordion div:hover ~ article,.accordion div:active ~ article,.accordion input:checked ~ article{height:100%;transition:height .5s ease-in-out,box-shadow .1s linear}.accordion input:active ~ article.ac-box .accordion input:checked ~ article.ac-box{-background:grey;border:solid 1px #66a516;padding:15px;margin-bottom:30px}.accordion article h4{margin:15px}.accordion article.ac-box label,.accordion article.ac-box label h4{display:inline}.dlcontent{margin:25px;font-family:sans-serif}.dlcontent h1{padding:25px;text-align:center;margin:10px 50px}.dlcontent section p{margin-left:50px}.tor-source,.dlcontent .nav{float:left}.dlcontent .nav ul{list-style:none;margin:0}.dlcontent .nav li{display:block;margin:0;padding:0;font-size:1em;font-weight:bold;height:33px;border-top-left-radius:7px;border-top-right-radius:7px;width:250px;background:url("../images/table-title.jpg") repeat-x left bottom #885ca4}.dlcontent .nav li a{color:#fff}.accordion.download label{margin-left:25px;padding-left:30px}.accordion.download input:checked ~ article{padding:20px;border:solid 1px #66a516}.dltor,section#torbrowser .os,section#torbrowser .lang{clear:both}table#packages th{padding:10px}.tblang th{text-align:center;font-weight:bold}.accordion.download article h2{font-family:sans-serif;font-size:2em;text-align:center;margin:25px}
3 3
\ No newline at end of file
... ...
@@ -19,7 +19,7 @@
19 19
 
20 20
 #include "dlhead.wmi" TITLE="Download Tor" CHARSET="UTF-8"
21 21
 
22
-<div id="content" class="clearfix">
22
+<div id="content" class="clearfix dlcontent">
23 23
   <div id="breadcrumbs"><a href="<page index>">Home &raquo; </a><a href="<page download/download>">Download</a></div>
24 24
   <div id="maincol-left">
25 25
 <!-- BEGIN TEASER WARNING -->
... ...
@@ -33,6 +33,155 @@ you are used to. Please read the <a href="#warning">full list of warnings</a> fo
33 33
 
34 34
 <!-- START DOWNLOADS -->
35 35
 
36
+<!-- START TOR -->
37
+ <section id="tor" class="accordion download">
38
+  <h1><a name="tor">Download Tor</a></h1>
39
+  <p class="info">
40
+    <a id="ChangeLog"></a><a id="Stable"></a><a id="Testing"></a>
41
+    For a list of what has changed in each stable Tor release, see the
42
+    <a href="<gitblob>ReleaseNotes<cgitstable>">ReleaseNotes</a>.<br/>
43
+    For a list of changes in both stable and development versions, see the
44
+    <a href="<gitblob>ChangeLog">ChangeLog</a>.
45
+  </p>
46
+  <div>
47
+  <ul class="nav">
48
+   <li><label for="ac-tor-packages" class="sourcecode24"><a name="tor-packages">Packages</a></label></li>
49
+  </ul>
50
+  <ul class="nav">
51
+   <li><label for="ac-tor-source" class="sourcecode24"><a name="tor-source">Source Tarballs</a></label></li>
52
+  </ul>
53
+  </div>
54
+
55
+<!-- START TOR PACKAGE -->
56
+  <div id="tor-packages" class="dltor">
57
+   <input id="ac-tor-packages" name="accordion-tor-packages" type="checkbox" />
58
+   <article class="ac-small">
59
+
60
+<table id="packages" class="topforty">
61
+<thead>
62
+<tr bgcolor="#009933" style="color: white; ">
63
+  <th colspan="2">Platform</th>
64
+  <th>Download Stable</th>
65
+  <th>Download Unstable</th>
66
+  <th>Installation and Configuration</th>
67
+</tr>
68
+</thead>
69
+
70
+<tr>
71
+<td align="center"><img src="$(IMGROOT)/distros/debian.png" alt="Debian"> <img src="$(IMGROOT)/distros/ubuntu.png" alt="Ubuntu"> <img src="$(IMGROOT)/distros/knoppix.png" alt="Knoppix"></td>
72
+<td>Debian, Ubuntu, Knoppix</td>
73
+<td colspan="2"><a href="<page docs/debian>">repository packages</a> </td>
74
+<td> <a href="<page docs/tor-doc-unix>">Linux/BSD/Unix</a> </td>
75
+</tr>
76
+
77
+<tr class="beige">
78
+<td align="center"><img src="$(IMGROOT)/distros/centos.png" alt="CentOS"> <img src="$(IMGROOT)/distros/fedora.png" alt="Fedora"></td>
79
+<td>CentOS and Fedora</td>
80
+<td colspan="2">yum install tor / dnf install tor</td>
81
+<td> <a href="<page docs/tor-doc-unix>">Linux/BSD/Unix</a> </td>
82
+</tr>
83
+
84
+<tr>
85
+<td align="center"><img src="$(IMGROOT)/distros/gentoo.png" alt="Gentoo Linux"></td>
86
+<td>Gentoo Linux</td>
87
+<td colspan="2"><kbd>emerge tor</kbd></td>
88
+<td>
89
+<a href="<page docs/tor-doc-unix>">Linux/BSD/Unix</a><br>
90
+</td>
91
+</tr>
92
+
93
+<tr class="beige">
94
+<td align="center"><img height="40" src="$(IMGROOT)/distros/slackware.png" alt="Slackware"></td>
95
+<td>Slackware</td>
96
+<td colspan="2"><a href="https://slackbuilds.org/repository/14.2/network/tor/">SlackBuilds.org</a></td>
97
+<td>
98
+<a href="<page docs/tor-doc-unix>">Linux/BSD/Unix</a><br>
99
+</td>
100
+</tr>
101
+
102
+<tr>
103
+<td align="center"><img src="$(IMGROOT)/distros/freebsd.png" alt="FreeBSD"></td>
104
+<td>FreeBSD</td>
105
+<td colspan="2"><kbd>pkg install tor</kbd></td>
106
+<td><a href="<page docs/tor-doc-unix>">Linux/BSD/Unix</a></td>
107
+</tr>
108
+
109
+<tr class="beige">
110
+<td align="center"><img src="$(IMGROOT)/distros/openbsd.png" alt="OpenBSD"></td>
111
+<td>OpenBSD</td>
112
+<td colspan="2"><kbd>pkg_add tor</kbd></td>
113
+<td>
114
+<a href="<page docs/tor-doc-unix>">Linux/BSD/Unix</a><br>
115
+<a href="<wiki>doc/OpenbsdChrootedTor">Guide to chrooting Tor in OpenBSD</a>
116
+</td>
117
+</tr>
118
+
119
+<tr>
120
+<td align="center"><img src="$(IMGROOT)/distros/netbsd.png" alt="NetBSD"></td>
121
+<td>NetBSD</td>
122
+<td colspan="2"><kbd>cd /usr/pkgsrc/net/tor &amp;&amp; make install</kbd></td>
123
+<td><a href="<page docs/tor-doc-unix>">Linux/BSD/Unix</a></td>
124
+</tr>
125
+
126
+<tr class="beige">
127
+<td align="center"><img src="$(IMGROOT)/distros/terminal.png" alt="Source code"></td>
128
+<td>Source tarballs</td>
129
+<td>
130
+<a href="<package-source-stable>"><version-stable></a>
131
+ (<a href="<package-source-stable>.asc">sig</a>)
132
+</td>
133
+<td>
134
+<a href="<package-source-alpha>"><version-alpha></a>
135
+ (<a href="<package-source-alpha>.asc">sig</a>)
136
+</td>
137
+<td><kbd>./configure &amp;&amp; make &amp;&amp; src/or/tor</kbd> (or src/app/tor starting in 0.3.5.x)</td>
138
+</tr>
139
+
140
+</table>
141
+   </article>
142
+  </div>
143
+<!-- END TOR PACKAGE -->
144
+<!-- START TOR SOURCE -->
145
+  <div id="tor-source" class="dltor">
146
+   <input id="ac-tor-source" name="accordion-tor-source" type="checkbox" />
147
+   <article class="ac">
148
+           <p style="text-align:center">Build and run with: <code style="color: #666666;">./configure &amp;&amp; make &amp;&amp; src/or/tor</code> (or src/app/tor starting in 0.3.5.x)<br/>
149
+             See the <a href="<gitblob>ChangeLog">Changelog</a> for what's new.</p>
150
+           <div id="stable" style="margin-left:75px; float: left;">
151
+            <h2 style="text-align: center">Stable</h2>
152
+	    <a class="button" href="../dist/tor-<version-stable>.tar.gz"><span class="strong">Stable</span><span class="normal">Version <version-stable></span></a>
153
+	    <div class="sig">
154
+              <p>
155
+	      <a href="<gitblob>ReleaseNotes<cgitstable>">Release notes</a> &#x2012; <a href="../dist/tor-<version-stable>.tar.gz.asc">signature</a> &#x2012; <a class="siginfo" href="<page docs/verifying-signatures>">What's This?</a>
156
+              </p>
157
+	    </div>
158
+	    <a class="button" href="../dist/tor-<version-oldstable>.tar.gz"><span class="strong">Oldstable</span><span class="normal">Version <version-oldstable></span></a>
159
+	    <div class="sig">
160
+              <p>
161
+              <a href="<gitblob>ReleaseNotes<cgitoldstable>">Release notes</a> &#x2012; <a href="../dist/tor-<version-oldstable>.tar.gz.asc">signature</a> &#x2012; <a class="siginfo" href="<page docs/verifying-signatures>">What's This?</a>
162
+              </p>
163
+	    </div>
164
+           </div>
165
+           <div id="unstable" class="tor-source">
166
+            <h2 style="text-align: center">Unstable</h2>
167
+	    <a class="button" href="../dist/tor-<version-testing>.tar.gz"><span class="strong">Unstable</span><span class="normal">Version <version-testing></span></a>
168
+	    <div class="sig">
169
+	      <a href="../dist/tor-<version-testing>.tar.gz.asc">signature</a> &#x2012; <a class="siginfo" href="<page docs/verifying-signatures>">What's This?</a>
170
+	    </div>
171
+	    <a class="button" href="../dist/tor-<version-beta>.tar.gz"><span class="strong">Unstable</span><span class="normal">Version <version-beta></span></a>
172
+	    <div class="sig">
173
+	      <a href="../dist/tor-<version-beta>.tar.gz.asc">signature</a> &#x2012; <a class="siginfo" href="<page docs/verifying-signatures>">What's This?</a>
174
+	    </div>
175
+	    <a class="button" href="../dist/tor-<version-alpha>.tar.gz"><span class="strong">Unstable</span><span class="normal">Version <version-alpha></span></a>
176
+	    <div class="sig">
177
+	      <a href="../dist/tor-<version-alpha>.tar.gz.asc">signature</a> &#x2012; <a class="siginfo" href="<page docs/verifying-signatures>">What's This?</a>
178
+	    </div>
179
+   </article>
180
+<!-- END TOR SOURCE -->
181
+</div>
182
+</section>
183
+<!-- END TOR -->
184
+
36 185
 <!-- START TOR BROWSER -->
37 186
  <h1>Download Tor Browser</h1>
38 187
  <section id="torbrowser" class="accordion download">
... ...
@@ -40,20 +189,36 @@ you are used to. Please read the <a href="#warning">full list of warnings</a> fo
40 189
   This section uses a CSS accordion to hide and show topics.
41 190
   Styles are defined at the bottom of layout.css.
42 191
 -->
43
-<p>Everything you need to safely browse the Internet. <a href="<page projects/torbrowser>">Learn more &raquo;</a><br/>
44
-<a href="https://blog.torproject.org/category/tags/tbb">Read the release announcements!</a></p>
45
-<p><a class="additional" href="#torbrowser-alpha">Download Unstable</a></p>
192
+  <p>Everything you need to safely browse the Internet. <a href="<page projects/torbrowser>">Learn more &raquo;</a><br/>
193
+  <a href="https://blog.torproject.org/category/tags/tbb">Read the release announcements!</a></p>
194
+<!-- OS LINKS -->
195
+  <div>
196
+   <ul class="nav">Desktop
197
+   <li><label for="ac-windows"class="windows24"><a name="windows">Microsoft Windows</a></label>
198
+   <li><label for="ac-mac" class="mac24"><a name="mac">Mac OS X</a></label>
199
+   <li><label for="ac-linux" class="linux24"><a name="linux">Linux</a></label>
200
+   <li><label for="ac-bsd" class="sourcecode24"><a name="openbsd">OpenBSD</a></label>
201
+   <li><label for="ac-tbsource" class="sourcecode24"><a name="source">Build from source</a></label></li>
202
+  </ul>
203
+  <ul class="nav">Mobile
204
+   <li><label for="ac-android" class="android24"><a name="android">Android</a></label>
205
+   <li><label for="ac-ios" class="smartphone24"><a name="ios">IOS</a></label>
206
+  </ul>
207
+  <ul class="nav">Language specific versions
208
+   <li><label for="ac-lang-stable" class="languages24"><a name="lang">Stable</a></label>
209
+   <li><label for="ac-lang-alpha" class="alpha24"><a name="alpha">Unstable</a></label>
210
+  </ul>
211
+  </div>
212
+
46 213
 <!-- START WINDOWS -->
47
- <div id="windows">
48
-   <input id="ac-0" name="accordion-0" type="checkbox" />
49
-   <label for="ac-0" class="windows24">
50
-    <h1><a name="windows">Microsoft Windows</a></h1>
51
-   </label>
214
+ <div id="windows" class="os">
215
+   <input id="ac-windows" name="accordion-os" type="radio" />
52 216
    <article class="ac-small">
217
+     <h2>Tor Browser for Windows</h2>
53 218
 <!-- WINDOWS 64 Bit -->
54 219
      <div class="package">
55 220
 	  <div class="desc">
56
-	    <h2>64 Bit</h2>
221
+	    <h3>64 Bit</h3>
57 222
 	    <em>Version <version-torbrowserbundle> - Windows 10, 8, and 7</em>
58 223
 	  </div>
59 224
 	  <form class="downloads">
... ...
@@ -73,7 +238,7 @@ you are used to. Please read the <a href="#warning">full list of warnings</a> fo
73 238
 <!-- WINDOWS 32-Bit -->
74 239
     <div class="package">
75 240
 	  <div class="desc">
76
-	    <h2>32 Bit</h2>
241
+	    <h3>32 Bit</h3>
77 242
 	    <em>Version <version-torbrowserbundle> - Windows 10, 8, and 7</em>
78 243
 	  </div>
79 244
 	  <form class="downloads">
... ...
@@ -91,7 +256,7 @@ you are used to. Please read the <a href="#warning">full list of warnings</a> fo
91 256
 <!-- WINDOWS EXPPERT BUNDLE -->
92 257
     <div class="package">
93 258
 	  <div class="desc">
94
-	    <h2>Expert Bundle</h2>
259
+	    <h3>Expert Bundle</h3>
95 260
 	    <em>Version <version-torbrowserbundle> - Windows 10, 8, 7, Vista,
96 261
                 XP, 2000, 2003 Server, ME, and Windows 98SE</em>
97 262
 	  </div>
... ...
@@ -114,15 +279,12 @@ you are used to. Please read the <a href="#warning">full list of warnings</a> fo
114 279
 <!-- END WINDOWS -->
115 280
 
116 281
 <!-- START OS X -->
117
- <div id="apple">
118
-   <input id="ac-mac" name="accordion-mac" type="checkbox" />
119
-   <label for="ac-mac" class="mac24">
120
-    <h1><a name="mac">Mac OS X</a></h1>
121
-   </label>
282
+ <div id="apple" class="os">
283
+   <input id="ac-mac" name="accordion-os" type="radio" />
122 284
    <article id="osx" class="ac-small">
285
+        <h2>Tor Browser for Mac OS X</h2>
123 286
 	<div class="package">
124 287
 	  <div class="desc">
125
-            <h2>Tor Browser Bundle</h2>
126 288
 	    <em>Version <version-torbrowserbundleosx64> - OS X (10.9+)</em> 
127 289
 	  </div>
128 290
 	  <form class="downloads">
... ...
@@ -141,16 +303,14 @@ you are used to. Please read the <a href="#warning">full list of warnings</a> fo
141 303
 <!-- END OS X -->
142 304
 
143 305
 <!-- START UNIX -->
144
- <div id="unix">
145
-   <input id="ac-2" name="accordion-0" type="checkbox" />
146
-   <label for="ac-2" class="linux24">
147
-    <h1><a name="linux">Linux</a></h1>
148
-   </label>
306
+ <div id="unix" class="os">
307
+   <input id="ac-linux" name="accordion-os" type="radio" />
149 308
    <article class="ac-small">
309
+     <h2>Tor Browser for Linux</h2>
150 310
 <!-- LINUX 64 Bit -->
151 311
 	<div class="package" >
152 312
 	  <div class="desc">
153
-	    <h2>64 Bit</h2>
313
+	    <h3>64 Bit</h3>
154 314
 	    <em>Version <version-torbrowserbundlelinux64> - Linux, BSD, and Unix<</em>
155 315
 	  </div>
156 316
 	  <form class="downloads">
... ...
@@ -167,7 +327,7 @@ you are used to. Please read the <a href="#warning">full list of warnings</a> fo
167 327
 <!-- LINUX 32 Bit -->
168 328
 	<div class="package" style="padding-top: 13px; border-top: 0px;">
169 329
 	  <div class="desc">
170
-	    <h2>32-Bit</h2>
330
+	    <h3>32-Bit</h3>
171 331
 	    <em>Version <version-torbrowserbundlelinux32> - Linux, BSD, and Unix<</em>
172 332
 	  </div>
173 333
 	  <form class="downloads">
... ...
@@ -185,13 +345,11 @@ you are used to. Please read the <a href="#warning">full list of warnings</a> fo
185 345
   </div>
186 346
 <!-- END UNIX -->
187 347
 <!-- START OPENBSD -->
188
- <div id="bsd">
189
-   <input id="ac-bsd" name="accordion-bsd" type="checkbox" />
190
-   <label for="ac-bsd" class="openbsd24">
191
-    <h1><a name="openbsd">OpenBSD</a></h1>
192
-   </label>
348
+ <div id="bsd" class="os">
349
+   <input id="ac-bsd" name="accordion-os" type="radio" />
193 350
    <article id="openbsd" class="ac-small">
194 351
       <div class="desc">
352
+     <h2>Tor Browser for OpenBSD</h2>
195 353
 	<p>
196 354
         To install Tor Browser on OpenBSD, run:</p>
197 355
         <pre>pkg_add tor-browser</pre>
... ...
@@ -211,16 +369,17 @@ you are used to. Please read the <a href="#warning">full list of warnings</a> fo
211 369
    </article>
212 370
   </div>
213 371
 <!-- END OPENBSD -->
372
+<!-- END DESKTOP -->
373
+
374
+<!-- START SMARTPHONES -->
214 375
 <!-- START ANDROID -->
215
- <div id="android">
216
-   <input id="ac-3" name="accordion-0" type="checkbox" />
217
-   <label for="ac-3" class="android24">
218
-    <h1><a name="android">Android</a></h1>
219
-   </label>
376
+ <div id="android" class="os">
377
+   <input id="ac-android" name="accordion-os" type="radio" />
220 378
    <article class="ac-small">
379
+     <h2>Tor Browser for Android</h2>
221 380
 	<div class="package">
222 381
 	  <div class="desc">
223
-	    <h2>Stable</h2>
382
+	    <h3>Stable</h3>
224 383
 	    <!--<em>Version <version-torbrowserbundleandroid> - Android</em>-->
225 384
 	  </div>
226 385
           <p>
... ...
@@ -233,7 +392,7 @@ you are used to. Please read the <a href="#warning">full list of warnings</a> fo
233 392
           </p>
234 393
         </div>
235 394
   	<div class="package">
236
-          <h2>Alpha</h2>
395
+          <h3>Alpha</h3>
237 396
           <p>
238 397
           Introducing Tor Browser for Android, the mobile browser with the
239 398
           highest privacy protections ever available and on par with Tor
... ...
@@ -266,20 +425,11 @@ you are used to. Please read the <a href="#warning">full list of warnings</a> fo
266 425
    </article>
267 426
   </div>
268 427
 <!-- END ANDROID -->
269
-
270
-<!-- START SMARTPHONES -->
271
- <div id="smartphone">
272
-   <input id="ac-4" name="accordion-0" type="checkbox" />
273
-   <label for="ac-4" class="smartphone24">
274
-    <h1><a name="smartphone">Smartphones</a></h1>
275
-   </label>
276
-   <article class="ac-small">
277 428
 <!-- START IOS -->
278
-     <div class="package">
279
-       <div class="desc">
280
-         <h2>iOS</h2>
281
-	 <!--<em>Version <version-torbrowserbundleios> - iOS</em>-->
282
-       </div>
429
+ <div id="smartphones" class="os">
430
+   <input id="ac-ios" name="accordion-os" type="radio" />
431
+   <article id="smartphone" class="ac-small">
432
+     <h2>iOS</h2>
283 433
        <p>
284 434
        Unfortunately we do not have the capacity to offer a version of
285 435
        Tor Browser for IOS at the moment, but
... ...
@@ -288,19 +438,30 @@ you are used to. Please read the <a href="#warning">full list of warnings</a> fo
288 438
        <a href="https://prism-break.org/en/categories/ios">prism-break</a>
289 439
        for security limitations of iOS.
290 440
        </p>
291
-     </div>
292 441
 <!-- END IOS -->
293 442
    </article>
294 443
   </div>
295 444
 <!-- END SMARTPHONES -->
296
-<!-- START LANGUAGES -->
297
- <div id="languages">
298
-   <input id="ac-languages" name="accordion-languages" type="checkbox" />
299
-   <label for="ac-languages" class="languages24">
300
-    <h1><a name="lang">Language versions</a></h1>
301
-   </label>
445
+<!-- START TOR BROWSER SOURCE -->
446
+  <div id="source" class="os">
447
+   <input id="ac-tbsource" name="accordion-os" type="radio" />
302 448
    <article class="ac-small">
449
+     <h2>Tor Browser from Source</h2>
450
+          <p>
451
+          To build <a href="<page projects/torbrowser>">Tor Browser</a>
452
+          from source see the
453
+          <a href="https://trac.torproject.org/projects/tor/wiki/doc/TorBrowser/Hacking">
454
+          Tor Browser Hacking Guide</a>
455
+          </p>
456
+   </article>
457
+  </div>
458
+<!-- END TOR BROWSER SOURCE -->
303 459
 
460
+<!-- START LANGUAGES -->
461
+ <div id="stable" class="tblang">
462
+   <input id="ac-lang-stable" name="accordion-os" type="radio" checked />
463
+   <article class="ac-small">
464
+     <h2>Tor Browser Stable</h2>
304 465
     <p>
305 466
     Save the file for Tor Browser in your preferred language to wherever is
306 467
     convenient, e.g. the Desktop or a USB flash drive.
... ...
@@ -315,7 +476,7 @@ you are used to. Please read the <a href="#warning">full list of warnings</a> fo
315 476
         <table>
316 477
           <thead>
317 478
         <tr>
318
-          <th><br>Language</th>
479
+          <th>Language</th>
319 480
           <th>Microsoft Windows <em>(<version-torbrowserbundle>)</em></th>
320 481
           <th>Apple MacOS <em>(<version-torbrowserbundleosx64>)</em></th>
321 482
           <th>GNU/Linux <em>(<version-torbrowserbundlelinux32>)</em></th>
... ...
@@ -729,13 +890,10 @@ you are used to. Please read the <a href="#warning">full list of warnings</a> fo
729 890
   </div>
730 891
 <!-- END LANGUAGES -->
731 892
 <!-- START ALPHA -->
732
- <div id="torbrowser-alpha">
733
-   <input id="ac-torbrowser-alpha" name="accordion-torbrowser-alpha" type="checkbox" />
734
-   <label for="ac-torbrowser-alpha" class="alpha24">
735
-    <h1><a name="alpha">Alpha version</a></h1>
736
-   </label>
893
+ <div id="alpha" class="tblang">
894
+   <input id="ac-lang-alpha" name="accordion-os" type="radio" />
737 895
    <article id="downloads-alpha" class="ac-small">
738
-
896
+     <h2>Tor Browser Unstable</h2>
739 897
     <p>
740 898
     Save the file for Tor Browser in your preferred language to wherever is
741 899
     convenient, e.g. the Desktop or a USB flash drive.
... ...
@@ -751,11 +909,11 @@ you are used to. Please read the <a href="#warning">full list of warnings</a> fo
751 909
         <table>
752 910
           <thead>
753 911
         <tr>
754
-          <th><br>Language</th>
755
-          <th>Microsoft Windows<br><em>(<version-torbrowserbundlebeta>)</em></th>
756
-          <th>Mac OS X<br><em>(<version-torbrowserbundleosx64beta>)</em></th>
757
-          <th>Linux<br><em>(<version-torbrowserbundlelinux32beta>)</em></th>
758
-          <th>Android<br><em>(<version-torbrowserbundleandroid>)</em></th>
912
+          <th>Language</th>
913
+          <th>Microsoft Windows <em>(<version-torbrowserbundlebeta>)</em></th>
914
+          <th>Mac OS X <em>(<version-torbrowserbundleosx64beta>)</em></th>
915
+          <th>Linux <em>(<version-torbrowserbundlelinux32beta>)</em></th>
916
+          <th>Android <em>(<version-torbrowserbundleandroid>)</em></th>
759 917
         </tr>
760 918
           </thead>
761 919
           <tbody>
... ...
@@ -1194,174 +1352,12 @@ you are used to. Please read the <a href="#warning">full list of warnings</a> fo
1194 1352
    </article>
1195 1353
   </div>
1196 1354
 <!-- END LANGUAGES -->
1197
-<!-- BEGIN SOURCE -->
1198
-  <div id="source">
1199
-   <input id="ac-5" name="accordion-0" type="checkbox" />
1200
-   <label for="ac-5" class="source24">
1201
-    <h1><a name="source">Source</a></h1>
1202
-   </label>
1203
-   <article class="ac-small">
1204
-	<div class="package" style="padding-top: 13px; border-top: 0px; border-bottom: 1px solid #888888;">
1205
-          <p>
1206
-          To build <a href="<page projects/torbrowser>">Tor Browser</a>
1207
-          from source see the
1208
-          <a href="https://trac.torproject.org/projects/tor/wiki/doc/TorBrowser/Hacking">
1209
-          Tor Browser Hacking Guide</a></p>
1210
-        </div>
1211
-   </article>
1212
-  </div>
1213 1355
 </section>
1214 1356
 <!-- END TOR BROWSER -->
1215 1357
 
1216
-<!-- START TOR -->
1217
- <h1>Download Tor</h1>
1218
- <section id="tor" class="accordion download">
1219
-<!-- START TOR PACKAGE -->
1220
-  <div id="tor-packages">
1221
-   <input id="ac-tor-packages" name="accordion-tor-packages" type="checkbox" />
1222
-   <label for="ac-tor-packages" class="source24">
1223
-    <h1><a name="tor-packages">Packages</a></h1>
1224
-   </label>
1225
-   <article class="ac-small">
1226
-
1227
-<table class="topforty">
1228
-<thead>
1229
-<tr bgcolor="#009933" style="color: white; ">
1230
-  <th colspan="2">Platform</th>
1231
-  <th>Download Stable</th>
1232
-  <th>Download Unstable</th>
1233
-  <th>Installation and Configuration</th>
1234
-</tr>
1235
-</thead>
1236
-
1237
-<tr>
1238
-<td align="center"><img src="$(IMGROOT)/distros/debian.png" alt="Debian"> <img src="$(IMGROOT)/distros/ubuntu.png" alt="Ubuntu"> <img src="$(IMGROOT)/distros/knoppix.png" alt="Knoppix"></td>
1239
-<td>Debian, Ubuntu, Knoppix</td>
1240
-<td colspan="2"><a href="<page docs/debian>">repository packages</a> </td>
1241
-<td> <a href="<page docs/tor-doc-unix>">Linux/BSD/Unix</a> </td>
1242
-</tr>
1243
-
1244
-<tr class="beige">
1245
-<td align="center"><img src="$(IMGROOT)/distros/centos.png" alt="CentOS"> <img src="$(IMGROOT)/distros/fedora.png" alt="Fedora"></td>
1246
-<td>CentOS and Fedora</td>
1247
-<td colspan="2">yum install tor / dnf install tor</td>
1248
-<td> <a href="<page docs/tor-doc-unix>">Linux/BSD/Unix</a> </td>
1249
-</tr>
1250
-
1251
-<tr>
1252
-<td align="center"><img src="$(IMGROOT)/distros/gentoo.png" alt="Gentoo Linux"></td>
1253
-<td>Gentoo Linux</td>
1254
-<td colspan="2"><kbd>emerge tor</kbd></td>
1255
-<td>
1256
-<a href="<page docs/tor-doc-unix>">Linux/BSD/Unix</a><br>
1257
-</td>
1258
-</tr>
1259
-
1260
-<tr class="beige">
1261
-<td align="center"><img height="40" src="$(IMGROOT)/distros/slackware.png" alt="Slackware"></td>
1262
-<td>Slackware</td>
1263
-<td colspan="2"><a href="https://slackbuilds.org/repository/14.2/network/tor/">SlackBuilds.org</a></td>
1264
-<td>
1265
-<a href="<page docs/tor-doc-unix>">Linux/BSD/Unix</a><br>
1266
-</td>
1267
-</tr>
1268
-
1269
-<tr>
1270
-<td align="center"><img src="$(IMGROOT)/distros/freebsd.png" alt="FreeBSD"></td>
1271
-<td>FreeBSD</td>
1272
-<td colspan="2"><kbd>pkg install tor</kbd></td>
1273
-<td><a href="<page docs/tor-doc-unix>">Linux/BSD/Unix</a></td>
1274
-</tr>
1275
-
1276
-<tr class="beige">
1277
-<td align="center"><img src="$(IMGROOT)/distros/openbsd.png" alt="OpenBSD"></td>
1278
-<td>OpenBSD</td>
1279
-<td colspan="2"><kbd>pkg_add tor</kbd></td>
1280
-<td>
1281
-<a href="<page docs/tor-doc-unix>">Linux/BSD/Unix</a><br>
1282
-<a href="<wiki>doc/OpenbsdChrootedTor">Guide to chrooting Tor in OpenBSD</a>
1283
-</td>
1284
-</tr>
1285
-
1286
-<tr>
1287
-<td align="center"><img src="$(IMGROOT)/distros/netbsd.png" alt="NetBSD"></td>
1288
-<td>NetBSD</td>
1289
-<td colspan="2"><kbd>cd /usr/pkgsrc/net/tor &amp;&amp; make install</kbd></td>
1290
-<td><a href="<page docs/tor-doc-unix>">Linux/BSD/Unix</a></td>
1291
-</tr>
1292
-
1293
-<tr class="beige">
1294
-<td align="center"><img src="$(IMGROOT)/distros/terminal.png" alt="Source code"></td>
1295
-<td>Source tarballs</td>
1296
-<td>
1297
-<a href="<package-source-stable>"><version-stable></a>
1298
- (<a href="<package-source-stable>.asc">sig</a>)
1299
-</td>
1300
-<td>
1301
-<a href="<package-source-alpha>"><version-alpha></a>
1302
- (<a href="<package-source-alpha>.asc">sig</a>)
1303
-</td>
1304
-<td><kbd>./configure &amp;&amp; make &amp;&amp; src/or/tor</kbd> (or src/app/tor starting in 0.3.5.x)</td>
1305
-</tr>
1306
-
1307
-</table>
1308
-   </article>
1309
-  </div>
1310
-<!-- END TOR PACKAGE -->
1311
-<!-- START TOR SOURCE -->
1312
-  <div id="tor-source">
1313
-   <input id="ac-tor-source" name="accordion-tor-source" type="checkbox" />
1314
-   <label for="ac-tor-source" class="source24">
1315
-    <h1><a name="tor-source">Source Tarballs</a></h1>
1316
-   </label>
1317
-   <article class="ac">
1318
-           <p style="text-align:center">Build and run with: <code style="color: #666666;">./configure &amp;&amp; make &amp;&amp; src/or/tor</code> (or src/app/tor starting in 0.3.5.x)<br/>
1319
-             See the <a href="<gitblob>ChangeLog">Changelog</a> for what's new.</p>
1320
-           <div id="stable" style="margin-left:75px; float: left;">
1321
-            <h2 style="text-align: center">Stable</h2>
1322
-	    <a class="button" href="../dist/tor-<version-stable>.tar.gz"><span class="strong">Stable</span><span class="normal">Version <version-stable></span></a>
1323
-	    <div class="sig">
1324
-              <p>
1325
-	      <a href="<gitblob>ReleaseNotes<cgitstable>">Release notes</a> &#x2012; <a href="../dist/tor-<version-stable>.tar.gz.asc">signature</a> &#x2012; <a class="siginfo" href="<page docs/verifying-signatures>">What's This?</a>
1326
-              </p>
1327
-	    </div>
1328
-	    <a class="button" href="../dist/tor-<version-oldstable>.tar.gz"><span class="strong">Oldstable</span><span class="normal">Version <version-oldstable></span></a>
1329
-	    <div class="sig">
1330
-              <p>
1331
-              <a href="<gitblob>ReleaseNotes<cgitoldstable>">Release notes</a> &#x2012; <a href="../dist/tor-<version-oldstable>.tar.gz.asc">signature</a> &#x2012; <a class="siginfo" href="<page docs/verifying-signatures>">What's This?</a>
1332
-              </p>
1333
-	    </div>
1334
-           </div>
1335
-           <div id="unstable" class="tor-source">
1336
-            <h2 style="text-align: center">Unstable</h2>
1337
-	    <a class="button" href="../dist/tor-<version-testing>.tar.gz"><span class="strong">Unstable</span><span class="normal">Version <version-testing></span></a>
1338
-	    <div class="sig">
1339
-	      <a href="../dist/tor-<version-testing>.tar.gz.asc">signature</a> &#x2012; <a class="siginfo" href="<page docs/verifying-signatures>">What's This?</a>
1340
-	    </div>
1341
-	    <a class="button" href="../dist/tor-<version-beta>.tar.gz"><span class="strong">Unstable</span><span class="normal">Version <version-beta></span></a>
1342
-	    <div class="sig">
1343
-	      <a href="../dist/tor-<version-beta>.tar.gz.asc">signature</a> &#x2012; <a class="siginfo" href="<page docs/verifying-signatures>">What's This?</a>
1344
-	    </div>
1345
-	    <a class="button" href="../dist/tor-<version-alpha>.tar.gz"><span class="strong">Unstable</span><span class="normal">Version <version-alpha></span></a>
1346
-	    <div class="sig">
1347
-	      <a href="../dist/tor-<version-alpha>.tar.gz.asc">signature</a> &#x2012; <a class="siginfo" href="<page docs/verifying-signatures>">What's This?</a>
1348
-	    </div>
1349
-   </article>
1350
-   <div class="note">
1351
-    <p>
1352
-    <a id="ChangeLog"></a><a id="Stable"></a><a id="Testing"></a>
1353
-    For a list of what has changed in each stable Tor release, see the
1354
-    <a href="<gitblob>ReleaseNotes<cgitstable>">ReleaseNotes</a>. For a list of
1355
-    changes in both stable and development versions, see the
1356
-    <a href="<gitblob>ChangeLog">ChangeLog</a>.
1357
-    </p>
1358
-   </div>
1359
-<!-- END TOR SOURCE -->
1360
-</div>
1361
-<!-- END TOR -->
1362 1358
 
1363 1359
 <!-- END DOWNLOADS -->
1364
-<hr/>
1360
+
1365 1361
 <!-- START NOTES-->
1366 1362
 <div id="license" class="note">
1367 1363
 <h2>License</h2>
... ...
@@ -1426,15 +1422,9 @@ href="<page getinvolved/mirrors>">list of sites mirroring the Tor site</a>.
1426 1422
  <div class="img-shadow sidenav-ez">
1427 1423
   <div class="sidenav-sub">
1428 1424
    <ul>
1429
-    <li class="dropdown"><a href="#windows">Microsoft Windows</a></li>
1430
-    <li class="dropdown"><a href="#apple">Apple OS X</a></li>
1431
-    <li class="dropdown"><a href="#linux">Linux/Unix</a></li>
1432
-    <li class="dropdown"><a href="#openbsd">OpenBSD</a></li>
1433
-    <li class="dropdown"><a href="#android">Android</a></li>
1434
-    <li class="dropdown"><a href="#smartphone">Smartphones</a></li>
1435
-    <li class="dropdown"><a href="#source">Source</a></li>
1436 1425
     <li class="dropdown"><a href="#license">License</a></li>
1437 1426
     <li class="dropdown"><a href="#other">Mirrors</a></li>
1427
+    <li class="dropdown"><a href="#other">Subscribe for Announcements</a></li>
1438 1428
    </ul>
1439 1429
   </div>
1440 1430
  </div>
... ...
@@ -1446,11 +1436,9 @@ href="<page getinvolved/mirrors>">list of sites mirroring the Tor site</a>.
1446 1436
   <div class="sidenav-sub">
1447 1437
    <h2>Having Trouble?</h2>
1448 1438
    <ul>
1449
-    <li class="dropdown"><a href="#warning">Check the warnings</a></li>
1450 1439
     <li class="dropdown"><a href="<page docs/documentation>">Read the fine manuals</a></li>
1451 1440
     <li class="dropdown"><a href="<page about/contact>#irc>">Get Support on IRC</a></li>
1452 1441
     <li class="dropdown"><a href="https://trac.torproject.org/projects/tor/wiki/doc/community/HowToReportBugFeedback">Report Bugs</a></li>
1453
-    <li class="dropdown"><a href="#other">Subscribe for Announcements</a></li>
1454 1442
    </ul>
1455 1443
   </div>
1456 1444
  </div>