Template:Team:Oxford/Regular

From 2014.igem.org

(Difference between revisions)
 
(3 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<head>
<head>
 +
<style>
<style>
 +
 +
#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;}
 +
 +
/* Siiiimple Created By Daniel Bel t*/
 +
 +
[class*='column']
 +
{
 +
float: left;
 +
padding: 0 20px 0 0;
 +
}
 +
 +
[class*='column']:last-of-type
 +
{
 +
float: left;
 +
}
 +
 +
.grid
 +
{
 +
width: 100%;
 +
margin: 0 auto;
 +
}
 +
 +
.grid:after
 +
{
 +
content: "";
 +
display: table;
 +
clear: both;
 +
}
 +
 +
 +
/** Columns **/
 +
 +
.column-1 { width: 8.3%; }
 +
 +
.column-2 { width: 16.6%; }
 +
 +
.column-3 { width: 25%; }
 +
 +
.column-4 { width: 33.3%; }
 +
 +
.column-5 { width: 41.6%; }
 +
 +
.column-6 { width: 50%; }
 +
 +
.column-7 { width: 58.3%; }
 +
 +
.column-8 { width: 66.7%; }
 +
 +
.column-9 { width: 75%; }
 +
 +
.column-10 { width: 83.3%; }
 +
 +
.column-11 { width: 91.6%; }
 +
 +
.column-12 { width: 100%; }
 +
 +
@media screen and (max-width: 768px)
 +
{
 +
 +
[class*='column']
 +
{
 +
padding: 0;
 +
}
 +
 +
.column-1,
 +
.column-2,
 +
.column-3,
 +
.column-4,
 +
.column-5,
 +
.column-6,
 +
.column-7,
 +
.column-8,
 +
.column-9,
 +
.column-10,
 +
.column-11,
 +
.column-12
 +
{
 +
width: 100%;
 +
}
 +
 
 +
}
 +
 +
@media screen and (max-width: 480px)
 +
{
 +
 +
.column-1,
 +
.column-2,
 +
.column-3,
 +
.column-4,
 +
.column-5,
 +
.column-6,
 +
.column-7,
 +
.column-8,
 +
.column-9,
 +
.column-10,
 +
.column-11,
 +
.column-12
 +
{
 +
width: 100%;
 +
}
 +
 +
}
 +
 +
/* 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;
 +
}
 +
 +
/* Clear Fix Styles */
 +
 +
.clearfix:after
 +
{
 +
visibility: hidden;
 +
display: block;
 +
font-size: 0;
 +
content: " ";
 +
clear: both;
 +
height: 0;
 +
}
 +
.clearfix { display: inline-block; }
 +
/* start commented backslash hack \*/
 +
* html .clearfix { height: 1%; }
 +
.clearfix { display: block; }
 +
/* close commented backslash hack */
 +
{
 +
height:1%;
 +
}
 +
 +
.clearfix
 +
{
 +
display: block;
 +
}
/* ==================================================
/* ==================================================
Line 290: Line 567:
.bg1
.bg1
{
{
-
background: url("../images/bg-1.jpg") no-repeat;
+
background: url("https://static.igem.org/mediawiki/2014/0/08/Oxigemradcamcrop.jpg") no-repeat;
background-size: cover;
background-size: cover;
}
}
Line 425: Line 702:
-
}
 
-
 
-
 
-
/* 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;
 
-
}
 
-
 
-
/* Clear Fix Styles */
 
-
 
-
.clearfix:after
 
-
{
 
-
visibility: hidden;
 
-
display: block;
 
-
font-size: 0;
 
-
content: " ";
 
-
clear: both;
 
-
height: 0;
 
-
}
 
-
.clearfix { display: inline-block; }
 
-
/* start commented backslash hack \*/
 
-
* html .clearfix { height: 1%; }
 
-
.clearfix { display: block; }
 
-
/* close commented backslash hack */
 
-
{
 
-
height:1%;
 
-
}
 
-
 
-
.clearfix
 
-
{
 
-
display: block;
 
-
}
 
-
 
-
/* 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;
 
-
}
 
-
 
-
/* Clear Fix Styles */
 
-
 
-
.clearfix:after
 
-
{
 
-
visibility: hidden;
 
-
display: block;
 
-
font-size: 0;
 
-
content: " ";
 
-
clear: both;
 
-
height: 0;
 
-
}
 
-
.clearfix { display: inline-block; }
 
-
/* start commented backslash hack \*/
 
-
* html .clearfix { height: 1%; }
 
-
.clearfix { display: block; }
 
-
/* close commented backslash hack */
 
-
{
 
-
height:1%;
 
-
}
 
-
 
-
.clearfix
 
-
{
 
-
display: block;
 
}
}
Line 742: Line 872:
{
{
text-align: left;
text-align: left;
-
}
 
-
 
-
}
 
-
 
-
 
-
/* Siiiimple Created By Daniel Bel t*/
 
-
 
-
[class*='column']
 
-
{
 
-
float: left;
 
-
padding: 0 20px 0 0;
 
-
}
 
-
 
-
[class*='column']:last-of-type
 
-
{
 
-
float: left;
 
-
}
 
-
 
-
.grid
 
-
{
 
-
width: 100%;
 
-
margin: 0 auto;
 
-
}
 
-
 
-
.grid:after
 
-
{
 
-
content: "";
 
-
display: table;
 
-
clear: both;
 
-
}
 
-
 
-
 
-
/** Columns **/
 
-
 
-
.column-1 { width: 8.3%; }
 
-
 
-
.column-2 { width: 16.6%; }
 
-
 
-
.column-3 { width: 25%; }
 
-
 
-
.column-4 { width: 33.3%; }
 
-
 
-
.column-5 { width: 41.6%; }
 
-
 
-
.column-6 { width: 50%; }
 
-
 
-
.column-7 { width: 58.3%; }
 
-
 
-
.column-8 { width: 66.7%; }
 
-
 
-
.column-9 { width: 75%; }
 
-
 
-
.column-10 { width: 83.3%; }
 
-
 
-
.column-11 { width: 91.6%; }
 
-
 
-
.column-12 { width: 100%; }
 
-
 
-
@media screen and (max-width: 768px)
 
-
{
 
-
 
-
[class*='column']
 
-
{
 
-
padding: 0;
 
-
}
 
-
 
-
.column-1,
 
-
.column-2,
 
-
.column-3,
 
-
.column-4,
 
-
.column-5,
 
-
.column-6,
 
-
.column-7,
 
-
.column-8,
 
-
.column-9,
 
-
.column-10,
 
-
.column-11,
 
-
.column-12
 
-
{
 
-
width: 100%;
 
-
}
 
-
 
 
-
}
 
-
 
-
@media screen and (max-width: 480px)
 
-
{
 
-
 
-
.column-1,
 
-
.column-2,
 
-
.column-3,
 
-
.column-4,
 
-
.column-5,
 
-
.column-6,
 
-
.column-7,
 
-
.column-8,
 
-
.column-9,
 
-
.column-10,
 
-
.column-11,
 
-
.column-12
 
-
{
 
-
width: 100%;
 
}
}

Latest revision as of 18:46, 17 September 2014

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