Team:York UK
From 2013.igem.org
(Difference between revisions)
Line 4: | Line 4: | ||
<title>iGEM York</title> | <title>iGEM York</title> | ||
<meta charset="utf-8"> | <meta charset="utf-8"> | ||
- | <style type="text/css" | + | <style type="text/css"> |
+ | body { | ||
+ | width: 1080px; | ||
+ | margin: 0 auto; | ||
+ | font-family: 'Lato', sans-serif; /*geriau skaitosi */ | ||
+ | /*font-family: helvetica_neue; */ | ||
+ | } | ||
+ | |||
+ | @font-face { | ||
+ | font-family: helvetica_neue; | ||
+ | src: url('fonts/ufonts.com_helvetica_neue_ultralight.ttf'); | ||
+ | } | ||
+ | |||
+ | #navigation { | ||
+ | /* position: relative; | ||
+ | top: 0; | ||
+ | left: 0px;*/ | ||
+ | /*height: 3em;*/ | ||
+ | /*width: 200px;*/ | ||
+ | height: 40px; | ||
+ | font-weight: 600; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | #navigation ul{ | ||
+ | padding: 0; | ||
+ | list-style-type:none; | ||
+ | margin-top: 2px; | ||
+ | margin-bottom: 5px; | ||
+ | } | ||
+ | |||
+ | #navigation li { | ||
+ | float: left; | ||
+ | font-size: 16px; | ||
+ | padding-left: 2px; | ||
+ | /* For IE 7 */ | ||
+ | |||
+ | /* zoom: 1; | ||
+ | *display: inline;*/ | ||
+ | } | ||
+ | |||
+ | #navigation li #popdown { | ||
+ | position: absolute; | ||
+ | width: 147px; | ||
+ | left: -10000px; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | #navigation li:hover #popdown { | ||
+ | left: auto; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #navigation li:hover ul li{ | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #navigation a { | ||
+ | display: block; | ||
+ | text-decoration: none; | ||
+ | color: rgb(255, 255, 255); | ||
+ | padding-right: 0; | ||
+ | width: 168px; | ||
+ | height: 21px; | ||
+ | padding: 20px 0px 10px 10px; | ||
+ | background: #33a21f; | ||
+ | } | ||
+ | |||
+ | #navigation a:hover { | ||
+ | background: #46e12c; | ||
+ | } | ||
+ | |||
+ | #navigation .selected{ | ||
+ | background: #fad210; | ||
+ | } | ||
+ | |||
+ | #nav2 { | ||
+ | clear: both; | ||
+ | margin-right: 60px; | ||
+ | overflow: hidden; | ||
+ | display: block; | ||
+ | background-color: #ffffff; | ||
+ | margin-left: 2px; | ||
+ | width: 1077px; | ||
+ | height: 37px; | ||
+ | border-width: 1px 0px 1px 0px; | ||
+ | border-color: #c0c0c0; | ||
+ | /* border-color: #ffffff; | ||
+ | border-bottom-color: #ffffff;*/ | ||
+ | border-style: solid; | ||
+ | } | ||
+ | |||
+ | #nav2 a{ | ||
+ | float: right; | ||
+ | display: inline-block; | ||
+ | /*display: ;*/ | ||
+ | text-decoration: none; | ||
+ | padding-top: 10px; | ||
+ | padding-bottom: 3px; | ||
+ | padding-left:10px; | ||
+ | width: 168px; | ||
+ | background-color: #fad210; | ||
+ | font-size: 17px; | ||
+ | color: #ffffff; | ||
+ | font-weight: 700; | ||
+ | border-width: 1px 1px 1px 0px; | ||
+ | border-style: solid; | ||
+ | border-color: #cbaf1d; | ||
+ | } | ||
+ | |||
+ | #nav2 a:hover{ | ||
+ | /*display: inline-block;*/ | ||
+ | /*display: ;*/ | ||
+ | /* text-decoration: none; | ||
+ | width: 168px;*/ | ||
+ | background-color: #ffffff; | ||
+ | color: #fad210; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | #nav2 .selected{ | ||
+ | background-color: #ffffff; | ||
+ | color: #fad210; | ||
+ | } | ||
+ | |||
+ | #nav2 #team{ | ||
+ | display: none; | ||
+ | width: 900px; | ||
+ | position: relative; | ||
+ | left: -900px; | ||
+ | } | ||
+ | |||
+ | #nav2 #project{ | ||
+ | display: none; | ||
+ | position: relative; | ||
+ | width: 1620px; | ||
+ | left: -1620px; | ||
+ | |||
+ | } | ||
+ | |||
+ | #nav2 #notebook{ | ||
+ | display: none; | ||
+ | position: relative; | ||
+ | width: 720px; | ||
+ | left: -720px; | ||
+ | } | ||
+ | |||
+ | #nav2 #acknowledgments{ | ||
+ | display: none; | ||
+ | position: relative; | ||
+ | width: 540px; | ||
+ | left: -540px; | ||
+ | } | ||
+ | |||
+ | #team > a:nth-child(5){ | ||
+ | border-width: 1px 1px 1px 1px; | ||
+ | } | ||
+ | |||
+ | #project > a:nth-child(9){ | ||
+ | border-width: 1px 1px 1px 1px; | ||
+ | } | ||
+ | |||
+ | #notebook > a:nth-child(4){ | ||
+ | border-width: 1px 1px 1px 1px; | ||
+ | } | ||
+ | |||
+ | #acknowledgments > a:nth-child(3){ | ||
+ | border-width: 1px 1px 1px 1px; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | margin-top: 15px; | ||
+ | } | ||
+ | |||
+ | #navlocal{ | ||
+ | float: left; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #navlocal ul{ | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | list-style-type:none; | ||
+ | width: 245px; | ||
+ | } | ||
+ | |||
+ | #navlocal div{ | ||
+ | display: block; | ||
+ | padding: 3px 0px 3px 77px; | ||
+ | border-style: solid; | ||
+ | border-color: #c1bfc0; | ||
+ | border-width: 0px 0px 1px 0px; | ||
+ | /* border-left-width: 0px; | ||
+ | border-right-width: 0px;*/ | ||
+ | } | ||
+ | |||
+ | #navlocal li:first-child{ | ||
+ | padding: 3px 0px 3px 47px; | ||
+ | border-width: 1px 0px 1px 0px; | ||
+ | border-style: solid; | ||
+ | border-color: #c1bfc0; | ||
+ | background-color: #dfdfdd; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*#navlocal #overview{ | ||
+ | border-top-width: 1px; | ||
+ | }*/ | ||
+ | |||
+ | #conlocal{ | ||
+ | border-width: 1px 1px 1px 1px; | ||
+ | border-style: solid; | ||
+ | border-color: #c1bfc0; | ||
+ | margin-left: 245px; | ||
+ | } | ||
+ | |||
+ | #conlocal img{ | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | #conlocal div{ | ||
+ | display: block; | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #conlocal h2{ | ||
+ | margin-left: 20px; | ||
+ | color: #656364; | ||
+ | } | ||
+ | |||
+ | #conlocal p{ | ||
+ | margin-top: 0; | ||
+ | margin-left: 20px; | ||
+ | color: #656364; | ||
+ | }</style> | ||
<link href='http://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'> | <link href='http://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'> |
Revision as of 12:56, 24 September 2013