Team:Melbourne
From 2014.igem.org
(Difference between revisions)
m |
m |
||
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | |||
+ | <style> | ||
+ | /* CSS Document */ | ||
+ | /*! normalize.css v2.1.2 | MIT License | git.io/normalize */ | ||
+ | |||
+ | /* ========================================================================== | ||
+ | HTML5 display definitions | ||
+ | ========================================================================== */ | ||
+ | |||
+ | /** | ||
+ | * Correct `block` display not defined in IE 8/9. | ||
+ | */ | ||
+ | |||
+ | article, | ||
+ | aside, | ||
+ | details, | ||
+ | figcaption, | ||
+ | figure, | ||
+ | footer, | ||
+ | header, | ||
+ | hgroup, | ||
+ | main, | ||
+ | nav, | ||
+ | section, | ||
+ | summary { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * Correct `inline-block` display not defined in IE 8/9. | ||
+ | */ | ||
+ | |||
+ | audio, | ||
+ | canvas, | ||
+ | video { | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * Prevent modern browsers from displaying `audio` without controls. | ||
+ | * Remove excess height in iOS 5 devices. | ||
+ | */ | ||
+ | |||
+ | audio:not([controls]) { | ||
+ | display: none; | ||
+ | height: 0; | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * Address styling not present in IE 8/9. | ||
+ | */ | ||
+ | |||
+ | [hidden] { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /* ========================================================================== | ||
+ | Base | ||
+ | ========================================================================== */ | ||
+ | |||
+ | /** | ||
+ | * 1. Set default font family to sans-serif. | ||
+ | * 2. Prevent iOS text size adjust after orientation change, without disabling | ||
+ | * user zoom. | ||
+ | */ | ||
+ | |||
+ | html { | ||
+ | font-family: sans-serif; /* 1 */ | ||
+ | -ms-text-size-adjust: 100%; /* 2 */ | ||
+ | -webkit-text-size-adjust: 100%; /* 2 */ | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * Remove default margin. | ||
+ | */ | ||
+ | |||
+ | body { | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | /* ========================================================================== | ||
+ | Links | ||
+ | ========================================================================== */ | ||
+ | |||
+ | /** | ||
+ | * Address `outline` inconsistency between Chrome and other browsers. | ||
+ | */ | ||
+ | |||
+ | a:focus { | ||
+ | outline: thin dotted; | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * Improve readability when focused and also mouse hovered in all browsers. | ||
+ | */ | ||
+ | |||
+ | a:active, | ||
+ | a:hover { | ||
+ | outline: 0; | ||
+ | } | ||
+ | |||
+ | /* ========================================================================== | ||
+ | Typography | ||
+ | ========================================================================== */ | ||
+ | |||
+ | /** | ||
+ | * Address variable `h1` font-size and margin within `section` and `article` | ||
+ | * contexts in Firefox 4+, Safari 5, and Chrome. | ||
+ | */ | ||
+ | |||
+ | h1 { | ||
+ | font-size: 2em; | ||
+ | margin: 0.67em 0; | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * Address styling not present in IE 8/9, Safari 5, and Chrome. | ||
+ | */ | ||
+ | |||
+ | abbr[title] { | ||
+ | border-bottom: 1px dotted; | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. | ||
+ | */ | ||
+ | |||
+ | b, | ||
+ | strong { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * Address styling not present in Safari 5 and Chrome. | ||
+ | */ | ||
+ | |||
+ | dfn { | ||
+ | font-style: italic; | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * Address differences between Firefox and other browsers. | ||
+ | */ | ||
+ | |||
+ | hr { | ||
+ | -moz-box-sizing: content-box; | ||
+ | box-sizing: content-box; | ||
+ | height: 0; | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * Address styling not present in IE 8/9. | ||
+ | */ | ||
+ | |||
+ | mark { | ||
+ | background: #ff0; | ||
+ | color: #000; | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * Correct font family set oddly in Safari 5 and Chrome. | ||
+ | */ | ||
+ | |||
+ | code, | ||
+ | kbd, | ||
+ | pre, | ||
+ | samp { | ||
+ | font-family: monospace, serif; | ||
+ | font-size: 1em; | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * Improve readability of pre-formatted text in all browsers. | ||
+ | */ | ||
+ | |||
+ | pre { | ||
+ | white-space: pre-wrap; | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * Set consistent quote types. | ||
+ | */ | ||
+ | |||
+ | q { | ||
+ | quotes: "\201C" "\201D" "\2018" "\2019"; | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * Address inconsistent and variable font size in all browsers. | ||
+ | */ | ||
+ | |||
+ | small { | ||
+ | font-size: 80%; | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * Prevent `sub` and `sup` affecting `line-height` in all browsers. | ||
+ | */ | ||
+ | |||
+ | sub, | ||
+ | sup { | ||
+ | font-size: 75%; | ||
+ | line-height: 0; | ||
+ | position: relative; | ||
+ | vertical-align: baseline; | ||
+ | } | ||
+ | |||
+ | sup { | ||
+ | top: -0.5em; | ||
+ | } | ||
+ | |||
+ | sub { | ||
+ | bottom: -0.25em; | ||
+ | } | ||
+ | |||
+ | /* ========================================================================== | ||
+ | Embedded content | ||
+ | ========================================================================== */ | ||
+ | |||
+ | /** | ||
+ | * Remove border when inside `a` element in IE 8/9. | ||
+ | */ | ||
+ | |||
+ | img { | ||
+ | border: 0; | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * Correct overflow displayed oddly in IE 9. | ||
+ | */ | ||
+ | |||
+ | svg:not(:root) { | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | /* ========================================================================== | ||
+ | Figures | ||
+ | ========================================================================== */ | ||
+ | |||
+ | /** | ||
+ | * Address margin not present in IE 8/9 and Safari 5. | ||
+ | */ | ||
+ | |||
+ | figure { | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | /* ========================================================================== | ||
+ | Forms | ||
+ | ========================================================================== */ | ||
+ | |||
+ | /** | ||
+ | * Define consistent border, margin, and padding. | ||
+ | */ | ||
+ | |||
+ | fieldset { | ||
+ | border: 1px solid #c0c0c0; | ||
+ | margin: 0 2px; | ||
+ | padding: 0.35em 0.625em 0.75em; | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * 1. Correct `color` not being inherited in IE 8/9. | ||
+ | * 2. Remove padding so people aren't caught out if they zero out fieldsets. | ||
+ | */ | ||
+ | |||
+ | legend { | ||
+ | border: 0; /* 1 */ | ||
+ | padding: 0; /* 2 */ | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * 1. Correct font family not being inherited in all browsers. | ||
+ | * 2. Correct font size not being inherited in all browsers. | ||
+ | * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. | ||
+ | */ | ||
+ | |||
+ | button, | ||
+ | input, | ||
+ | select, | ||
+ | textarea { | ||
+ | font-family: inherit; /* 1 */ | ||
+ | font-size: 100%; /* 2 */ | ||
+ | margin: 0; /* 3 */ | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * Address Firefox 4+ setting `line-height` on `input` using `!important` in | ||
+ | * the UA stylesheet. | ||
+ | */ | ||
+ | |||
+ | button, | ||
+ | input { | ||
+ | line-height: normal; | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * Address inconsistent `text-transform` inheritance for `button` and `select`. | ||
+ | * All other form control elements do not inherit `text-transform` values. | ||
+ | * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. | ||
+ | * Correct `select` style inheritance in Firefox 4+ and Opera. | ||
+ | */ | ||
+ | |||
+ | button, | ||
+ | select { | ||
+ | text-transform: none; | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` | ||
+ | * and `video` controls. | ||
+ | * 2. Correct inability to style clickable `input` types in iOS. | ||
+ | * 3. Improve usability and consistency of cursor style between image-type | ||
+ | * `input` and others. | ||
+ | */ | ||
+ | |||
+ | button, | ||
+ | html input[type="button"], /* 1 */ | ||
+ | input[type="reset"], | ||
+ | input[type="submit"] { | ||
+ | -webkit-appearance: button; /* 2 */ | ||
+ | cursor: pointer; /* 3 */ | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * Re-set default cursor for disabled elements. | ||
+ | */ | ||
+ | |||
+ | button[disabled], | ||
+ | html input[disabled] { | ||
+ | cursor: default; | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * 1. Address box sizing set to `content-box` in IE 8/9. | ||
+ | * 2. Remove excess padding in IE 8/9. | ||
+ | */ | ||
+ | |||
+ | input[type="checkbox"], | ||
+ | input[type="radio"] { | ||
+ | box-sizing: border-box; /* 1 */ | ||
+ | padding: 0; /* 2 */ | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. | ||
+ | * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome | ||
+ | * (include `-moz` to future-proof). | ||
+ | */ | ||
+ | |||
+ | input[type="search"] { | ||
+ | -webkit-appearance: textfield; /* 1 */ | ||
+ | -moz-box-sizing: content-box; | ||
+ | -webkit-box-sizing: content-box; /* 2 */ | ||
+ | box-sizing: content-box; | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * Remove inner padding and search cancel button in Safari 5 and Chrome | ||
+ | * on OS X. | ||
+ | */ | ||
+ | |||
+ | input[type="search"]::-webkit-search-cancel-button, | ||
+ | input[type="search"]::-webkit-search-decoration { | ||
+ | -webkit-appearance: none; | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * Remove inner padding and border in Firefox 4+. | ||
+ | */ | ||
+ | |||
+ | button::-moz-focus-inner, | ||
+ | input::-moz-focus-inner { | ||
+ | border: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * 1. Remove default vertical scrollbar in IE 8/9. | ||
+ | * 2. Improve readability and alignment in all browsers. | ||
+ | */ | ||
+ | |||
+ | textarea { | ||
+ | overflow: auto; /* 1 */ | ||
+ | vertical-align: top; /* 2 */ | ||
+ | } | ||
+ | |||
+ | /* ========================================================================== | ||
+ | Tables | ||
+ | ========================================================================== */ | ||
+ | |||
+ | /** | ||
+ | * Remove most spacing between table cells. | ||
+ | */ | ||
+ | |||
+ | table { | ||
+ | border-collapse: collapse; | ||
+ | border-spacing: 0; | ||
+ | } | ||
+ | |||
+ | html, body { | ||
+ | color: #111; | ||
+ | background-color: #FFF; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | display:block; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | body { width: 70%; | ||
+ | margin:0 auto; | ||
+ | } | ||
+ | |||
+ | h1 { | ||
+ | font-weight:bold; | ||
+ | font-size:52px; | ||
+ | margin:0; | ||
+ | text-transform:uppercase; | ||
+ | font-family: 'Lato', sans-serif; | ||
+ | font-weight:900; | ||
+ | text-align:center; | ||
+ | /*font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;*/ | ||
+ | } | ||
+ | h2 { | ||
+ | font-weight:bold; | ||
+ | font-size:24px; | ||
+ | text-transform:uppercase; | ||
+ | font-family: 'Lato', sans-serif; | ||
+ | font-weight:900; | ||
+ | /*font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;*/ | ||
+ | } | ||
+ | p { | ||
+ | font-family: 'Lato', sans-serif; | ||
+ | /*font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;*/ | ||
+ | } | ||
+ | img {margin:10px;} | ||
+ | |||
+ | </style> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Lato:400,900' rel='stylesheet' type='text/css'> | ||
+ | |||
+ | |||
+ | |||
+ | <h1>Test</h1> | ||
+ | |||
+ | <h2>test</h2> | ||
<!-- Holding page created by Robyn while our main site is under development --> | <!-- Holding page created by Robyn while our main site is under development --> | ||
Line 119: | Line 567: | ||
<ul> | <ul> | ||
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload"> 2014.igem.org server</a>. </li> | <li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload"> 2014.igem.org server</a>. </li> | ||
- | <li>All pages must be created under the | + | <li>All pages must be created under the team's name space.</li> |
<li>As part of your documentation, keep the links from the menu to the left. </li> | <li>As part of your documentation, keep the links from the menu to the left. </li> | ||
<li>Do not use flash in wiki code. </li> | <li>Do not use flash in wiki code. </li> |
Revision as of 12:43, 13 October 2014