Team:Imperial College/Templates/Banner

From 2013.igem.org

(Difference between revisions)
m (Corrected banner link)
(Adding Menu)
Line 2: Line 2:
  <head>
  <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
 +
  \* Menu Scripts *\
 +
  <link href="/menu_assets/styles.css" rel="stylesheet" type="text/css">
 +
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
 +
  <script type='text/javascript' src='/menu_assets/menu_jquery.js'></script>
 +
 +
  \* STYLES *\
   <style type="text/css">
   <style type="text/css">
 +
 +
@import url(http://fonts.googleapis.com/css?family=Lato);
 +
@charset 'UTF-8';
 +
/* Base Styles */
 +
#cssmenu,
 +
#cssmenu ul,
 +
#cssmenu li,
 +
#cssmenu a {
 +
  margin: 0;
 +
  padding: 0;
 +
  border: 0;
 +
  list-style: none;
 +
  font-weight: normal;
 +
  text-decoration: none;
 +
  line-height: 1;
 +
  font-family: 'Lato', sans-serif;
 +
  font-size: 14px;
 +
  position: relative;
 +
}
 +
#cssmenu a {
 +
  line-height: 1.3;
 +
  padding: 6px 15px;
 +
}
 +
#cssmenu {
 +
  width: 200px;
 +
}
 +
#cssmenu > ul > li {
 +
  cursor: pointer;
 +
  background: #000;
 +
  border-bottom: 1px solid #797a80;
 +
}
 +
#cssmenu > ul > li:last-child {
 +
  border-bottom: 1px solid #3e3d3c;
 +
}
 +
#cssmenu > ul > li > a {
 +
  font-size: 13px;
 +
  display: block;
 +
  color: #ffffff;
 +
  text-shadow: 0 1px 1px #000;
 +
  background: #6a6b72;
 +
  background: -moz-linear-gradient(#6a6b72 0%, #4c4e53 100%);
 +
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6a6b72), color-stop(100%, #4c4e53));
 +
  background: -webkit-linear-gradient(#6a6b72 0%, #4c4e53 100%);
 +
  background: linear-gradient(#6a6b72 0%, #4c4e53 100%);
 +
}
 +
#cssmenu > ul > li > a:hover {
 +
  text-decoration: none;
 +
}
 +
#cssmenu > ul > li.active {
 +
  border-bottom: none;
 +
}
 +
#cssmenu > ul > li.active > a {
 +
  background: #a5ce27;
 +
  background: -moz-linear-gradient(#a5ce27 0%, #709400 100%);
 +
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5ce27), color-stop(100%, #709400));
 +
  background: -webkit-linear-gradient(#a5ce27 0%, #709400 100%);
 +
  background: linear-gradient(#a5ce27 0%, #709400 100%);
 +
  color: #4e5800;
 +
  text-shadow: 0 1px 1px #a5ce27;
 +
}
 +
#cssmenu > ul > li.has-sub > a:after {
 +
  content: '';
 +
  position: absolute;
 +
  top: 10px;
 +
  right: 10px;
 +
  border: 5px solid transparent;
 +
  border-left: 5px solid #ffffff;
 +
}
 +
#cssmenu > ul > li.has-sub.active > a:after {
 +
  right: 14px;
 +
  top: 12px;
 +
  border: 5px solid transparent;
 +
  border-top: 5px solid #4e5800;
 +
}
 +
/* Sub menu */
 +
#cssmenu ul ul {
 +
  padding: 0;
 +
  display: none;
 +
}
 +
#cssmenu ul ul a {
 +
  background: #efefef;
 +
  display: block;
 +
  color: #797979;
 +
  font-size: 13px;
 +
}
 +
#cssmenu ul ul li {
 +
  border-bottom: 1px solid #c9c9c9;
 +
}
 +
#cssmenu ul ul li.odd a {
 +
  background: #e5e5e5;
 +
}
 +
#cssmenu ul ul li:last-child {
 +
  border: none;
 +
}
 +
 +
 +
   #top-section {
   #top-section {

Revision as of 17:43, 10 August 2013

\* Menu Scripts *\ \* STYLES *\

Retrieved from "http://2013.igem.org/Team:Imperial_College/Templates/Banner"