Team:Oxford

From 2014.igem.org

(Difference between revisions)
Line 3: Line 3:
         <script>
         <script>
         $(document).ready(function() {
         $(document).ready(function() {
-
$.vegas({src:'http://www.designsnext.com/wp-content/uploads/2014/04/Oxford-University-UK.jpg',fade:1000});  
+
/* $.vegas({src:'http://www.designsnext.com/wp-content/uploads/2014/04/Oxford-University-UK.jpg',fade:1000}); */
$('.hasdropdown').hover(function() {
$('.hasdropdown').hover(function() {
$(this).find('.dropdown').stop(true,true).slideToggle(200);
$(this).find('.dropdown').stop(true,true).slideToggle(200);
Line 15: Line 15:
<style>
<style>
-
@import url(http://fonts.googleapis.com/css?family=PT+Serif|Open+Sans:300italic,400,300);
 
-
  * {
+
@import url(http://fonts.googleapis.com/css?family=PT+Serif|Open+Sans:300italic,400,300);
-
    padding: 0px;
+
-
    margin: 0px
+
-
  }
+
-
  body {
+
body {
-
  }
+
}
-
  #content {
+
#content {
-
  border:none;
+
border:none;
-
  width:100%;
+
width:100%;
-
  margin:0;
+
margin:0;
-
  padding:0;
+
padding:0;
-
  background:none;
+
background:none;
-
  overflow:hidden;
+
}
-
  }
+
-
  #catlinks {
+
#catlinks {
-
  display:none;
+
display:none;
-
  }
+
}
-
  #contentSub {
+
#contentSub {
-
  display:none;
+
display:none;
-
  }
+
}
-
  #menubar {
+
#menubar {
-
  position: absolute;
+
position: absolute;
-
  white-space: nowrap;
+
white-space: nowrap;
-
  top: 0px;
+
top: 0px;
-
  width: 450px;
+
width: 400px;
-
  z-index: 5;
+
z-index: 5;
-
  font-family: sans-serif;
+
font-family: sans-serif;
-
  font-size: 95%;
+
font-size: 95%;
-
  line-height: 1em;
+
line-height: 1em;
-
  }
+
}
-
  #menubar ul {
+
#menubar ul {
-
  padding:0px;
+
padding:10px;
-
  }
+
}
-
  #menubar ul li:last-child {
+
#menubar ul li:last-child {
-
  display:none;
+
display:none;
-
  }
+
}
-
  #search-controls {
+
#search-controls {
-
  display:none;
+
display:none;
-
  }
+
}
-
  #top-section {
+
#top-section {
-
  height:0px;
+
height:0px;
-
  width:100%;
+
width:100%;
-
  border:none;
+
border:none;
-
  }
+
}
-
  #footer-box {
+
#footer-box {
-
  border:none;
+
border:none;
-
  display:none;
+
display:none;
-
  width:100%;
+
width:100%;
-
  }
+
}
-
  #p-logo {
+
#p-logo {
-
  display:none;
+
display:none;
-
  }
+
}
-
  .firstHeading {
+
.firstHeading {
-
  display:none;
+
display:none;
-
  }
+
}
-
  #bodyContent p{
+
#bodyContent p{
-
  display:none;
+
display:none;
-
  overflow:hidden;
+
}
-
  }
+
-
  .right-menu li a {
+
.right-menu li a {
-
  background:none;
+
background:none;
-
  padding:10px;
+
padding:10px;
-
  }
+
}
-
  .right-menu li a:hover {
+
.right-menu li a:hover {
-
  color:#fff;
+
color:#fff;
-
  }
+
}
-
  a.new:visited, #p-personal a.new:visited {
+
a.new:visited, #p-personal a.new:visited {
-
  color:#fff;
+
color:#fff;
-
  }
+
}
-
html, body, div, span, applet, object, iframe,
+
/* http://meyerweb.com/eric/tools/css/reset/
-
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+
  v2.0 | 20110126
-
a, abbr, acronym, address, big, cite, code,
+
  License: none (public domain)
-
del, dfn, em, img, ins, kbd, q, s, samp,
+
*/
-
small, strike, strong, sub, sup, tt, var,
+
 
