Template:Team:Oxford/Regular
From 2014.igem.org
(Difference between revisions)
(Created page with "<html> <head> <style> - →================================================== CSS Imports ==================================================: @import url("reset.css"); @imp...") |
|||
(5 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("../ | + | background: url("https://static.igem.org/mediawiki/2014/0/08/Oxigemradcamcrop.jpg") no-repeat; |
background-size: cover; | background-size: cover; | ||
} | } | ||
Line 425: | Line 702: | ||
+ | } | ||
+ | |||
+ | 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; | ||
+ | } | ||
+ | |||
} | } | ||
Latest revision as of 18:46, 17 September 2014