Team:Penn/css/accordion

From 2012.igem.org

(Difference between revisions)
Line 17: Line 17:
   width:857px; list-style:none; color:#033; margin:0 auto 40px}
   width:857px; list-style:none; color:#033; margin:0 auto 40px}
#acc h3 {
#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/7/7b/DropdownMenu_Header.gif)}
+
   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/f/fe/AccordionHeader.jpg)}
#acc h3:hover {
#acc h3:hover {
   background:url(images/header_over.gif)}
   background:url(images/header_over.gif)}

Revision as of 10:55, 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/f/fe/AccordionHeader.jpg)}

  1. acc h3:hover { 
 background:url(images/header_over.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. accp2 { 
 width:457px; list-style:none; color:#033; margin:0 auto 40px}
  1. 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)}
  1. acc h3:hover { 
 background:url(images/header_over.gif)}
  1. acc .acc-section { 
 overflow:hidden; background:#fff}
  1. acc .acc-content { 
 width:425px; 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(images/header_over.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(images/header_over.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(images/header_over.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(images/header_over.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(images/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(images/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( 
 images/header_over.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(images/header_over.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(images/header_over.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(images/header_over.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(images/header_over.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(images/header_over.gif)}
Retrieved from "http://2012.igem.org/Team:Penn/css/accordion"