-
b, u, i, center,
+
html, body, div, span, applet, object, iframe,
-
dl, dt, dd, ol, ul, li,
+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-
fieldset, form, label, legend,
+
a, abbr, acronym, address, big, cite, code,
-
table, caption, tbody, tfoot, thead, tr, th, td,
+
del, dfn, em, img, ins, kbd, q, s, samp,
-
article, aside, canvas, details, embed,  
+
small, strike, strong, sub, sup, tt, var,
-
figure, figcaption, footer, header, hgroup,  
+
b, u, i, center,
-
menu, nav, output, ruby, section, summary,
+
dl, dt, dd, ol, ul, li,
-
time, mark, audio, video {
+
fieldset, form, label, legend,
-
      margin: 0;
+
table, caption, tbody, tfoot, thead, tr, th, td,
-
      padding: 0;
+
article, aside, canvas, details, embed,  
-
      border: 0;
+
figure, figcaption, footer, header, hgroup,  
-
  font-size: 100%;
+
menu, nav, output, ruby, section, summary,
-
      font: inherit;
+
time, mark, audio, video {
-
      vertical-align: baseline;
+
margin: 0;
-
}
+
padding: 0;
-
/* HTML5 display-role reset for older browsers */
+
border: 0;
-
article, aside, details, figcaption, figure,  
+
font-size: 100%;
-
footer, header, hgroup, menu, nav, section {
+
font: inherit;
-
        display: block;
+
vertical-align: baseline;
-
}
+
}
-
  body {
+
/* HTML5 display-role reset for older browsers */
-
        line-height: 1;
+
article, aside, details, figcaption, figure,  
-
  }
+
footer, header, hgroup, menu, nav, section {
-
  ol, ul {
+
display: block;
-
        list-style: none;
+
}
-
  }
+
body {
-
  blockquote, q {
+
line-height: 1;
-
        quotes: none;
+
}
-
  }
+
ol, ul {
-
  blockquote:before, blockquote:after,
+
list-style: none;
-
  q:before, q:after {
+
}
-
        content: '';
+
blockquote, q {
-
        content: none;
+
quotes: none;
-
  }
+
}
-
  table {
+
blockquote:before, blockquote:after,
-
        border-collapse: collapse;
+
q:before, q:after {
-
        border-spacing: 0;
+
content: '';
-
  }
+
content: none;
-
  /**
+
}
-
  * For modern browsers
+
table {
-
  * 1. The space content is one way to avoid an Opera bug when the
+
border-collapse: collapse;
-
  *    contenteditable attribute is included anywhere else in the document.
+
border-spacing: 0;
-
  *    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
+
* For modern browsers
-
  *    `:before` to contain the top-margins of child elements.
+
* 1. The space content is one way to avoid an Opera bug when the
-
  */
+
*    contenteditable attribute is included anywhere else in the document.
-
  .cf:before,
+
*    Otherwise it causes space to appear at the top and bottom of elements
-
  .cf:after {
+
*    that are clearfixed.
-
    content: " "; /* 1 */
+
* 2. The use of `table` rather than `block` is only necessary if using
-
    display: table; /* 2 */
+
*    `:before` to contain the top-margins of child elements.
-
  }
+
*/
-
+
.cf:before,
-
  .cf:after {
+
.cf:after {
-
    clear: both;
+
    content: " "; /* 1 */
-
  }
+
    display: table; /* 2 */
-
+
}
-
  /**
+
 
-
  * For IE 6/7 only
+
.cf:after {
-
  * Include this rule to trigger hasLayout and contain floats.
+
    clear: both;
-
  */
+
}
-
  .cf {
+
 
-
    *zoom: 1;
+
/**
-
  }
+
* For IE 6/7 only
-
+
* Include this rule to trigger hasLayout and contain floats.
-
  .container p {
+
*/
-
  display:block !important;
+
.cf {
-
  }
+
    *zoom: 1;
-
+
}
-
  body {
+
 
-
        font-family: 'Open Sans', 'helvetica', sans-serif;
+
.container p {
-
        font-size: 10px;
+
display:block !important;
-
        font-weight: 300;
+
}
-
        background: #f5f5f5;
+
 
-
  }
+
 
-
+
body {
-
  p {
+
font-family: 'Open Sans', 'helvetica', sans-serif;
-
        font-size: 14px;
+
font-size: 10px;
-
        margin-bottom: 10px;
+
font-weight: 300;
-
        line-height: 1.5;
+
background: #f5f5f5;
-
  }
+
}
-
    .container{
+
 
 +
p {
 +
font-size: 14px;
 +
margin-bottom: 10px;
 +
line-height: 1.5;
 +
}
 +
 
 +
p:last-child {
 +
margin-bottom: 0;
 +
}
 +
 
 +
.container{
   max-width: 920px;
   max-width: 920px;
 +
min-width:600px;
   margin: 0 auto;
   margin: 0 auto;
   display: block !important;
   display: block !important;
   -webkit-backface-visibility: hidden;  
   -webkit-backface-visibility: hidden;  
-
        position: relative;
+
position: relative;
-
   }
+
}
 +
 
 +
.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%; }
 +
 
 +
.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: url('https://static.igem.org/mediawiki/2014/8/8e/OxfordSkyline.jpg');
 +
background-size: cover;
 +
background-position: center center;
 +
height: 150px;
 +
min-width:600px;
 +
}
   #full {
   #full {
   margin-top: 30px;
   margin-top: 30px;
Line 300: Line 381:
     </html>
     </html>
-
 
{{:Team:Oxford/templates/nav}}
{{:Team:Oxford/templates/nav}}
<html>
<html>

Revision as of 01:17, 5 August 2014

Welcome to Oxford University iGem

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