Browse code

download: tweak design

traumschule authored on10/09/2018 08:56:48
Showing3 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,39 @@ 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
+}
713 665
 
714 666
 .package p.alt-dl {
715 667
   text-align: left;
... ...
@@ -725,15 +677,6 @@ table tr img {
725 677
   font-size: 15px;
726 678
 }
727 679
 
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 680
 .open {
738 681
   display: block;
739 682
   }
... ...
@@ -1452,12 +1395,72 @@ p.blogDate {
1452 1395
 }
1453 1396
 
1454 1397
 /* Accordion for download page  */
1455
-.accordion.download label {
1398
+.dlcontent {
1399
+  margin: 25px;
1400
+  font-family: sans-serif;
1401
+}
1402
+.dlcontent h1 {
1403
+  padding: 25px;
1404
+  text-align: center;
1405
+  margin: 10px 50px;
1406
+}
1407
+
1408
+.dlcontent section > p {
1456 1409
   margin-left: 50px;
1457
-  padding-left: 50px;
1458 1410
 }
1459
-.tor-source {
1460
-  margin-left:75px;
1411
+
1412
+.tor-source,
1413
+.dlcontent .nav {
1461 1414
   float: left;
1462 1415
 }
1416
+.dlcontent .nav ul {
1417
+  list-style: none;
1418
+  margin: 0px;
1419
+}
1420
+.dlcontent .nav li {
1421
+  display: block;
1422
+  margin: 0px;
1423
+  padding: 0px;
1424
+  font-size: 1em;
1425
+  font-weight: bold;
1426
+  height: 33px;
1427
+  border-top-left-radius: 7px;
1428
+  border-top-right-radius: 7px;
1429
+  width: 250px;
1430
+  background: url("../images/table-title.jpg") repeat-x left bottom #885ca4;
1431
+}
1432
+.dlcontent .nav li a {
1433
+  color: #fff;
1434
+}
1435
+
1436
+.accordion.download label {
1437
+  margin-left: 25px;
1438
+  padding-left: 30px;
1439
+}
1440
+
1441
+.accordion.download input:checked ~ article {
1442
+  padding:20px;
1443
+  border: solid 1px #66a516;
1444
+}
1445
+.dltor,
1446
+section#torbrowser .os,
1447
+section#torbrowser .lang {
1448
+  clear: both;
1449
+}
1450
+
1451
+table#packages th {
1452
+  padding: 10px;
1453
+}
1454
+
1455
+.tblang th {
1456
+  text-align: center;
1457
+  font-weight: bold;
1458
+}
1459
+.accordion.download article h2 {
1460
+  font-family: sans-serif;
1461
+  font-size: 2em;
1462
+  text-align: center;
1463
+  margin: 25px;
1464
+}
1465
+
1463 1466
 /* 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}.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">
... ...
@@ -96,7 +261,7 @@ you are used to. Please read the <a href="#warning">full list of warnings</a> fo
96 261
 <!-- WINDOWS EXPPERT BUNDLE -->
97 262
     <div class="package">
98 263
 	  <div class="desc">
99
-	    <h2>Expert Bundle</h2>
264
+	    <h3>Expert Bundle</h3>
100 265
 	    <em>Version <version-torbrowserbundle> - Windows 10, 8, 7, Vista,
101 266
                 XP, 2000, 2003 Server, ME, and Windows 98SE</em>
102 267
 	  </div>
... ...
@@ -119,15 +284,12 @@ you are used to. Please read the <a href="#warning">full list of warnings</a> fo
119 284
 <!-- END WINDOWS -->
120 285
 
121 286
 <!-- START OS X -->
122
- <div id="apple">
123
-   <input id="ac-mac" name="accordion-mac" type="checkbox" />
124
-   <label for="ac-mac" class="mac24">
125
-    <h1><a name="mac">Mac OS X</a></h1>
126
-   </label>
287
+ <div id="apple" class="os">
288
+   <input id="ac-mac" name="accordion-os" type="radio" />
127 289
    <article id="osx" class="ac-small">
290
+        <h2>Tor Browser for Mac OS X</h2>
128 291
 	<div class="package">
129 292
 	  <div class="desc">
130
-            <h2>Tor Browser Bundle</h2>
131 293
 	    <em>Version <version-torbrowserbundleosx64> - OS X (10.9+)</em> 
132 294
 	  </div>
133 295
 	  <form class="downloads">
... ...
@@ -146,16 +308,14 @@ you are used to. Please read the <a href="#warning">full list of warnings</a> fo
146 308
 <!-- END OS X -->
147 309
 
148 310
 <!-- START UNIX -->
149
- <div id="unix">
150
-   <input id="ac-2" name="accordion-0" type="checkbox" />
151
-   <label for="ac-2" class="linux24">
152
-    <h1><a name="linux">Linux</a></h1>
153
-   </label>
311
+ <div id="unix" class="os">
312
+   <input id="ac-linux" name="accordion-os" type="radio" />
154 313
    <article class="ac-small">
314
+     <h2>Tor Browser for Linux</h2>
155 315
 <!-- LINUX 64 Bit -->
156 316
 	<div class="package" >
157 317
 	  <div class="desc">
158
-	    <h2>64 Bit</h2>
318
+	    <h3>64 Bit</h3>
159 319
 	    <em>Version <version-torbrowserbundlelinux64> - Linux, BSD, and Unix<</em>
160 320
 	  </div>
161 321
 	  <form class="downloads">
... ...
@@ -172,7 +332,7 @@ you are used to. Please read the <a href="#warning">full list of warnings</a> fo
172 332
 <!-- LINUX 32 Bit -->
173 333
 	<div class="package" style="padding-top: 13px; border-top: 0px;">
174 334
 	  <div class="desc">
175
-	    <h2>32-Bit</h2>
335
+	    <h3>32-Bit</h3>
176 336
 	    <em>Version <version-torbrowserbundlelinux32> - Linux, BSD, and Unix<</em>
177 337
 	  </div>
178 338
 	  <form class="downloads">
... ...
@@ -190,13 +350,11 @@ you are used to. Please read the <a href="#warning">full list of warnings</a> fo
190 350
   </div>
191 351
 <!-- END UNIX -->
192 352
 <!-- START OPENBSD -->
193
- <div id="bsd">
194
-   <input id="ac-bsd" name="accordion-bsd" type="checkbox" />
195
-   <label for="ac-bsd" class="openbsd24">
196
-    <h1><a name="openbsd">OpenBSD</a></h1>
197
-   </label>
353
+ <div id="bsd" class="os">
354
+   <input id="ac-bsd" name="accordion-os" type="radio" />
198 355
    <article id="openbsd" class="ac-small">
199 356
       <div class="desc">
357
+     <h2>Tor Browser for OpenBSD</h2>
200 358
 	<p>
201 359
         To install Tor Browser on OpenBSD, run:</p>
202 360
         <pre>pkg_add tor-browser</pre>
... ...
@@ -216,16 +374,17 @@ you are used to. Please read the <a href="#warning">full list of warnings</a> fo
216 374
    </article>
217 375
   </div>
218 376
 <!-- END OPENBSD -->
377
+<!-- END DESKTOP -->
378
+
379
+<!-- START SMARTPHONES -->
219 380
 <!-- START ANDROID -->
220
- <div id="android">
221
-   <input id="ac-3" name="accordion-0" type="checkbox" />
222
-   <label for="ac-3" class="android24">
223
-    <h1><a name="android">Android</a></h1>
224
-   </label>
381
+ <div id="android" class="os">
382
+   <input id="ac-android" name="accordion-os" type="radio" />
225 383
    <article class="ac-small">
384
+     <h2>Tor Browser for Android</h2>
226 385
 	<div class="package">
227 386
 	  <div class="desc">
228
-	    <h2>Stable</h2>
387
+	    <h3>Stable</h3>
229 388
 	    <!--<em>Version <version-torbrowserbundleandroid> - Android</em>-->
230 389
 	  </div>
231 390
           <p>
... ...
@@ -238,7 +397,7 @@ you are used to. Please read the <a href="#warning">full list of warnings</a> fo
238 397
           </p>
239 398
         </div>
240 399
   	<div class="package">
241
-          <h2>Alpha</h2>
400
+          <h3>Alpha</h3>
242 401
           <p>
243 402
           Introducing Tor Browser for Android, the mobile browser with the
244 403
           highest privacy protections ever available and on par with Tor
... ...
@@ -271,20 +430,11 @@ you are used to. Please read the <a href="#warning">full list of warnings</a> fo
271 430
    </article>
272 431
   </div>
273 432
 <!-- END ANDROID -->
274
-
275
-<!-- START SMARTPHONES -->
276
- <div id="smartphone">
277
-   <input id="ac-4" name="accordion-0" type="checkbox" />
278
-   <label for="ac-4" class="smartphone24">
279
-    <h1><a name="smartphone">Smartphones</a></h1>
280
-   </label>
281
-   <article class="ac-small">
282 433
 <!-- START IOS -->
283
-     <div class="package">
284
-       <div class="desc">
285
-         <h2>iOS</h2>
286
-	 <!--<em>Version <version-torbrowserbundleios> - iOS</em>-->
287
-       </div>
434
+ <div id="smartphones" class="os">
435
+   <input id="ac-ios" name="accordion-os" type="radio" />
436
+   <article id="smartphone" class="ac-small">
437
+     <h2>iOS</h2>
288 438
        <p>
289 439
        Unfortunately we do not have the capacity to offer a version of
290 440
        Tor Browser for IOS at the moment, but
... ...
@@ -293,19 +443,30 @@ you are used to. Please read the <a href="#warning">full list of warnings</a> fo
293 443
        <a href="https://prism-break.org/en/categories/ios">prism-break</a>
294 444
        for security limitations of iOS.
295 445
        </p>
296
-     </div>
297 446
 <!-- END IOS -->
298 447
    </article>
299 448
   </div>
300 449
 <!-- END SMARTPHONES -->
301
-<!-- START LANGUAGES -->
302
- <div id="languages">
303
-   <input id="ac-languages" name="accordion-languages" type="checkbox" />
304
-   <label for="ac-languages" class="languages24">
305
-    <h1><a name="lang">Language versions</a></h1>
306
-   </label>
450
+<!-- START TOR BROWSER SOURCE -->
451
+  <div id="source" class="os">
452
+   <input id="ac-tbsource" name="accordion-os" type="radio" />
307 453
    <article class="ac-small">
454
+     <h2>Tor Browser from Source</h2>
455
+          <p>
456
+          To build <a href="<page projects/torbrowser>">Tor Browser</a>
457
+          from source see the
458
+          <a href="https://trac.torproject.org/projects/tor/wiki/doc/TorBrowser/Hacking">
459
+          Tor Browser Hacking Guide</a>
460
+          </p>
461
+   </article>
462
+  </div>
463
+<!-- END TOR BROWSER SOURCE -->
308 464
 
465
+<!-- START LANGUAGES -->
466
+ <div id="stable" class="tblang">
467
+   <input id="ac-lang-stable" name="accordion-os" type="radio" checked />
468
+   <article class="ac-small">
469
+     <h2>Tor Browser Stable</h2>
309 470
     <p>
310 471
     Save the file for Tor Browser in your preferred language to wherever is
311 472
     convenient, e.g. the Desktop or a USB flash drive.
... ...
@@ -320,7 +481,7 @@ you are used to. Please read the <a href="#warning">full list of warnings</a> fo
320 481
         <table>
321 482
           <thead>
322 483
         <tr>
323
-          <th><br>Language</th>
484
+          <th>Language</th>
324 485
           <th>Microsoft Windows <em>(<version-torbrowserbundle>)</em></th>
325 486
           <th>Apple MacOS <em>(<version-torbrowserbundleosx64>)</em></th>
326 487
           <th>GNU/Linux <em>(<version-torbrowserbundlelinux32>)</em></th>
... ...
@@ -734,13 +895,10 @@ you are used to. Please read the <a href="#warning">full list of warnings</a> fo
734 895
   </div>
735 896
 <!-- END LANGUAGES -->
736 897
 <!-- START ALPHA -->
737
- <div id="torbrowser-alpha">
738
-   <input id="ac-torbrowser-alpha" name="accordion-torbrowser-alpha" type="checkbox" />
739
-   <label for="ac-torbrowser-alpha" class="alpha24">
740
-    <h1><a name="alpha">Alpha version</a></h1>
741
-   </label>
898
+ <div id="alpha" class="tblang">
899
+   <input id="ac-lang-alpha" name="accordion-os" type="radio" />
742 900
    <article id="downloads-alpha" class="ac-small">
743
-
901
+     <h2>Tor Browser Unstable</h2>
744 902
     <p>
745 903
     Save the file for Tor Browser in your preferred language to wherever is
746 904
     convenient, e.g. the Desktop or a USB flash drive.
... ...
@@ -756,11 +914,11 @@ you are used to. Please read the <a href="#warning">full list of warnings</a> fo
756 914
         <table>
757 915
           <thead>
758 916
         <tr>
759
-          <th><br>Language</th>
760
-          <th>Microsoft Windows<br><em>(<version-torbrowserbundlebeta>)</em></th>
761
-          <th>Mac OS X<br><em>(<version-torbrowserbundleosx64beta>)</em></th>
762
-          <th>Linux<br><em>(<version-torbrowserbundlelinux32beta>)</em></th>
763
-          <th>Android<br><em>(<version-torbrowserbundleandroid>)</em></th>
917
+          <th>Language</th>
918
+          <th>Microsoft Windows <em>(<version-torbrowserbundlebeta>)</em></th>
919
+          <th>Mac OS X <em>(<version-torbrowserbundleosx64beta>)</em></th>
920
+          <th>Linux <em>(<version-torbrowserbundlelinux32beta>)</em></th>
921
+          <th>Android <em>(<version-torbrowserbundleandroid>)</em></th>
764 922
         </tr>
765 923
           </thead>
766 924
           <tbody>
... ...
@@ -1199,174 +1357,12 @@ you are used to. Please read the <a href="#warning">full list of warnings</a> fo
1199 1357
    </article>
1200 1358
   </div>
1201 1359
 <!-- END LANGUAGES -->
1202
-<!-- BEGIN SOURCE -->
1203
-  <div id="source">
1204
-   <input id="ac-5" name="accordion-0" type="checkbox" />
1205
-   <label for="ac-5" class="source24">
1206
-    <h1><a name="source">Source</a></h1>
1207
-   </label>
1208
-   <article class="ac-small">
1209
-	<div class="package" style="padding-top: 13px; border-top: 0px; border-bottom: 1px solid #888888;">
1210
-          <p>
1211
-          To build <a href="<page projects/torbrowser>">Tor Browser</a>
1212
-          from source see the
1213
-          <a href="https://trac.torproject.org/projects/tor/wiki/doc/TorBrowser/Hacking">
1214
-          Tor Browser Hacking Guide</a></p>
1215
-        </div>
1216
-   </article>
1217
-  </div>
1218 1360
 </section>
1219 1361
 <!-- END TOR BROWSER -->
1220 1362
 
1221
-<!-- START TOR -->
1222
- <h1>Download Tor</h1>
1223
- <section id="tor" class="accordion download">
1224
-<!-- START TOR PACKAGE -->
1225
-  <div id="tor-packages">
1226
-   <input id="ac-tor-packages" name="accordion-tor-packages" type="checkbox" />
1227
-   <label for="ac-tor-packages" class="source24">
1228
-    <h1><a name="tor-packages">Packages</a></h1>
1229
-   </label>
1230
-   <article class="ac-small">
1231
-
1232
-<table class="topforty">
1233
-<thead>
1234
-<tr bgcolor="#009933" style="color: white; ">
1235
-  <th colspan="2">Platform</th>
1236
-  <th>Download Stable</th>
1237
-  <th>Download Unstable</th>
1238
-  <th>Installation and Configuration</th>
1239
-</tr>
1240
-</thead>
1241
-
1242
-<tr>
1243
-<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>
1244
-<td>Debian, Ubuntu, Knoppix</td>
1245
-<td colspan="2"><a href="<page docs/debian>">repository packages</a> </td>
1246
-<td> <a href="<page docs/tor-doc-unix>">Linux/BSD/Unix</a> </td>
1247
-</tr>
1248
-
1249
-<tr class="beige">
1250
-<td align="center"><img src="$(IMGROOT)/distros/centos.png" alt="CentOS"> <img src="$(IMGROOT)/distros/fedora.png" alt="Fedora"></td>
1251
-<td>CentOS and Fedora</td>
1252
-<td colspan="2">yum install tor / dnf install tor</td>
1253
-<td> <a href="<page docs/tor-doc-unix>">Linux/BSD/Unix</a> </td>
1254
-</tr>
1255
-
1256
-<tr>
1257
-<td align="center"><img src="$(IMGROOT)/distros/gentoo.png" alt="Gentoo Linux"></td>
1258
-<td>Gentoo Linux</td>
1259
-<td colspan="2"><kbd>emerge tor</kbd></td>
1260
-<td>
1261
-<a href="<page docs/tor-doc-unix>">Linux/BSD/Unix</a><br>
1262
-</td>
1263
-</tr>
1264
-
1265
-<tr class="beige">
1266
-<td align="center"><img height="40" src="$(IMGROOT)/distros/slackware.png" alt="Slackware"></td>
1267
-<td>Slackware</td>
1268
-<td colspan="2"><a href="https://slackbuilds.org/repository/14.2/network/tor/">SlackBuilds.org</a></td>
1269
-<td>
1270
-<a href="<page docs/tor-doc-unix>">Linux/BSD/Unix</a><br>
1271
-</td>
1272
-</tr>
1273
-
1274
-<tr>
1275
-<td align="center"><img src="$(IMGROOT)/distros/freebsd.png" alt="FreeBSD"></td>
1276
-<td>FreeBSD</td>
1277
-<td colspan="2"><kbd>pkg install tor</kbd></td>
1278
-<td><a href="<page docs/tor-doc-unix>">Linux/BSD/Unix</a></td>
1279
-</tr>
1280
-
1281
-<tr class="beige">
1282
-<td align="center"><img src="$(IMGROOT)/distros/openbsd.png" alt="OpenBSD"></td>
1283
-<td>OpenBSD</td>
1284
-<td colspan="2"><kbd>pkg_add tor</kbd></td>
1285
-<td>
1286
-<a href="<page docs/tor-doc-unix>">Linux/BSD/Unix</a><br>
1287
-<a href="<wiki>doc/OpenbsdChrootedTor">Guide to chrooting Tor in OpenBSD</a>
1288
-</td>
1289
-</tr>
1290
-
1291
-<tr>
1292
-<td align="center"><img src="$(IMGROOT)/distros/netbsd.png" alt="NetBSD"></td>
1293
-<td>NetBSD</td>
1294
-<td colspan="2"><kbd>cd /usr/pkgsrc/net/tor &amp;&amp; make install</kbd></td>
1295
-<td><a href="<page docs/tor-doc-unix>">Linux/BSD/Unix</a></td>
1296
-</tr>
1297
-
1298
-<tr class="beige">
1299
-<td align="center"><img src="$(IMGROOT)/distros/terminal.png" alt="Source code"></td>
1300
-<td>Source tarballs</td>
1301
-<td>
1302
-<a href="<package-source-stable>"><version-stable></a>
1303
- (<a href="<package-source-stable>.asc">sig</a>)
1304
-</td>
1305
-<td>
1306
-<a href="<package-source-alpha>"><version-alpha></a>
1307
- (<a href="<package-source-alpha>.asc">sig</a>)
1308
-</td>
1309
-<td><kbd>./configure &amp;&amp; make &amp;&amp; src/or/tor</kbd> (or src/app/tor starting in 0.3.5.x)</td>
1310
-</tr>
1311
-
1312
-</table>
1313
-   </article>
1314
-  </div>
1315
-<!-- END TOR PACKAGE -->
1316
-<!-- START TOR SOURCE -->
1317
-  <div id="tor-source">
1318
-   <input id="ac-tor-source" name="accordion-tor-source" type="checkbox" />
1319
-   <label for="ac-tor-source" class="source24">
1320
-    <h1><a name="tor-source">Source Tarballs</a></h1>
1321
-   </label>
1322
-   <article class="ac">
1323
-           <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/>
1324
-             See the <a href="<gitblob>ChangeLog">Changelog</a> for what's new.</p>
1325
-           <div id="stable" style="margin-left:75px; float: left;">
1326
-            <h2 style="text-align: center">Stable</h2>
1327
-	    <a class="button" href="../dist/tor-<version-stable>.tar.gz"><span class="strong">Stable</span><span class="normal">Version <version-stable></span></a>
1328
-	    <div class="sig">
1329
-              <p>
1330
-	      <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>
1331
-              </p>
1332
-	    </div>
1333
-	    <a class="button" href="../dist/tor-<version-oldstable>.tar.gz"><span class="strong">Oldstable</span><span class="normal">Version <version-oldstable></span></a>
1334
-	    <div class="sig">
1335
-              <p>
1336
-              <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>
1337
-              </p>
1338
-	    </div>
1339
-           </div>
1340
-           <div id="unstable" class="tor-source">
1341
-            <h2 style="text-align: center">Unstable</h2>
1342
-	    <a class="button" href="../dist/tor-<version-testing>.tar.gz"><span class="strong">Unstable</span><span class="normal">Version <version-testing></span></a>
1343
-	    <div class="sig">
1344
-	      <a href="../dist/tor-<version-testing>.tar.gz.asc">signature</a> &#x2012; <a class="siginfo" href="<page docs/verifying-signatures>">What's This?</a>
1345
-	    </div>
1346
-	    <a class="button" href="../dist/tor-<version-beta>.tar.gz"><span class="strong">Unstable</span><span class="normal">Version <version-beta></span></a>
1347
-	    <div class="sig">
1348
-	      <a href="../dist/tor-<version-beta>.tar.gz.asc">signature</a> &#x2012; <a class="siginfo" href="<page docs/verifying-signatures>">What's This?</a>
1349
-	    </div>
1350
-	    <a class="button" href="../dist/tor-<version-alpha>.tar.gz"><span class="strong">Unstable</span><span class="normal">Version <version-alpha></span></a>
1351
-	    <div class="sig">
1352
-	      <a href="../dist/tor-<version-alpha>.tar.gz.asc">signature</a> &#x2012; <a class="siginfo" href="<page docs/verifying-signatures>">What's This?</a>
1353
-	    </div>
1354
-   </article>
1355
-   <div class="note">
1356
-    <p>
1357
-    <a id="ChangeLog"></a><a id="Stable"></a><a id="Testing"></a>
1358
-    For a list of what has changed in each stable Tor release, see the
1359
-    <a href="<gitblob>ReleaseNotes<cgitstable>">ReleaseNotes</a>. For a list of
1360
-    changes in both stable and development versions, see the
1361
-    <a href="<gitblob>ChangeLog">ChangeLog</a>.
1362
-    </p>
1363
-   </div>
1364
-<!-- END TOR SOURCE -->
1365
-</div>
1366
-<!-- END TOR -->
1367 1363
 
1368 1364
 <!-- END DOWNLOADS -->
1369
-<hr/>
1365
+
1370 1366
 <!-- START NOTES-->
1371 1367
 <div id="license" class="note">
1372 1368
 <h2>License</h2>
... ...
@@ -1398,7 +1394,7 @@ serious reliability and security bugs in these downloads.  Please be prepared to
1398 1394
 
1399 1395
 <hr/>
1400 1396
 
1401
-<div id="other" class="note">
1397
+<div id="updates" class="note">
1402 1398
 <h2>Security updates and alternative download options</h2>
1403 1399
 <p>
1404 1400
 To keep informed of security advisories and new stable releases, subscribe
... ...
@@ -1431,15 +1427,9 @@ href="<page getinvolved/mirrors>">list of sites mirroring the Tor site</a>.
1431 1427
  <div class="img-shadow sidenav-ez">
1432 1428
   <div class="sidenav-sub">
1433 1429
    <ul>
1434
-    <li class="dropdown"><a href="#windows">Microsoft Windows</a></li>
1435
-    <li class="dropdown"><a href="#apple">Apple OS X</a></li>
1436
-    <li class="dropdown"><a href="#linux">Linux/Unix</a></li>
1437
-    <li class="dropdown"><a href="#openbsd">OpenBSD</a></li>
1438
-    <li class="dropdown"><a href="#android">Android</a></li>
1439
-    <li class="dropdown"><a href="#smartphone">Smartphones</a></li>
1440
-    <li class="dropdown"><a href="#source">Source</a></li>
1441 1430
     <li class="dropdown"><a href="#license">License</a></li>
1442
-    <li class="dropdown"><a href="#other">Mirrors</a></li>
1431
+    <li class="dropdown"><a href="#updates">Mirrors</a></li>
1432
+    <li class="dropdown"><a href="#updates">Subscribe for Announcements</a></li>
1443 1433
    </ul>
1444 1434
   </div>
1445 1435
  </div>
... ...
@@ -1451,11 +1441,9 @@ href="<page getinvolved/mirrors>">list of sites mirroring the Tor site</a>.
1451 1441
   <div class="sidenav-sub">
1452 1442
    <h2>Having Trouble?</h2>
1453 1443
    <ul>
1454
-    <li class="dropdown"><a href="#warning">Check the warnings</a></li>
1455 1444
     <li class="dropdown"><a href="<page docs/documentation>">Read the fine manuals</a></li>
1456 1445
     <li class="dropdown"><a href="<page about/contact>#irc>">Get Support on IRC</a></li>
1457 1446
     <li class="dropdown"><a href="https://trac.torproject.org/projects/tor/wiki/doc/community/HowToReportBugFeedback">Report Bugs</a></li>
1458
-    <li class="dropdown"><a href="#other">Subscribe for Announcements</a></li>
1459 1447
    </ul>
1460 1448
   </div>
1461 1449
  </div>