Team:Uppsala/tabSelector.css
From 2014.igem.org
(Difference between revisions)
Line 28: | Line 28: | ||
#tabSection a { | #tabSection a { | ||
+ | opacity: 0.8; | ||
display: block; | display: block; | ||
text-shadow: 0 1px 0 rgba(0,0,0,.5); | text-shadow: 0 1px 0 rgba(0,0,0,.5); | ||
Line 44: | Line 45: | ||
#tabSection a:hover{ | #tabSection a:hover{ | ||
- | + | opacity: 1; | |
} | } | ||
Latest revision as of 17:37, 21 September 2014
/* ---- Tab-selector ---- */
- tab_selector ul li{
display: inline-block; //margin-bottom: 20px;
}
- tab_selector{
}
- tab_selector #tabSection { /* determines size on div */
width: 1050px; text-align: center;
}
- tabSection li {
width: 15%; /* 15% for four buttons */ margin-right: 2.5%; margin-left: 2.5%; //margin-bottom: 20px;
}
- tabSection a {
opacity: 0.8; display: block; text-shadow: 0 1px 0 rgba(0,0,0,.5); color: #d31906; font: 11px/100% Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none;
}
/*
- tabSection a:focus {
outline: 0;
}
- /
- tabSection a:hover{
opacity: 1;
}
- tabSection #current a {
text-shadow: none; color: #d31906; opacity: 1;
}
- tab1 {
width: 100%; min-height: 300px; }
.logo {
width: 300px; }
.pic {
width: 224px;
}