Team:Melbourne/Team
From 2014.igem.org
(Difference between revisions)
(Prototype team page) |
|||
Line 1: | Line 1: | ||
- | + | <html> | |
+ | <link href='http://fonts.googleapis.com/css?family=Lato:400,900' rel='stylesheet' type='text/css'> | ||
+ | <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: transparent; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | display:block; | ||
+ | line-height:normal; | ||
+ | |||
+ | } | ||
+ | |||
+ | 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;} | ||
+ | |||
+ | |||
+ | |||
+ | .firstHeading { display:none;} | ||
+ | |||
+ | #content {border:none !important; line-height:normal !important;} | ||
+ | |||
+ | h1, h2, h3, h4 {border:none !important;} | ||
+ | |||
+ | #content, #gloabalWrapper {position:static !important;} | ||
+ | |||
+ | #globalWrapper {padding-top:100vh;} | ||
+ | |||
+ | #intro { | ||
+ | background: url(https://static.igem.org/mediawiki/2014/thumb/b/b0/Imel2.jpg/800px-Imel2.jpg) no-repeat center; | ||
+ | background-size:cover; | ||
+ | height:100vh; | ||
+ | width:100%; | ||
+ | display:block; | ||
+ | position:absolute; | ||
+ | top:0; | ||
+ | left:0; | ||
+ | text-align:center; | ||
+ | padding:7%; | ||
+ | box-sizing:border-box; | ||
+ | -moz-box-sizing:border-box; | ||
+ | -ms-box-sizing:border-box; | ||
+ | -webkit-box-sizing:border-box; | ||
+ | |||
+ | } | ||
+ | #intro p {padding: 10px 70px 10px 70px; background-color:rgba(255,255,255,0.7);} | ||
+ | |||
+ | #menubar, .left-menu, .left-menu a { | ||
+ | color: white !important; | ||
+ | background-color: #555555; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
+ | |||
+ | <table width="100%"> | ||
+ | |||
+ | <tr height="10px"> | ||
+ | |||
+ | |||
+ | <td align="center" height="30px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> | ||
+ | <a href="https://2014.igem.org/Team:Melbourne"style="color:#000000">Home </a> </td> | ||
+ | |||
+ | <td align="center" height="30px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> | ||
+ | <a href="https://2014.igem.org/Team:Melbourne/Team"style="color:#000000"> | ||
+ | Team </a> </td> | ||
+ | |||
+ | <td align="center" height="30px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> | ||
+ | <a href="https://igem.org/Team.cgi?year=2014&team_name=Melbourne"style="color:#000000">Official Team Profile </a></td> | ||
+ | |||
+ | <td align="center" height="30px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> | ||
+ | <a href="https://2014.igem.org/Team:Melbourne/Project"style="color:#000000"> | ||
+ | Project</a></td> | ||
+ | |||
+ | <td align="center" height="30px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> | ||
+ | <a href="https://2014.igem.org/Team:Melbourne/Parts"style="color:#000000"> | ||
+ | Parts</a></td> | ||
+ | |||
+ | <td align="center" height="30px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> | ||
+ | <a href="https://2014.igem.org/Team:Melbourne/Modeling"style="color:#000000"> | ||
+ | Modeling</a></td> | ||
+ | |||
+ | <td align="center" height="30px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> | ||
+ | <a href="https://2014.igem.org/Team:Melbourne/Notebook"style="color:#000000"> | ||
+ | Notebook</a></td> | ||
+ | |||
+ | <td align="center" height="30px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> | ||
+ | <a href="https://2014.igem.org/Team:Melbourne/Safety"style=" color:#000000"> | ||
+ | Safety </a></td> | ||
+ | |||
+ | <td align="center" height="30px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> | ||
+ | <a href="https://2014.igem.org/Team:Melbourne/Attributions"style="color:#000000"> | ||
+ | Attributions </a></td> | ||
+ | |||
+ | |||
+ | <td align="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td> | ||
+ | </tr> | ||
</table> | </table> | ||
+ | |||
+ | <h1 >University of Melbourne<br> | ||
+ | iGEM team </h1> | ||
+ | <p>Welcome, from the team at the University of Melbourne, Australia<br> | ||
+ | <br>Contact us via email at melbourneuniigem@gmail.com<br> | ||
+ | |||
+ | </p> | ||
+ | <!-- INSERT YOUR CONTENT HERE --> | ||
+ | |||
+ | |||
+ | |||
+ | <!-- END EDIT HERE HERE --> | ||
</html> | </html> |
Revision as of 08:58, 15 October 2014
Home | Team | Official Team Profile | Project | Parts | Modeling | Notebook | Safety | Attributions |
University of Melbourne
iGEM team
Welcome, from the team at the University of Melbourne, Australia
Contact us via email at melbourneuniigem@gmail.com