"
Team:Imperial College London/dddropdownpanel
From 2011.igem.org
| Line 7: | Line 7: | ||
.ddpanel .ddpaneltab{ /*CSS for "toggle" tab DIV of Drop Down Panel*/ | .ddpanel .ddpaneltab{ /*CSS for "toggle" tab DIV of Drop Down Panel*/ | ||
margin-right: 20px; | margin-right: 20px; | ||
| - | |||
font: normal 12px Arial; | font: normal 12px Arial; | ||
} | } | ||
| Line 22: | Line 21: | ||
float: left; | float: left; | ||
display: block; | display: block; | ||
| - | background: | + | background: black 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; | ||
Revision as of 16:42, 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: black 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; }
