Browse code

download, js, and css patches from jeremy.

Andrew Lewman authored on04/09/2011 16:04:31
Showing5 changed files
... ...
@@ -231,8 +231,24 @@ table tr img {
231 231
   }
232 232
 
233 233
 .accordionButton {
234
-  padding-left: 0;
235
-  padding-right: 10px;
234
+  padding-left: 0px;
235
+  padding-right: 30px;
236
+  }
237
+
238
+.on:before {
239
+  left: 0px;
240
+  right: 10px;
241
+  }
242
+  
243
+.off:before {
244
+  left: 0px;
245
+  right: 14px;
246
+  border-left: none;
247
+  border-right: 7px solid #FFFFFF;
248
+  }
249
+  
250
+.accordionContent .fauxhead {
251
+  width: 707px;
236 252
   }
237 253
 
238 254
 .package p {
... ...
@@ -498,11 +498,9 @@ table tr img {
498 498
   background: url("../images/table-title.jpg") repeat-x left bottom #885CA4;
499 499
   color: #FFFFFF;
500 500
   margin: 0;
501
-  padding-left: 10px;
502 501
   font-size: 1.1em;
503 502
   font-weight: bold;
504 503
   height: 32px;
505
-  width: 700px;
506 504
   float: left;
507 505
   _float: none;  /* Float works in all browsers but IE6 */
508 506
   border: 1px solid #FFFFFF;
... ...
@@ -514,13 +512,42 @@ table tr img {
514 512
   -moz-border-radius-topright: 7px;
515 513
   border-top-left-radius: 7px;
516 514
   border-top-right-radius: 7px;
515
+  position: relative;
516
+  padding-left: 30px;
517
+  width: 680px;
517 518
   }
518 519
 
519 520
   .accordionButton:hover {
520 521
     text-shadow: 1px 1px 0px rgba(17, 17, 17, 1);
521 522
     }
522 523
 
523
-.accordionContent {	
524
+.on:before,
525
+.off:before {
526
+  position: absolute;
527
+  content: '';
528
+  height: 0px;
529
+  width: 0px;
530
+  font-size:0px;
531
+  line-height:0px;
532
+  }
533
+  
534
+.on:before {
535
+  top: 14px;
536
+  left: 10px;
537
+  border-left:7px solid transparent;
538
+  border-right:7px solid transparent;
539
+  border-top:7px solid #FFFFFF;
540
+  }
541
+  
542
+.off:before {
543
+  top: 9px;
544
+  left: 14px;
545
+  border-bottom:7px solid transparent;  /* left arrow slant */
546
+  border-top:7px solid transparent; /* right arrow slant */
547
+  border-left:7px solid #FFFFFF; /* bottom, add background color here */
548
+  }
549
+  
550
+  .accordionContent {	
524 551
   width: 708px;
525 552
   float: left;
526 553
   _float: none;  /* Float works in all browsers but IE6 */
... ...
@@ -22,7 +22,7 @@
22 22
 <!-- END TEASER WARNING -->
23 23
 <!-- START DOWNLOADS -->
24 24
 <!-- START WINDOWS -->
25
-      <div id="windows" style="border-top: 0px;" class="accordionButton">
25
+      <div id="windows" style="border-top: 0px;" class="accordionButton on">
26 26
 	<span class="windows24">Microsoft Windows</span>
27 27
       </div>
28 28
       <div class="accordionContent">
... ...
@@ -114,7 +114,7 @@
114 114
       </div>
115 115
 <!-- END WINDOWS -->
116 116
 <!-- START OS X -->
117
-      <div id="apple" class="accordionButton">
117
+      <div id="apple" class="accordionButton on">
118 118
 	<span class="mac24">Apple OS X</span></div>
119 119
       <div class="accordionContent">
120 120
 	<div class="fauxhead"></div>
... ...
@@ -163,7 +163,7 @@
163 163
       </div>
164 164
  <!-- END OS X -->
165 165
  <!-- START UNIX -->
166
-      <div id="linux" class="accordionButton">
166
+      <div id="linux" class="accordionButton on">
167 167
 	<span class="linux24">Linux, BSD, &amp; Unix</span></div>
168 168
       <div class="accordionContent">
169 169
 	<div class="fauxhead"></div>
... ...
@@ -196,7 +196,7 @@
196 196
       </div>
197 197
 <!-- END UNIX -->
198 198
 <!-- START SMARTPHONES -->
199
-      <div id="smartphone" class="accordionButton">
199
+      <div id="smartphone" class="accordionButton on">
200 200
 	<span class="smartphone24">Tor for Smartphones</span></div>
201 201
       <div class="accordionContent">
202 202
 	<div class="fauxhead"></div>
... ...
@@ -230,7 +230,7 @@
230 230
       </div>
231 231
 <!-- END SMARTPHONES -->
232 232
 <!-- BEGIN SOURCE -->
233
-      <div class="accordionButton">
233
+      <div class="accordionButton on">
234 234
 	<span class="sourcecode24">Source Code</span></div>
235 235
       <div class="accordionContent">
236 236
 	<div class="fauxhead"></div>
... ...
@@ -3,6 +3,8 @@ $(function(){
3 3
   $(".accordianContent").css('display', 'none');
4 4
   /* Only show language selector if javascript is enabled */
5 5
   $('.lang').css('display', 'block');
6
+  $('.accordionButton').removeClass('on');
7
+  $('.accordionButton').addClass('off');
6 8
 });
7 9
 
8 10
 /* Uses result of jquery.client to open the relevant section */
... ...
@@ -1 +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');});
2 1
\ No newline at end of file
2
+$(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');});
3 3
\ No newline at end of file