Team:Penn/css/accordion

From 2012.igem.org

(Difference between revisions)
 
(6 intermediate revisions not shown)
Line 20: Line 20:
#acc h3:hover {
#acc h3:hover {
-
   background:url(https://static.igem.org/mediawiki/2012/b/b2/Header_over.gif)}
+
   background:url(https://static.igem.org/mediawiki/2012/5/52/Header2.gif)}
#acc .acc-section {
#acc .acc-section {
   overflow:hidden; background:#fff}
   overflow:hidden; background:#fff}
#acc .acc-content {
#acc .acc-content {
   width:825px; padding:15px; border:1px solid #01256e; border-top:none; background:#fff}
   width:825px; padding:15px; border:1px solid #01256e; border-top:none; background:#fff}
-
 
-
/*
 
-
#accp2 {
 
-
  width:457px; list-style:none; color:#033; margin:0 auto 40px}
 
-
#acc h3 {
 
-
  width:443px; border:1px solid #01256e; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(https://static.igem.org/mediawiki/2012/e/e0/Header.gif)}
 
-
#acc h3:hover {
 
-
  background:url(https://static.igem.org/mediawiki/2012/b/b2/Header_over.gif)}
 
-
#acc .acc-section {
 
-
  overflow:hidden; background:#fff}
 
-
#acc .acc-content {
 
-
  width:425px; padding:15px; border:1px solid #01256e; border-top:none; background:#fff}
 
-
*/
 
-
 
#nested {
#nested {
Line 45: Line 31:
   width:811px; border:1px solid #01256e; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(https://static.igem.org/mediawiki/2012/e/e0/Header.gif)}
   width:811px; border:1px solid #01256e; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(https://static.igem.org/mediawiki/2012/e/e0/Header.gif)}
#nested h3:hover {
#nested h3:hover {
-
   background:url(https://static.igem.org/mediawiki/2012/b/b2/Header_over.gif)}
+
   background:url(https://static.igem.org/mediawiki/2012/5/52/Header2.gif)}
#nested .acc-section {
#nested .acc-section {
   overflow:hidden; background:#fff}
   overflow:hidden; background:#fff}
Line 51: Line 37:
   width:793px; padding:15px; border:1px solid #01256e; border-top:none; background:#fff}
   width:793px; padding:15px; border:1px solid #01256e; border-top:none; background:#fff}
#nested .acc-selected {
#nested .acc-selected {
-
   background:url(https://static.igem.org/mediawiki/2012/b/b2/Header_over.gif)}
+
   background:url(https://static.igem.org/mediawiki/2012/5/52/Header2.gif)}
#nested2 {
#nested2 {
Line 58: Line 44:
   width:811px; border:1px solid #01256e; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(https://static.igem.org/mediawiki/2012/e/e0/Header.gif)}
   width:811px; border:1px solid #01256e; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(https://static.igem.org/mediawiki/2012/e/e0/Header.gif)}
#nested2 h3:hover {
#nested2 h3:hover {
-
   background:url(https://static.igem.org/mediawiki/2012/b/b2/Header_over.gif)}
+
   background:url(https://static.igem.org/mediawiki/2012/5/52/Header2.gif)}
#nested2 .acc-section {
#nested2 .acc-section {
   overflow:hidden; background:#fff}
   overflow:hidden; background:#fff}
Line 64: Line 50:
   width:793px; padding:15px; border:1px solid #01256e; border-top:none; background:#fff}
   width:793px; padding:15px; border:1px solid #01256e; border-top:none; background:#fff}
#nested2 .acc-selected {
#nested2 .acc-selected {
-
   background:url(https://static.igem.org/mediawiki/2012/b/b2/Header_over.gif)}
+
   background:url(https://static.igem.org/mediawiki/2012/5/52/Header2.gif)}
#nested3 {
#nested3 {
Line 84: Line 70:
   width:811px; border:1px solid #01256e; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(https://static.igem.org/mediawiki/2012/e/e0/Header.gif)}
   width:811px; border:1px solid #01256e; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(https://static.igem.org/mediawiki/2012/e/e0/Header.gif)}
#nestedB1 h3:hover {
#nestedB1 h3:hover {
-
   background:url(https://static.igem.org/mediawiki/2012/b/b2/Header_over.gif)}
+
   background:url(https://static.igem.org/mediawiki/2012/5/52/Header2.gif)}
#nestedB1 .acc-section {
#nestedB1 .acc-section {
   overflow:hidden; background:#fff}
   overflow:hidden; background:#fff}
Line 90: Line 76:
   width:793px; padding:15px; border:1px solid #01256e; border-top:none; background:#fff}
   width:793px; padding:15px; border:1px solid #01256e; border-top:none; background:#fff}
#nestedB1 .acc-selected {
#nestedB1 .acc-selected {
-
   background:url(https://static.igem.org/mediawiki/2012/b/b2/Header_over.gif)}
+
   background:url(https://static.igem.org/mediawiki/2012/5/52/Header2.gif)}
 +
 
 +
 
#nestedB2 {
#nestedB2 {
   width:825px; list-style:none; color:#033; margin-bottom:15px}
   width:825px; list-style:none; color:#033; margin-bottom:15px}
Line 96: Line 84:
   width:811px; border:1px solid #01256e; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer;      background:url(https://static.igem.org/mediawiki/2012/e/e0/Header.gif)}
   width:811px; border:1px solid #01256e; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer;      background:url(https://static.igem.org/mediawiki/2012/e/e0/Header.gif)}
#nestedB2 h3:hover {
#nestedB2 h3:hover {
-
   background:url(https://static.igem.org/mediawiki/2012/b/b2/Header_over.gif)}
+
   background:url(https://static.igem.org/mediawiki/2012/5/52/Header2.gif)}
#nestedB2 .acc-section {
#nestedB2 .acc-section {
   overflow:hidden; background:#fff}
   overflow:hidden; background:#fff}
Line 102: Line 90:
   width:793px; padding:15px; border:1px solid #01256e; border-top:none; background:#fff}
   width:793px; padding:15px; border:1px solid #01256e; border-top:none; background:#fff}
#nestedB2 .acc-selected {
#nestedB2 .acc-selected {
-
   background:url(https://static.igem.org/mediawiki/2012/b/b2/Header_over.gif)}
+
   background:url(https://static.igem.org/mediawiki/2012/5/52/Header2.gif)}
#nestedB3 {
#nestedB3 {
Line 110: Line 98:
#nestedB3 h3:hover {
#nestedB3 h3:hover {
-
   background:url(https://static.igem.org/mediawiki/2012/b/b2/Header_over.gif)}
+
   background:url(https://static.igem.org/mediawiki/2012/5/52/Header2.gif)}
#nestedB3 .acc-section {
#nestedB3 .acc-section {
   overflow:hidden; background:#fff}
   overflow:hidden; background:#fff}
Line 116: Line 104:
   width:793px; padding:15px; border:1px solid #01256e; border-top:none; background:#fff}
   width:793px; padding:15px; border:1px solid #01256e; border-top:none; background:#fff}
#nestedB3 .acc-selected {
#nestedB3 .acc-selected {
-
   background:url(https://static.igem.org/mediawiki/2012/b/b2/Header_over.gif)}
+
   background:url(https://static.igem.org/mediawiki/2012/5/52/Header2.gif)}

Latest revision as of 19:14, 25 August 2012

  • { 
 margin:0; padding:0; font:12px Verdana,Arial}

code { 

 font-family:"Courier New",Courier}

.h1 { 

 width:857px; margin:20px auto; text-align:center; color:#01256e;

}

  1. options { 
 width:857px; margin:20px auto; text-align:center; color:#01256e}
  1. options a { 
 text-decoration:none; color:#01256e}
  1. options a:hover { 
 color:#033}
  1. acc { 
 width:857px; list-style:none; color:#033; margin:0 auto 40px}
  1. acc h3 { 
 width:843px; border:1px solid #01256e; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(https://static.igem.org/mediawiki/2012/e/e0/Header.gif)}
  1. acc h3:hover { 
 background:url(https://static.igem.org/mediawiki/2012/5/52/Header2.gif)}
  1. acc .acc-section { 
 overflow:hidden; background:#fff}
  1. acc .acc-content { 
 width:825px; padding:15px; border:1px solid #01256e; border-top:none; background:#fff}
  1. nested { 
 width:825px; list-style:none; color:#033; margin-bottom:15px}
  1. nested h3 { 
 width:811px; border:1px solid #01256e; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(https://static.igem.org/mediawiki/2012/e/e0/Header.gif)}
  1. nested h3:hover { 
 background:url(https://static.igem.org/mediawiki/2012/5/52/Header2.gif)}
  1. nested .acc-section { 
 overflow:hidden; background:#fff}
  1. nested .acc-content { 
 width:793px; padding:15px; border:1px solid #01256e; border-top:none; background:#fff}
  1. nested .acc-selected { 
 background:url(https://static.igem.org/mediawiki/2012/5/52/Header2.gif)}
  1. nested2 { 
 width:825px; list-style:none; color:#033; margin-bottom:15px}
  1. nested2 h3 { 
 width:811px; border:1px solid #01256e; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(https://static.igem.org/mediawiki/2012/e/e0/Header.gif)}
  1. nested2 h3:hover { 
 background:url(https://static.igem.org/mediawiki/2012/5/52/Header2.gif)}
  1. nested2 .acc-section { 
 overflow:hidden; background:#fff}
  1. nested2 .acc-content { 
 width:793px; padding:15px; border:1px solid #01256e; border-top:none; background:#fff}
  1. nested2 .acc-selected { 
 background:url(https://static.igem.org/mediawiki/2012/5/52/Header2.gif)}
  1. nested3 { 
 width:825px; list-style:none; color:#033; margin-bottom:15px}
  1. nested3 h3 { 
 width:811px; border:1px solid #01256e; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(https://static.igem.org/mediawiki/2012/e/e0/Header.gif)}
  1. nested3 h3:hover { 
 background:url(https://static.igem.org/mediawiki/2012/b/b2/Header_over.gif)}
  1. nested3 .acc-section { 
 overflow:hidden; background:#fff}
  1. nested3 .acc-content { 
 width:793px; padding:15px; border:1px solid #01256e; border-top:none; background:#fff}
  1. nested3 .acc-selected { 
 background:url(https://static.igem.org/mediawiki/2012/b/b2/Header_over.gif)}
  1. nestedB1 { 
 width:825px; list-style:none; color:#033; margin-bottom:15px}
  1. nestedB1 h3 { 
 width:811px; border:1px solid #01256e; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(https://static.igem.org/mediawiki/2012/e/e0/Header.gif)}
  1. nestedB1 h3:hover { 
 background:url(https://static.igem.org/mediawiki/2012/5/52/Header2.gif)}
  1. nestedB1 .acc-section { 
 overflow:hidden; background:#fff}
  1. nestedB1 .acc-content { 
 width:793px; padding:15px; border:1px solid #01256e; border-top:none; background:#fff}
  1. nestedB1 .acc-selected { 
 background:url(https://static.igem.org/mediawiki/2012/5/52/Header2.gif)}


  1. nestedB2 { 
 width:825px; list-style:none; color:#033; margin-bottom:15px}
  1. nestedB2 h3 { 
 width:811px; border:1px solid #01256e; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer;      background:url(https://static.igem.org/mediawiki/2012/e/e0/Header.gif)}
  1. nestedB2 h3:hover { 
 background:url(https://static.igem.org/mediawiki/2012/5/52/Header2.gif)}
  1. nestedB2 .acc-section { 
 overflow:hidden; background:#fff}
  1. nestedB2 .acc-content { 
 width:793px; padding:15px; border:1px solid #01256e; border-top:none; background:#fff}
  1. nestedB2 .acc-selected { 
 background:url(https://static.igem.org/mediawiki/2012/5/52/Header2.gif)}
  1. nestedB3 { 
 width:825px; list-style:none; color:#033; margin-bottom:15px}
  1. nestedB3 h3 { 
 width:811px; border:1px solid #01256e; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(https://static.igem.org/mediawiki/2012/e/e0/Header.gif)}
  1. nestedB3 h3:hover { 
 background:url(https://static.igem.org/mediawiki/2012/5/52/Header2.gif)}
  1. nestedB3 .acc-section { 
 overflow:hidden; background:#fff}
  1. nestedB3 .acc-content { 
 width:793px; padding:15px; border:1px solid #01256e; border-top:none; background:#fff}
  1. nestedB3 .acc-selected { 
 background:url(https://static.igem.org/mediawiki/2012/5/52/Header2.gif)}
Retrieved from "http://2012.igem.org/Team:Penn/css/accordion"