Template:Team:Oxford/Regular

From 2014.igem.org

(Difference between revisions)
 
(4 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 427: Line 704:
}
}
 +
body
 +
{
 +
font-family: "Source Sans Pro", Arial, Verdana, Helvetica, sans-serif;
 +
font-size: 18px;
 +
color: #777;
 +
font-weight: 300;
 +
}
-
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
+
a
 +
{
 +
color: #FF454A;
 +
text-decoration: none;
 +
}
-
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+
a:hover
-
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
+
color: #222;
 +
}
 +
 +
::selection
{
{
-
margin: 0;
+
background: #D93B3F;
-
padding: 0;
+
color: #FFF;
-
border: 0;
+
-
font-size: 100%;
+
-
font: inherit;
+
-
vertical-align: baseline;
+
}
}
-
/* HTML5 display-role reset for older browsers */
+
::-moz-selection
 +
{
 +
background: #D93B3F;
 +
color: #FFF;
 +
}
 +
 +
.textleft
 +
{
 +
text-align: left;
 +
}
 +
 +
.textcentre
 +
{
 +
text-align: center;
 +
}
 +
 +
.textright
 +
{
 +
text-align: right;
 +
}
-
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
+
p
{
{
-
display: block;
+
margin: 0 0 20px 0;
}
}
-
body
+
strong, b
{
{
-
line-height: 1;
+
font-weight: 700;
}
}
-
ol, ul
+
em, i
{
{
-
list-style: none;
+
font-style: italic;
}
}
-
blockquote, q
+
h1, h2, h3, h4, h5, h6
{
{
-
quotes: none;
+
margin: 0 0 20px 0;
 +
font-weight: 500;
 +
letter-spacing: -1px;
 +
font-family: inherit;
 +
color: #444;
 +
font-family: Fira Sans;
}
}
-
blockquote:before, blockquote:after, q:before, q:after
+
h1
 +
{
 +
font-size: 38px;
 +
line-height: 38px;
 +
}
 +
 +
h2
 +
{
 +
font-size: 36px;
 +
line-height: 36px;
 +
}
 +
 +
h3
 +
{
 +
font-size: 34px;
 +
line-height: 34px;
 +
letter-spacing: -0.2px;
 +
}
 +
 +
h4
 +
{
 +
font-size: 32px;
 +
line-height: 32px;
 +
letter-spacing: -0.2px;
 +
}
 +
 +
h5
 +
{
 +
font-size: 30px;
 +
line-height: 30px;
 +
letter-spacing: -0.2px;
 +
}
 +
 +
h6
 +
{
 +
font-size: 26px;
 +
line-height: 26px;
 +
letter-spacing: -0.2px;
 +
}
 +
 +
ul
{
{
-
content: '';
+
margin: 0 0 20px 35px;
-
content: none;
+
list-style-type: square;
}
}
-
table
+
ul li
 +
{
 +
padding: 0 0 0 2px;
 +
}
 +
 
 +
ul ul
 +
{
 +
margin: 0 0 0 25px;
 +
}
 +
 +
ol
{
{
-
border-collapse: collapse;
+
margin: 0 0 20px 35px;
-
border-spacing: 0;
+
list-style-type: decimal;
}
}
-
/* Clear Fix Styles */
+
ol li
 +
{
 +
padding: 0 0 0 2px;
 +
}
-
.clearfix:after
+
ol ol
 +
{
 +
margin: 0 0 0 25px;
 +
}
 +
 
 +
hr
{
{
-
visibility: hidden;
 
-
display: block;
 
-
font-size: 0;
 
-
content: " ";
 
clear: both;
clear: both;
-
height: 0;
+
float: left;
-
}
+
width: 100%;
-
.clearfix { display: inline-block; }
+
padding: 0;
-
/* start commented backslash hack \*/
+
margin: 0 0 20px 0;
-
* html .clearfix { height: 1%; }
+
border: none;
-
.clearfix { display: block; }
+
border-top: 1px dashed #CCC;
-
/* close commented backslash hack */
+
color: #333;
-
{
+
text-align: center;
-
height:1%;
+
}
}
-
.clearfix
+
 
 +
@media screen and (max-width: 768px)
{
{
-
display: block;
+
 +
.textcentre
 +
{
 +
text-align: left;
 +
}
 +
 +
.textright
 +
{
 +
text-align: left;
 +
}
 +
}
}

Latest revision as of 18:46, 17 September 2014

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