tor-webwml.git

@@ -231,8 +231,24 @@ table tr img {

   }

 .accordionButton {

-  padding-left: 0;

-  padding-right: 10px;

+  padding-left: 0px;

+  padding-right: 30px;

+  }

+

+.on:before {

+  left: 0px;

+  right: 10px;

+  }

+  

+.off:before {

+  left: 0px;

+  right: 14px;

+  border-left: none;

+  border-right: 7px solid #FFFFFF;

+  }

+  

+.accordionContent .fauxhead {

+  width: 707px;

   }

 .package p {

@@ -498,11 +498,9 @@ table tr img {

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

   color: #FFFFFF;

   margin: 0;

-  padding-left: 10px;

   font-size: 1.1em;

   font-weight: bold;

   height: 32px;

-  width: 700px;

   float: left;

   _float: none;  /* Float works in all browsers but IE6 */

   border: 1px solid #FFFFFF;

@@ -514,12 +512,41 @@ table tr img {

   -moz-border-radius-topright: 7px;

   border-top-left-radius: 7px;

   border-top-right-radius: 7px;

+  position: relative;

+  padding-left: 30px;

+  width: 680px;

   }

   .accordionButton:hover {

     text-shadow: 1px 1px 0px rgba(17, 17, 17, 1);

     }

+.on:before,

+.off:before {

+  position: absolute;

+  content: '';

+  height: 0px;

+  width: 0px;

+  font-size:0px;

+  line-height:0px;

+  }

+  

+.on:before {

+  top: 14px;

+  left: 10px;

+  border-left:7px solid transparent;

+  border-right:7px solid transparent;

+  border-top:7px solid #FFFFFF;

+  }

+  

+.off:before {

+  top: 9px;

+  left: 14px;

+  border-bottom:7px solid transparent;  /* left arrow slant */

+  border-top:7px solid transparent; /* right arrow slant */

+  border-left:7px solid #FFFFFF; /* bottom, add background color here */

+  }

+  

   .accordionContent {	

   width: 708px;

   float: left;

@@ -22,7 +22,7 @@

 <!-- END TEASER WARNING -->

 <!-- START DOWNLOADS -->

 <!-- START WINDOWS -->

-      <div id="windows" style="border-top: 0px;" class="accordionButton">

+      <div id="windows" style="border-top: 0px;" class="accordionButton on">

 	<span class="windows24">Microsoft Windows</span>

       </div>

       <div class="accordionContent">

@@ -114,7 +114,7 @@

       </div>

 <!-- END WINDOWS -->

 <!-- START OS X -->

-      <div id="apple" class="accordionButton">

+      <div id="apple" class="accordionButton on">

 	<span class="mac24">Apple OS X</span></div>

       <div class="accordionContent">

 	<div class="fauxhead"></div>

@@ -163,7 +163,7 @@

       </div>

  <!-- END OS X -->

  <!-- START UNIX -->

-      <div id="linux" class="accordionButton">

+      <div id="linux" class="accordionButton on">

 	<span class="linux24">Linux, BSD, &amp; Unix</span></div>

       <div class="accordionContent">

 	<div class="fauxhead"></div>

@@ -196,7 +196,7 @@

       </div>

 <!-- END UNIX -->

 <!-- START SMARTPHONES -->

-      <div id="smartphone" class="accordionButton">

+      <div id="smartphone" class="accordionButton on">

 	<span class="smartphone24">Tor for Smartphones</span></div>

       <div class="accordionContent">

 	<div class="fauxhead"></div>

@@ -230,7 +230,7 @@

       </div>

 <!-- END SMARTPHONES -->

 <!-- BEGIN SOURCE -->

-      <div class="accordionButton">

+      <div class="accordionButton on">

 	<span class="sourcecode24">Source Code</span></div>

       <div class="accordionContent">

 	<div class="fauxhead"></div>

@@ -3,6 +3,8 @@ $(function(){

   $(".accordianContent").css('display', 'none');

   /* Only show language selector if javascript is enabled */

   $('.lang').css('display', 'block');

+  $('.accordionButton').removeClass('on');

+  $('.accordionButton').addClass('off');

 });

 /* Uses result of jquery.client to open the relevant section */

@@ -1 +1 @@

-$(document).ready(function(){$('.accordionButton').click(function(){$('.accordionButton').removeClass('on');if($(this).next().is(':hidden')==true){$(this).addClass('on');$(this).next().slideDown('normal');}else{$(this).removeClass('on');$(this).next().slideUp('normal');}});$('.accordionContent').hide();$(".open").trigger('click');});

\ No newline at end of file

+$(document).ready(function(){$('.accordionButton').click(function(){if($(this).next().is(':hidden')==true){$(this).addClass('on');$(this).removeClass('off');$(this).next().slideDown('normal');}else{$(this).removeClass('on');$(this).addClass('off');$(this).next().slideUp('normal');}});$('.accordionContent').hide();$(".open").trigger('click');});

\ No newline at end of file