"
Team:Imperial College London/dddropdownpanel
From 2011.igem.org
(Created page with ".ddpanel .ddpanelcontent{ /*CSS for "content" DIV of Drop Down Panel*/ color: white; background: black; - →background of Drop Down Panel: /*Do NOT add any "padding" or "margin" p...") |
|||
| Line 13: | Line 13: | ||
float: right; | float: right; | ||
color: white; | color: white; | ||
| - | background: black url( | + | background: black url(https://static.igem.org/mediawiki/2011/7/7f/ICL_toggleleft.gif) no-repeat left bottom; /*background of toggle tab*/ |
text-decoration: none; | text-decoration: none; | ||
letter-spacing: 1px; | letter-spacing: 1px; | ||
| Line 21: | Line 21: | ||
float: left; | float: left; | ||
display: block; | display: block; | ||
| - | background: transparent url( | + | background: transparent url(https://static.igem.org/mediawiki/2011/3/36/ICL_toggleright.gif) no-repeat right bottom; |
padding: 1px 12px 4px 13px; | padding: 1px 12px 4px 13px; | ||
cursor: pointer; | cursor: pointer; | ||
| Line 32: | Line 32: | ||
.ddpanel .ddpaneltab a:hover{ /*"toggle" tab related CSS*/ | .ddpanel .ddpaneltab a:hover{ /*"toggle" tab related CSS*/ | ||
| - | background-color: | + | background-color: #215322; /*background of toggle tab onMouseover*/ |
} | } | ||
Revision as of 15:48, 23 October 2011
.ddpanel .ddpanelcontent{ /*CSS for "content" DIV of Drop Down Panel*/ color: white; background: black; /*background of Drop Down Panel*/ /*Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */ }
.ddpanel .ddpaneltab{ /*CSS for "toggle" tab DIV of Drop Down Panel*/ margin-right: 20px; font: normal 12px Arial; }
.ddpanel .ddpaneltab a{ /*"toggle" tab related CSS*/
float: right;
color: white;
background: black url(
) no-repeat left bottom; /*background of toggle tab*/
text-decoration: none;
letter-spacing: 1px;
}
.ddpanel .ddpaneltab a span{ /*"toggle" tab related CSS*/
float: left;
display: block;
background: transparent url(
) no-repeat right bottom;
padding: 1px 12px 4px 13px;
cursor: pointer;
}
.ddpanel .ddpaneltab a span img.pointerimage{ /*CSS for pointer image within toggle tab*/ margin-top: 2px; margin-left: 5px; }
.ddpanel .ddpaneltab a:hover{ /*"toggle" tab related CSS*/ background-color: #215322; /*background of toggle tab onMouseover*/ }
.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{ /*"toggle" tab related CSS*/ outline: 0; }
.ddpanel .ddpaneltab a:hover span{ /*"toggle" tab related CSS*/ background-color: transparent; }
