Team:Oxford/header

From 2014.igem.org

(Difference between revisions)
(Created page with "<head> <title>Welcome to Oxford iGem</title> <link rel="stylesheet" href="main.css" type="text/css"/> </head> <body> <header> <div class="container"> <div id="logo...")
Line 1: Line 1:
<head>
<head>
-
<title>Welcome to Oxford iGem</title>
+
  <style type="text/css">
-
<link rel="stylesheet" href="main.css" type="text/css"/>
+
 
-
</head>
+
  @import url(http://fonts.googleapis.com/css?family=PT+Serif|Open+Sans:300italic,400,300);
-
<body>
+
 
-
<header>
+
  html, body {
-
<div class="container">
+
    max-width: 100%;
-
<div id="logo"></div>
+
    overflow-x: hidden;
-
<div id="igem_logo"></div>
+
  }
-
</div>
+
 
-
</header>
+
  body {
-
<nav id="main_navigation">
+
    background-color: #EBEBEB;
-
<div class="container">
+
    margin: 0px;
-
<ul>
+
    padding: 0;
-
<li><a href="https://2014.igem.org/Team:Oxford">Team</a></li>
+
    border: 0;
-
<li><a href="https://2014.igem.org/Team:Oxford/Projects">Projects</a></li>
+
    vertical-align: baseline;
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=Oxford">Safety</a></li>
+
    font-family: 'Open Sans', 'helvetica', sans-serif;
-
<li><a href="https://2014.igem.org/Team:Oxford/Project">Outreach</a></li>
+
    font-size: 10px;
-
<li><a href="https://2014.igem.org/Team:Oxford/Parts">Sponsors</a></li>
+
    font-weight: 300;
-
<li><a href="">Modelling</a></li>
+
  }
-
<li><a href="">Parts</a></li>
+
 
-
</ul>
+
  #content {
-
</div>
+
    border:none;
-
</nav>
+
    width:100%;
 +
    margin:0;
 +
    padding:0;
 +
    background:none;
 +
  }
 +
 
 +
  #catlinks {
 +
    display:none;
 +
  }
 +
 
 +
  #contentSub {
 +
    display:none;
 +
  }
 +
 
 +
  #menubar {
 +
    width: auto;
 +
    margin-top:0.5%;
 +
}
 +
 
 +
  .left-menu:hover {
 +
    background-color: transparent;
 +
  }
 +
  #menubar li a {
 +
    background-color: transparent;
 +
  }
 +
  #menubar:hover {
 +
    color: gray;
 +
  }
 +
  #menubar li a {
 +
    color: #B5B5B5;
 +
  }
 +
  #menubar:hover li a {
 +
    color: gray;
 +
  }
 +
 
 +
  #menubar.left-menu.noprint ul li:last-child {
 +
  display:none;
 +
  }
 +
 
 +
  #search-controls {
 +
    display:none;
 +
  }
 +
 
 +
  #top-section {
 +
    height:0px;
 +
    width:100%;
 +
    border:none;
 +
  }
 +
 
 +
  #footer-box {
 +
    border:none;
 +
    display:none;
 +
    width:100%;
 +
  }
 +
 
 +
  #p-logo {
 +
    display:none
 +
  }
 +
 
 +
  .firstHeading {
 +
  display:none;
 +
  }
 +
 
 +
  #bodyContent p{
 +
    display:none;
 +
  }
 +
 
 +
  html, div, span, applet, object, iframe,
 +
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 +
  a, abbr, acronym, address, big, cite, code,
 +
  del, dfn, em, img, ins, kbd, q, s, samp,
 +
  small, strike, strong, sub, sup, tt, var,
 +
  b, u, i, center,
 +
  dl, dt, dd, ol, ul, li,
 +
  fieldset, form, label, legend,
 +
  table, caption, tbody, tfoot, thead, tr, th, td,
 +
  article, aside, canvas, details, embed,
 +
  figure, figcaption, footer, header, hgroup,
 +
  menu, nav, output, ruby, section, summary,
 +
  time, mark, audio, video {
 +
    margin: 0;
 +
    padding: 0;
 +
    border: 0;
 +
    font-size: 100%;
 +
    font: inherit;
 +
    vertical-align: baseline;
 +
  }
 +
 
 +
  #top-section {
 +
    width: 965px;
 +
    height: 0;
 +
    margin: 0 auto;
 +
    padding: 0;
 +
    border: none;}
 +
 
 +
  .left-menu:hover {
 +
    background-color: transparent;}
 +
 
 +
  #menubar li a {
 +
    background-color: transparent;}
 +
 
 +
  .outer { 
 +
    position:fixed;
 +
    width:100%;
 +
    height:100%;
 +
  }
 +
 
 +
  img.supercoil {
 +
    width:65%;
 +
    display: block;
 +
    margin-left: auto;
 +
    margin-right: auto }
 +
 
 +
  .Heading {
 +
    position:absolute;
 +
    display: block;
 +
  }
 +
 
 +
 
 +
