Team:Penn/css/accordion
From 2012.igem.org
(Difference between revisions)
(5 intermediate revisions not shown) | |||
Line 20: | Line 20: | ||
#acc h3:hover { | #acc h3:hover { | ||
- | background:url(https://static.igem.org/mediawiki/2012/ | + | background:url(https://static.igem.org/mediawiki/2012/5/52/Header2.gif)} |
#acc .acc-section { | #acc .acc-section { | ||
- | overflow: | + | 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} | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
#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/ | + | 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/ | + | 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/ | + | 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/ | + | 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/ | + | 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/ | + | 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/ | + | 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/ | + | 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/ | + | 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/ | + | 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;
}
- options {
width:857px; margin:20px auto; text-align:center; color:#01256e}
- options a {
text-decoration:none; color:#01256e}
- options a:hover {
color:#033}
- acc {
width:857px; list-style:none; color:#033; margin:0 auto 40px}
- 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)}
- acc h3:hover {
background:url(https://static.igem.org/mediawiki/2012/5/52/Header2.gif)}
- acc .acc-section {
overflow:hidden; background:#fff}
- acc .acc-content {
width:825px; padding:15px; border:1px solid #01256e; border-top:none; background:#fff}
- nested {
width:825px; list-style:none; color:#033; margin-bottom:15px}
- 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)}
- nested h3:hover {
background:url(https://static.igem.org/mediawiki/2012/5/52/Header2.gif)}
- nested .acc-section {
overflow:hidden; background:#fff}
- nested .acc-content {
width:793px; padding:15px; border:1px solid #01256e; border-top:none; background:#fff}
- nested .acc-selected {
background:url(https://static.igem.org/mediawiki/2012/5/52/Header2.gif)}
- nested2 {
width:825px; list-style:none; color:#033; margin-bottom:15px}
- 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)}
- nested2 h3:hover {
background:url(https://static.igem.org/mediawiki/2012/5/52/Header2.gif)}
- nested2 .acc-section {
overflow:hidden; background:#fff}
- nested2 .acc-content {
width:793px; padding:15px; border:1px solid #01256e; border-top:none; background:#fff}
- nested2 .acc-selected {
background:url(https://static.igem.org/mediawiki/2012/5/52/Header2.gif)}
- nested3 {
width:825px; list-style:none; color:#033; margin-bottom:15px}
- 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)}
- nested3 h3:hover {
background:url(https://static.igem.org/mediawiki/2012/b/b2/Header_over.gif)}
- nested3 .acc-section {
overflow:hidden; background:#fff}
- nested3 .acc-content {
width:793px; padding:15px; border:1px solid #01256e; border-top:none; background:#fff}
- nested3 .acc-selected {
background:url(https://static.igem.org/mediawiki/2012/b/b2/Header_over.gif)}
- nestedB1 {
width:825px; list-style:none; color:#033; margin-bottom:15px}
- 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)}
- nestedB1 h3:hover {
background:url(https://static.igem.org/mediawiki/2012/5/52/Header2.gif)}
- nestedB1 .acc-section {
overflow:hidden; background:#fff}
- nestedB1 .acc-content {
width:793px; padding:15px; border:1px solid #01256e; border-top:none; background:#fff}
- nestedB1 .acc-selected {
background:url(https://static.igem.org/mediawiki/2012/5/52/Header2.gif)}
- nestedB2 {
width:825px; list-style:none; color:#033; margin-bottom:15px}
- 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)}
- nestedB2 h3:hover {
background:url(https://static.igem.org/mediawiki/2012/5/52/Header2.gif)}
- nestedB2 .acc-section {
overflow:hidden; background:#fff}
- nestedB2 .acc-content {
width:793px; padding:15px; border:1px solid #01256e; border-top:none; background:#fff}
- nestedB2 .acc-selected {
background:url(https://static.igem.org/mediawiki/2012/5/52/Header2.gif)}
- nestedB3 {
width:825px; list-style:none; color:#033; margin-bottom:15px}
- 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)}
- nestedB3 h3:hover {
background:url(https://static.igem.org/mediawiki/2012/5/52/Header2.gif)}
- nestedB3 .acc-section {
overflow:hidden; background:#fff}
- nestedB3 .acc-content {
width:793px; padding:15px; border:1px solid #01256e; border-top:none; background:#fff}
- nestedB3 .acc-selected {
background:url(https://static.igem.org/mediawiki/2012/5/52/Header2.gif)}