Template:Team:Oxford/Regular

From 2014.igem.org

(Difference between revisions)
Line 499: Line 499:
{
{
display: block;
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;
 +
}
 +
 +
body
 +
{
 +
font-family: "Source Sans Pro", Arial, Verdana, Helvetica, sans-serif;
 +
font-size: 18px;
 +
color: #777;
 +
font-weight: 300;
 +
}
 +
 +
a
 +
{
 +
color: #FF454A;
 +
text-decoration: none;
 +
}
 +
 +
a:hover
 +
{
 +
color: #222;
 +
}
 +
 +
::selection
 +
{
 +
background: #D93B3F;
 +
color: #FFF;
 +
}
 +
 +
::-moz-selection
 +
{
 +
background: #D93B3F;
 +
color: #FFF;
 +
}
 +
 +
.textleft
 +
{
 +
text-align: left;
 +
}
 +
 +
.textcentre
 +
{
 +
text-align: center;
 +
}
 +
 +
.textright
 +
{
 +
text-align: right;
 +
}
 +
 +
p
 +
{
 +
margin: 0 0 20px 0;
 +
}
 +
 +
strong, b
 +
{
 +
font-weight: 700;
 +
}
 +
 +
em, i
 +
{
 +
font-style: italic;
 +
}
 +
 +
h1, h2, h3, h4, h5, h6
 +
{
 +
margin: 0 0 20px 0;
 +
font-weight: 500;
 +
letter-spacing: -1px;
 +
font-family: inherit;
 +
color: #444;
 +
font-family: Fira Sans;
 +
}
 +
 +
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
 +
{
 +
margin: 0 0 20px 35px;
 +
list-style-type: square;
 +
}
 +
 +
ul li
 +
{
 +
padding: 0 0 0 2px;
 +
}
 +
 +
ul ul
 +
{
 +
margin: 0 0 0 25px;
 +
}
 +
 +
ol
 +
{
 +
margin: 0 0 20px 35px;
 +
list-style-type: decimal;
 +
}
 +
 +
ol li
 +
{
 +
padding: 0 0 0 2px;
 +
}
 +
 +
ol ol
 +
{
 +
margin: 0 0 0 25px;
 +
}
 +
 +
hr
 +
{
 +
clear: both;
 +
float: left;
 +
width: 100%;
 +
padding: 0;
 +
margin: 0 0 20px 0;
 +
border: none;
 +
border-top: 1px dashed #CCC;
 +
color: #333;
 +
text-align: center;
 +
}
 +
 +
 +
@media screen and (max-width: 768px)
 +
{
 +
 +
.textcentre
 +
{
 +
text-align: left;
 +
}
 +
 +
.textright
 +
{
 +
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%;
 +
}
 +
}
}

Revision as of 17:51, 17 September 2014