#list li {
 +
list-style-image: url("https://static.igem.org/mediawiki/2014/6/6f/OxigemTick.png"); }
 +
}
 +
  </style>
 +
  <script type="text/javascript">
 +
 
 +
  function iconleft(x) {
 +
    x.style.left="6%";
 +
  }
 +
  function iconnormal(x) {
 +
    x.style.left="9%";
 +
  }
 +
$(document).ready(function(){
 +
  $("#arrowr").click(function(){
 +
    $("#grey").animate({right:'-175px'}, "fast");
 +
  });
 +
});
 +
$(document).ready(function(){
 +
  $("#arrowl").click(function(){
 +
    $("#grey").animate({right:'-120px'}, "fast");
 +
  });
 +
});
 +
 
 +
  </script>
 +
 
 +
  <title></title>
 +
</head>

Revision as of 21:24, 9 September 2014

<head>

 <style type="text/css">
 @import url(http://fonts.googleapis.com/css?family=PT+Serif|Open+Sans:300italic,400,300);
 html, body {
   max-width: 100%;
   overflow-x: hidden;
 }
 body {
   background-color: #EBEBEB; 
   margin: 0px;
   padding: 0;
   border: 0;
   vertical-align: baseline;
   font-family: 'Open Sans', 'helvetica', sans-serif;
   font-size: 10px;
   font-weight: 300;
 }
 #content {
   border:none;
   width:100%;
   margin:0;
   padding:0;
   background:none;
 }
 #catlinks {
   display:none;
 }
 #contentSub {
   display:none;
 }
 #menubar {
   width: auto;
   margin-top:0.5%;

}

 .left-menu:hover {
   background-color: transparent;
 }
 #menubar li a {
   background-color: transparent;
 }
 #menubar:hover {
   color: gray;
 }
 #menubar li a {
   color: #B5B5B5;
 }
 #menubar:hover li a {
   color: gray;
 }
 #menubar.left-menu.noprint ul li:last-child {
  display:none;
 }
 #search-controls {
   display:none;
 }
 #top-section {
   height:0px;
   width:100%;
   border:none;
 }
 #footer-box {
   border:none;
   display:none;
   width:100%;
 }
 #p-logo {
   display:none
 }
 .firstHeading {
 display:none;
 }
 #bodyContent p{
   display:none;
 }
 html, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
 del, dfn, em, img, ins, kbd, q, s, samp,
 small, strike, strong, sub, sup, tt, var,
 b, u, i, center,
 dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend,
 table, caption, tbody, tfoot, thead, tr, th, td,
 article, aside, canvas, details, embed, 
 figure, figcaption, footer, header, hgroup, 
 menu, nav, output, ruby, section, summary,
 time, mark, audio, video {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
   vertical-align: baseline;
 }
 #top-section {
   width: 965px;
   height: 0;
   margin: 0 auto;
   padding: 0;
   border: none;}
 .left-menu:hover {
   background-color: transparent;}
 #menubar li a {
   background-color: transparent;}
 .outer {  
   position:fixed;
   width:100%;
   height:100%;
 }
 img.supercoil {
   width:65%;
   display: block;
   margin-left: auto;
   margin-right: auto }
 .Heading {
   position:absolute;
   display: block;
 }


  1. list li {

list-style-image: url("OxigemTick.png"); } }

 </style>
 <script type="text/javascript">
 function iconleft(x) {
   x.style.left="6%";
 }
 function iconnormal(x) {
   x.style.left="9%";
 }

$(document).ready(function(){

 $("#arrowr").click(function(){
   $("#grey").animate({right:'-175px'}, "fast");
 });

}); $(document).ready(function(){

 $("#arrowl").click(function(){
   $("#grey").animate({right:'-120px'}, "fast");
 });

});

 </script>
 <title></title>

</head>