Vertical:AUC TURKEY
From 2014hs.igem.org
(Difference between revisions)
Edipunluer (Talk | contribs) |
Yasir.nacak (Talk | contribs) |
||
(4 intermediate revisions not shown) | |||
Line 68: | Line 68: | ||
text-decoration: none; | text-decoration: none; | ||
line-height: 1; | line-height: 1; | ||
- | font-family: ' | + | font-family: 'Open Sans', sans-serif; |
font-size: 14px; | font-size: 14px; | ||
position: relative; | position: relative; | ||
Line 74: | Line 74: | ||
#verticalmenu { | #verticalmenu { | ||
width: 130px; | width: 130px; | ||
- | border-bottom: 4px solid # | + | border-bottom: 4px solid #656659; |
-webkit-border-radius: 3px; | -webkit-border-radius: 3px; | ||
-moz-border-radius: 3px; | -moz-border-radius: 3px; | ||
Line 84: | Line 84: | ||
#verticalmenu > ul > li:first-child { | #verticalmenu > ul > li:first-child { | ||
background: #66665e; | background: #66665e; | ||
- | background: -moz-linear-gradient(# | + | background: -moz-linear-gradient(#66665e 0%, #45463d 100%); |
- | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, # | + | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66665e), color-stop(100%, #45463d)); |
- | background: -webkit-linear-gradient(# | + | background: -webkit-linear-gradient(#66665e 0%, #45463d 100%); |
- | background: linear-gradient(# | + | background: linear-gradient(#66665e 0%, #45463d 100%); |
- | border: 1px solid # | + | border: 1px solid #45463d; |
-webkit-border-radius: 3px 3px 0 0; | -webkit-border-radius: 3px 3px 0 0; | ||
-moz-border-radius: 3px 3px 0 0; | -moz-border-radius: 3px 3px 0 0; | ||
Line 119: | Line 119: | ||
#verticalmenu > ul > li { | #verticalmenu > ul > li { | ||
background: #70a667; | background: #70a667; | ||
- | background: -moz-linear-gradient(#70a667 0%, # | + | background: -moz-linear-gradient(#70a667 0%, #598951 100%); |
- | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #70a667), color-stop(100%, # | + | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #70a667), color-stop(100%, #598951)); |
- | background: -webkit-linear-gradient(#70a667 0%, # | + | background: -webkit-linear-gradient(#70a667 0%, #598951 100%); |
- | background: linear-gradient(#70a667 0%, # | + | background: linear-gradient(#70a667 0%, #598951 100%); |
} | } | ||
#verticalmenu > ul > li:hover { | #verticalmenu > ul > li:hover { | ||
- | background: # | + | background: #67a05e; |
- | background: -moz-linear-gradient(# | + | background: -moz-linear-gradient(#67a05e 0%, #52804b 100%); |
- | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, # | + | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #67a05e), color-stop(100%, #52804b)); |
- | background: -webkit-linear-gradient(# | + | background: -webkit-linear-gradient(#67a05e 0%, #52804b 100%); |
- | background: linear-gradient(# | + | background: linear-gradient(#67a05e 0%, #52804b 100%); |
} | } | ||
#verticalmenu > ul > li > a { | #verticalmenu > ul > li > a { | ||
Line 136: | Line 136: | ||
background: url(pattern.png) top left repeat; | background: url(pattern.png) top left repeat; | ||
color: #ffffff; | color: #ffffff; | ||
- | border: 1px solid # | + | border: 1px solid #4e7947; |
border-top: none; | border-top: none; | ||
- | text-shadow: 0 -1px 1px # | + | text-shadow: 0 -1px 1px #2f492b; |
} | } | ||
#verticalmenu > ul > li > a > span { | #verticalmenu > ul > li > a > span { | ||
Line 154: | Line 154: | ||
} | } | ||
#verticalmenu > ul > li.has-sub > a span { | #verticalmenu > ul > li.has-sub > a span { | ||
- | background: url( | + | background: url(icon_plus.png) 96% center no-repeat; |
} | } | ||
#verticalmenu > ul > li.has-sub.active > a span { | #verticalmenu > ul > li.has-sub.active > a span { | ||
- | background: url( | + | background: url(icon_minus.png) 96% center no-repeat; |
} | } | ||
/* Sub menu */ | /* Sub menu */ | ||
Line 195: | Line 195: | ||
color: #70a667; | color: #70a667; | ||
} | } | ||
+ | |||
#verticalmenu { | #verticalmenu { | ||
position: fixed; | position: fixed; | ||
Line 205: | Line 206: | ||
<div id='verticalmenu'> | <div id='verticalmenu'> | ||
<ul> | <ul> | ||
- | <li class='active'><a | + | <li class='active'><a><span>Project</span></a></li> |
- | + | ||
<li><a href='https://2014hs.igem.org/Team:AUC_TURKEY/Project/Introduction'><span>Introduction</span></a></li> | <li><a href='https://2014hs.igem.org/Team:AUC_TURKEY/Project/Introduction'><span>Introduction</span></a></li> | ||
<li><a href='https://2014hs.igem.org/Team:AUC_TURKEY/Project/Mechanism'><span>Mechanism</span></a></li> | <li><a href='https://2014hs.igem.org/Team:AUC_TURKEY/Project/Mechanism'><span>Mechanism</span></a></li> | ||
- | <li><a href='https://2014hs.igem.org/Team:AUC_TURKEY/Project/ | + | <li><a href='https://2014hs.igem.org/Team:AUC_TURKEY/Project/Modelling'><span>Modelling</span></a></li> |
<li class='last'><a href='https://2014hs.igem.org/Team:AUC_TURKEY/Project/Parts'><span>Parts</span></a></li> | <li class='last'><a href='https://2014hs.igem.org/Team:AUC_TURKEY/Project/Parts'><span>Parts</span></a></li> | ||
</ul> | </ul> |
Latest revision as of 03:21, 21 June 2014