Team:Oxford/templates/header

From 2014.igem.org

Revision as of 21:32, 23 July 2014 by Glen47 (Talk | contribs)

{content}



</head> 


   <body>


<img src="Oxfordigem_birds.jpg" alt="" width="1400" height="800" />



<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.js'></script> <script src="https://dl.dropbox.com/s/37jkgtqvovibjzw/jquery.cycle.all.js" type="text/javascript" charset="utf-8"></script> <script src="https://dl.dropbox.com/s/pidq1kmneunnn0s/jquery.maximage.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript" charset="utf-8"> $(function(){ // Trigger maximage jQuery('#maximage').maximage(); });

$(document).ready(function() { $('.hasdropdown').hover(function() { $(this).find('.dropdown').stop(true,true).slideToggle(200); })

}) 

       </script>

       <style>
  • { 
   padding: 0px;
   margin: 0px

}

body { }

  1. content {

border:none; width:100%; margin:0; padding:0; background:none; overflow:hidden; }

  1. catlinks {

display:none; }

  1. contentSub {

display:none; }

  1. menubar {

position: absolute; white-space: nowrap; top: 0px; width: 450px; z-index: 5; font-family: sans-serif; font-size: 95%; line-height: 1em; }

  1. menubar ul {

padding:0px; }

  1. menubar ul li:last-child {

display:none; }

  1. search-controls {

display:none; }

  1. top-section {

height:0px; width:100%; border:none; }

  1. footer-box {

border:none; display:none; width:100%; }

  1. p-logo {

display:none; }

.firstHeading { display:none; }

  1. bodyContent p{

display:none; overflow:hidden; }

.right-menu li a { background:none; padding:10px; }

.right-menu li a:hover { color:#fff; }

a.new:visited, #p-personal a.new:visited { color:#fff; }

/* http://meyerweb.com/eric/tools/css/reset/ 

  v2.0 | 20110126
  License: none (public domain)
  • /

html, body, 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; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ; content: none; } table { border-collapse: collapse; border-spacing: 0; } /** 

* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    contenteditable attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that are clearfixed.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/

.cf:before, .cf:after { 

   content: " "; /* 1 */
   display: table; /* 2 */

}

.cf:after { 

   clear: both;

}

/** 

* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/

.cf { 

   *zoom: 1;

}

.container p { display:block !important; }

body { font-family: 'Open Sans', 'helvetica', sans-serif; font-size: 10px; font-weight: 300; background: #f5f5f5; }

p { font-size: 14px; margin-bottom: 10px; line-height: 1.5; }

p:last-child { margin-bottom: 0; }

.01 .02{ 

max-width: 920px;
 margin: 0 auto;
 display: block !important;
 -webkit-backface-visibility: hidden;

position: relative; }

.02{ 

 max-width: 920px;
 position: relative;
 display: block !important;
 -webkit-backface-visibility: hidden;

position: relative; }

.container{ 

 max-width: 920px;
 margin: 0 auto;
 display: block !important;
 -webkit-backface-visibility: hidden;

position: relative; }

.header .containertwo{ 

max-width: 920px;

min-width:600px; margin: 0 auto; overflow:hidden; }

.row { margin-top:1em; margin-bottom: 2.5em; }

@media all and (max-width: 1000px) { 

 .container, #footer-box {
   margin-left: 4%;
   margin-right: 4%;
   width: 92%;
   position: relative; 
 }

}

.column { 

 float: left;
 max-width: none;
 display: block; }

.full { 

 width: 100%; }

.half { 

 width: 50%; }

.quarter { 

 width: 25%; }

.thirtyfive { 

 width: 38.5%; }

.fourty { 

 width: 40%; }

.sixty { 

 width: 60%; }

.third { 

 width: 33.333333%; }

.two-third { 

 width: 66.666666%; }

.sixth { 

 width: 16.6666666%; }

.two-ninth { 

 width: 22.2222222%; }

h1 { font-size: 20px; font-weight: 400; font-family: 'PT Serif', serif; margin-bottom: .5em; }

h2 { font-size: 14px; font-weight: 400; font-family: 'PT Serif', serif; margin-bottom: 5px; }


nav li { font-size: 14px; cursor:pointer;

}

header { background:

; background-size: cover; background-position: center center; height: 400px; min-width:600px; }

  1. logo {

background: url('https://static.igem.org/mediawiki/2014/thumb/5/5a/Oxfordlogo.png/800px-Oxfordlogo.png'); background-size: cover; width: 260px; height: 80px; position: absolute; top:55px; }

  1. biochemdept { 
       width: 50px;

height: 50px; position: absolute; top:140px; 

       left:5px;

}

  1. biochemdept a img { 
   width: 260px;
   height: 73px;

}


  1. igem_logo {

width: 10em; height: 8em; position: absolute; right:10px; top:45px; }

  1. igem_logo a img {

width: 10em; height: 8em;

}


  1. facebook {

background: url('https://static.igem.org/mediawiki/2014/3/3d/F.png'); background-size: cover; 

       width:35px;

height:35px; position: absolute; 

       left:265px;

top:60px; }

  1. twitter {

background: url('https://static.igem.org/mediawiki/2014/0/02/T.png'); background-size: cover; 

       width:35px;

height:35px; position: absolute; left:265px; top:100px; }


  1. main_navigation {

width: 100%; background: #012148; margin-bottom: 0px; min-width:600px; }

  1. main_navigation ul {

}


  1. main_navigation > div > ul > li {

display: inline-block; margin: 0; margin-left:30px;

padding: 0; }

  1. main_navigation > div > ul > li > a {

display: block; width: 100%; height: 30px;; margin-top: 10px; color: #fff; text-decoration: none; text-transform: uppercase; }

  1. main_navigation a {

display: block; color: #fff; text-decoration: none; text-transform: uppercase; }


  1. main_content {

padding: 30px 0 30px 0; }

.hasdropdown { position: relative; }

.dropdown { position: absolute; display: none; background: #012148; color: #fff; width: 200px; left: -10px; color: #fff; text-decoration: none; text-transform: uppercase; z-index: 10; font-size:12px; }

.dropdown li { padding:10px; }

.dropdown li:hover { background:#001d3f; }

.dropdown li:last-child { margin-bottom: 0; }

footer { margin-top: 20px; padding: 30px 0 30px 0; border-top:1px solid #e5e5e5; min-width:600px; }

  1. sponsors {

width: 50%; float: left; text-align: center; }

  1. sponsors img {

width: 90px; }


  1. sponsors ul li, #footer_links ul li {

display: inline-block; margin: 10px; }

  1. footer_links {

width: 50%; float: left; text-align: center; }


/* homepage */

  1. team_picture img{

display: block; width: 85%; margin: 0 auto; }

.news_block { margin-bottom: 1em; background: #fff; padding: 1em; }

.abcdefg { margin-bottom: 1em; background: #f5f5f5; padding: 1em; 

       bottom:0px;

}


.inner { 

   display: inline-block;
   position: relative;
   right: -50%;

}

</style>



<header> 





   <a href="http://www.bioch.ox.ac.uk/">
       <img src="Oxford-biochemistry-logo.png" />
   </a>


</header>
<nav id="main_navigation">

</nav> 


 </body>

</html>

Retrieved from "http://2014.igem.org/Team:Oxford/templates/header"