Team:Imperial College/Templates/Banner

From 2013.igem.org

(Difference between revisions)
m
m
Line 3: Line 3:
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+
<!--%%%%%%%%%%%% MyCSSMenu Styles [Keep in head for full validation!] %%%%%%%%%%%-->
 +
<style type="text/css">
-
  <script>
 
-
  $( document ).ready(function() {
 
-
  $('#cssmenu ul ul li:odd').addClass('odd');
 
-
  $('#cssmenu ul ul li:even').addClass('even');
 
-
  $('#cssmenu > ul > li > a').click(function() {
 
-
  $('#cssmenu li').removeClass('active');
 
-
  $(this).closest('li').addClass('active');
 
-
 
 
-
  var checkElement = $(this).next();
 
-
  if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
 
-
  return false;
 
-
  }
 
-
  if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
 
-
  $('#cssmenu ul ul:visible').slideUp('normal');
 
-
  checkElement.slideDown('normal');
 
-
  return false;
 
-
  }
 
-
  });
 
-
  });
 
-
  <\script>
 
-
  <style type="text/css">
+
/*!!!!!!!!!!! MyCSSMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
 +
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 li {float:none;}#qm0 li:hover>ul{top:0px;left:100%;}
-
@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;
 
-
}
 
 +
/*!!!!!!!!!!! MyCSSMenu Styles !!!!!!!!!!!*/
 +
/* MyCSSMenu 0 */
 +
 +
/*"""""""" (MAIN) Container""""""""*/
 +
#qm0
 +
{
 +
width:200px;
 +
background-color:transparent;
 +
border-width:1px 2px;
 +
border-style:solid;
 +
border-color:rgb(4, 200, 11);
 +
}
 +
 +
 +
/*"""""""" (MAIN) Items""""""""*/
 +
#qm0 a
 +
{
 +
padding:5px 5px 5px 8px;
 +
background-color:rgb(255, 255, 255);
 +
background-image:url("images/tree_green_bg.gif");
 +
color:rgb(0, 0, 0);
 +
font-family:Arial;
 +
font-size:13px;
 +
text-decoration:none;
 +
border-width:1px 0px;
 +
border-style:solid;
 +
border-color:rgb(18, 200, 4);
 +
}
 +
 +
 +
/*"""""""" (MAIN) Active State""""""""*/
 +
body #qm0 .qmactive, body #qm0 .qmactive:hover
 +
{
 +
text-decoration:underline;
 +
}
 +
 +
 +
/*"""""""" (SUB) Container""""""""*/
 +
#qm0 div, #qm0 ul
 +
{
 +
padding:10px 0px;
 +
background-color:rgb(248, 253, 245);
 +
border-width:1px;
 +
border-style:none;
 +
border-color:rgb(204, 204, 204);
 +
}
 +
 +
 +
/*"""""""" (SUB) Items""""""""*/
 +
#qm0 div a, #qm0 ul a
 +
{
 +
padding:2px 0px 2px 15px;
 +
margin:0px 5px;
 +
background-color:transparent;
 +
background-image:none;
 +
border-width:1px;
 +
border-style:solid;
 +
border-color:rgb(248, 253, 245);
 +
}
 +
 +
 +
/*"""""""" (SUB) Hover State""""""""*/
 +
#qm0 div a:hover, #qm0 ul a:hover
 +
{
 +
text-decoration:underline;
 +
}
 +
 +
 +
/*"""""""" (SUB) Active State""""""""*/
 +
body #qm0 div .qmactive, body #qm0 div .qmactive:hover
 +
{
 +
background-color:rgb(215, 247, 198);
 +
border-color:rgb(153, 153, 153);
 +
}
 +
 +
 +
</style>
 +
   #top-section {
   #top-section {

Revision as of 18:20, 10 August 2013

#top-section { width: 975px; height: 20px; background-color: #ffffff; border: none; } #p-logo { display: none;} #search-controls { display: none;} .right-menu li a, .right-menu li a:hover { color: #3c6b27; background-color: transparent; } .firstHeading { display: none;} #imperiallogo { position: relative; text-align:center; z-index:-1; } #iGEMLogo { position:absolute; top:80px; left:15px; } #ImperialLogo { position:absolute; top:100px; left:790px; } body { background-color:#58D3F7; } #menucontainer { overflow:visible; position:relative; z-index:3; } #content { position: relative; width: 975px; margin: 0 auto; padding-top:1px; padding-left:0px; padding-right:0px; padding-bottom:0px; background: #ffffff; color: black; border: none; line-height: 1.5em; z-index: 2; } #contentSub { margin: 0 0 0 0; } #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0; } a {color:#93B825;} a:link {color:#93B825;} a:visited {color:#728F1D;} a:hover {color:#93B825;} a:active {color:#93B825;} a[name]:hover {text-decoration:none;} a.sitemap:link,a.sitemap:visited {color:#000000;font-decoration:none;} a.sitemap:hover,a.sitemap:active {color:#000000;font-decoration:underline;} h1 { font-family: arial,sans-serif; color: #225323; background: #ffffff; font-weight: bold; font-size: 2.2em; margin: 0 0 0 0; padding: 20px 20px 12px 20px; border-bottom: none; } h2 { font-family: arial,sans-serif; color: #225323; background: #ffffff; font-weight: bold; font-size: 1.7em; margin: 0 0 0 0; padding: 18px 20px 7px 20px; border-bottom: none; } h3 { font-family: arial,sans-serif; color: #225323; background: #ffffff; font-weight: bold; font-size: 1.4em; margin: 0 0 0 0; padding: 16px 20px 2px 20px; border-bottom: none; } h4 { font-family: arial,sans-serif; color: #225323; background: #ffffff; font-weight: bold; font-size: 1.1em; margin: 0 0 0 0; padding: 13.5px 20px 1px 20px; border-bottom: none; } p { font-family: arial,sans-serif; color: #000000; background: #ffffff; font-weight: normal; font-size: 1em; line-height: 1.7em; text-align: justify; margin: 0 0 0 0; padding: 5px 20px 0px 20px; } .border { border:1px solid #B2B2B2; z-index:101; } .borderMagnify { border:1px solid #B2B2B2; z-index:101; margin-left:-9px; margin-right:9px; } .imgbox { margin:20px; padding:10px; border:1px solid black; text-align:center; } .vidbox { margin:20px; padding:10px; border:1px solid black; text-align:center; } .newouterbox { background-color:#FF944D;border:1px solid #CCCCCC;margin:20px;padding-bottom:0px; } .newinnerbox { border:1px solid #CCCCCC;margin:10px 20px 20px 20px;padding-top:0px;padding-bottom:13px;background-color:#ffffff; } .newtext { text-align:center;background-color:#FF944D;color:#000000; } ul.a { margin: 0 0 0 40px; list-style-image: none; list-style-type:disc; font-family: arial,sans-serif; color: #000000; background: #ffffff; font-weight: normal; font-size: 1em; line-height: 1.7em; text-align: justify; padding: 5px 20px 0px 20px; } ol.a { margin: 0 0 0 30px; list-style-position:inside; font-family: arial,sans-serif; color: #000000; background: #ffffff; font-weight: normal; font-size: 1em; line-height: 1.7em; text-align: justify; padding: 5px 20px 0px 20px; } iframe { padding: 10px 20px 10px 20px; } #BackToTop { position:fixed; bottom:0; right:0; } #Sitemap { position:fixed; bottom:0; left:0; }

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