Line 5: | Line 5: | ||
<!-- This is the tab title styling--> | <!-- This is the tab title styling--> | ||
<head> | <head> | ||
+ | <style media="screen" type="text/css"> | ||
+ | |||
+ | /* | ||
+ | html5doctor.com Reset Stylesheet | ||
+ | v1.6.1 | ||
+ | Last Updated: 2010-09-17 | ||
+ | Author: Richard Clark - http://richclarkdesign.com | ||
+ | Twitter: @rich_clark | ||
+ | */ | ||
+ | |||
+ | html, body, div, span, object, iframe, | ||
+ | h1, h2, h3, h4, h5, h6, p, blockquote, pre, | ||
+ | abbr, address, cite, code, | ||
+ | del, dfn, em, img, ins, kbd, q, samp, | ||
+ | small, strong, sub, sup, var, | ||
+ | b, i, | ||
+ | dl, dt, dd, ol, ul, li, | ||
+ | fieldset, form, label, legend, | ||
+ | table, caption, tbody, tfoot, thead, tr, th, td, | ||
+ | article, aside, canvas, details, figcaption, figure, | ||
+ | footer, header, hgroup, menu, nav, section, summary, | ||
+ | time, mark, audio, video { | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | border:0; | ||
+ | outline:0; | ||
+ | font-size:100%; | ||
+ | vertical-align:baseline; | ||
+ | background:transparent; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | line-height:1; | ||
+ | } | ||
+ | |||
+ | article,aside,details,figcaption,figure, | ||
+ | footer,header,hgroup,menu,nav,section { | ||
+ | display:block; | ||
+ | } | ||
+ | |||
+ | nav ul { | ||
+ | list-style:none; | ||
+ | } | ||
+ | |||
+ | blockquote, q { | ||
+ | quotes:none; | ||
+ | } | ||
+ | |||
+ | blockquote:before, blockquote:after, | ||
+ | q:before, q:after { | ||
+ | content:''; | ||
+ | content:none; | ||
+ | } | ||
+ | |||
+ | a { | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | font-size:100%; | ||
+ | vertical-align:baseline; | ||
+ | background:transparent; | ||
+ | } | ||
+ | |||
+ | /* change colours to suit your needs */ | ||
+ | ins { | ||
+ | background-color:#ff9; | ||
+ | color:#000; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | /* change colours to suit your needs */ | ||
+ | mark { | ||
+ | background-color:#ff9; | ||
+ | color:#000; | ||
+ | font-style:italic; | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | |||
+ | del { | ||
+ | text-decoration: line-through; | ||
+ | } | ||
+ | |||
+ | abbr[title], dfn[title] { | ||
+ | border-bottom:1px dotted; | ||
+ | cursor:help; | ||
+ | } | ||
+ | |||
+ | table { | ||
+ | border-collapse:collapse; | ||
+ | border-spacing:0; | ||
+ | } | ||
+ | |||
+ | /* change border colour to suit your needs */ | ||
+ | hr { | ||
+ | display:block; | ||
+ | height:1px; | ||
+ | border:0; | ||
+ | border-top:1px solid #cccccc; | ||
+ | margin:1em 0; | ||
+ | padding:0; | ||
+ | } | ||
+ | |||
+ | input, select { | ||
+ | vertical-align:middle; | ||
+ | } | ||
+ | -------------------------------------------------------------------------------- | ||
+ | .html{ | ||
+ | height: 100%; | ||
+ | } | ||
+ | .website{ | ||
+ | width: 100%; | ||
+ | height:2000px; | ||
+ | margin: 0 0 0 0; | ||
+ | background-image: url("https://cdn.pixabay.com/photo/2016/10/02/15/46/banner-1709780_960_720.jpg") | ||
+ | } | ||
+ | .website h1{ | ||
+ | font-size: 96px; | ||
+ | text-align: center; | ||
+ | padding-top: 125px; | ||
+ | font-family: 'Saira', sans-serif; | ||
+ | } | ||
+ | .website h2{ | ||
+ | font-size: 24px; | ||
+ | font-style: italic; | ||
+ | padding-left: 130px; | ||
+ | padding-top: 20px; | ||
+ | padding-bottom: 60px; | ||
+ | font-family: 'Abel', san-serif; | ||
+ | font-style: italic; | ||
+ | } | ||
+ | .pagevid{ | ||
+ | background-image: url("file:///Users/zions/Desktop/SCHOLASTICS/IGEM%20WIKI%202017/images/pageback2.png"); | ||
+ | background-size: cover; | ||
+ | height: 550px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .pagevid h2{ | ||
+ | font-size: 44px; | ||
+ | margin: 0 0 0 0; | ||
+ | padding: 125px 5px 0 0; | ||
+ | font-style: normal; | ||
+ | font-family: 'Saira', sans-serif; | ||
+ | text-align: center; | ||
+ | color: #6b9eff; | ||
+ | |||
+ | } | ||
+ | .page{ | ||
+ | background-image: url("file:///Users/zions/Desktop/SCHOLASTICS/IGEM%20WIKI%202017/images/pageback1.png"); | ||
+ | background-size: cover; | ||
+ | height: 1050px; | ||
+ | } | ||
+ | .page h2{ | ||
+ | text-align: center; | ||
+ | padding: 115px 0 0 0; | ||
+ | font-size: 33px; | ||
+ | font-style: normal; | ||
+ | font-family: 'Saira', sans-serif; | ||
+ | text-align: center; | ||
+ | color: #6b9eff; | ||
+ | } | ||
+ | .navbar{ | ||
+ | height: 250px; | ||
+ | padding-bottom: 30px; | ||
+ | } | ||
+ | |||
+ | .navbar nav{ | ||
+ | height:40px; | ||
+ | width: 1210px; | ||
+ | display: block; | ||
+ | margin: 0 auto; | ||
+ | text-transform: uppercase; | ||
+ | background-color: #6b9eff; | ||
+ | } | ||
+ | .navbar nav a{ | ||
+ | display: block; | ||
+ | text-decoration: none; | ||
+ | font-family: 'Share Tech Mono', monospace; | ||
+ | font-size: 20pt; | ||
+ | color: #112233; | ||
+ | text-align: center; | ||
+ | font-style: bold; | ||
+ | } | ||
+ | .navbar nav a:hover{ | ||
+ | color: #FF4212; | ||
+ | } | ||
+ | .navbar nav ul{ | ||
+ | list-style: none; | ||
+ | } | ||
+ | .navbar nav ul li{ | ||
+ | float: left; | ||
+ | width: 200px; | ||
+ | height: 40px; | ||
+ | line-height: 40px; | ||
+ | background-color: #6b9eff; | ||
+ | } | ||
+ | .navbar nav ul li ul{ | ||
+ | display: none; | ||
+ | } | ||
+ | .navbar nav ul li:hover ul{ | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
<title>Baltimore Bio-Crew</title> | <title>Baltimore Bio-Crew</title> | ||
<link rel="icon" type="image/png" sizes="16x16" href="http://icons.iconarchive.com/icons/glyphish/glyphish/32/91-beaker-2-icon.png"> | <link rel="icon" type="image/png" sizes="16x16" href="http://icons.iconarchive.com/icons/glyphish/glyphish/32/91-beaker-2-icon.png"> |
Revision as of 00:05, 28 September 2017