Vertical:AUC TURKEY

From 2014hs.igem.org

(Difference between revisions)
 
(4 intermediate revisions not shown)
Line 68: Line 68:
   text-decoration: none;
   text-decoration: none;
   line-height: 1;
   line-height: 1;
-
   font-family: 'Kalinga', sans-serif;
+
   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 #70a667;
+
   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(#70a667 0%, #70a667 100%);
+
   background: -moz-linear-gradient(#66665e 0%, #45463d 100%);
-
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #70a667), color-stop(100%, #70a667));
+
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66665e), color-stop(100%, #45463d));
-
   background: -webkit-linear-gradient(#70a667 0%, #70a667 100%);
+
   background: -webkit-linear-gradient(#66665e 0%, #45463d 100%);
-
   background: linear-gradient(#670a667 0%, #70a667 100%);
+
   background: linear-gradient(#66665e 0%, #45463d 100%);
-
   border: 1px solid #70a667;
+
   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%, #d13516 100%);
+
   background: -moz-linear-gradient(#70a667 0%, #598951 100%);
-
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #70a667), color-stop(100%, #d13516));
+
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #70a667), color-stop(100%, #598951));
-
   background: -webkit-linear-gradient(#70a667 0%, #d13516 100%);
+
   background: -webkit-linear-gradient(#70a667 0%, #598951 100%);
-
   background: linear-gradient(#70a667 0%, #d13516 100%);
+
   background: linear-gradient(#70a667 0%, #598951 100%);
}
}
#verticalmenu > ul > li:hover {
#verticalmenu > ul > li:hover {
-
   background: #e84323;
+
   background: #67a05e;
-
   background: -moz-linear-gradient(#e84323 0%, #c33115 100%);
+
   background: -moz-linear-gradient(#67a05e 0%, #52804b 100%);
-
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e84323), color-stop(100%, #c33115));
+
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #67a05e), color-stop(100%, #52804b));
-
   background: -webkit-linear-gradient(#e84323 0%, #c33115 100%);
+
   background: -webkit-linear-gradient(#67a05e 0%, #52804b 100%);
-
   background: linear-gradient(#e84323 0%, #c33115 100%);
+
   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 #ba2f14;
+
   border: 1px solid #4e7947;
   border-top: none;
   border-top: none;
-
   text-shadow: 0 -1px 1px #751d0c;
+
   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(https://static.igem.org/mediawiki/2013hs/0/0c/Icon_plus.png) 96% center no-repeat;
+
   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(https://static.igem.org/mediawiki/2013hs/2/23/Icon_minus.png) 96% center no-repeat;
+
   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 href='https://2014hs.igem.org/Team:AUC_TURKEY/Project'><span>Project</span></a></li>
+
   <li class='active'><a><span>Project</span></a></li>
-
  <li><a href='https://2014hs.igem.org/Team:AUC_TURKEY/Project/Abstract'><span>Abstract</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/Measurements'><span>Measurements</span></a></li>
+
   <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