|
|
Line 1: |
Line 1: |
| <html><head> | | <html><head> |
| + | <link href="https://2014.igem.org/Team:York/Template.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet"> |
| | | |
- | <style>
| + | </head> |
- | /***
| + | |
- | Minimal header: removes the search bar and header image and readjusts font colours in the menus.
| + | |
- | | + | |
- | Thanks a lot to the 2011 Brown-Stanford and 2012 Lethbridge iGEM teams for snippets of their code!
| + | |
- | Check out their wikis at:
| + | |
- | https://2011.igem.org/Team:Brown-Stanford,https://2012.igem.org/Team:Lethbridge
| + | |
- | ***/
| + | |
- | | + | |
- | #globalWrapper {
| + | |
- | background-color: #42A7EA;
| + | |
- | }
| + | |
- | | + | |
- | #content {
| + | |
- | background-color: #42A7EA;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | #content h1.firstHeading {
| + | |
- | visibility:hidden;
| + | |
- | }
| + | |
- | | + | |
- | #content{
| + | |
- | border-left: 0px solid rgb(68, 68, 68);
| + | |
- | border-right: 0px solid rgb(68, 68, 68);
| + | |
- | width: 1000px;
| + | |
- | }
| + | |
- | | + | |
- | #bodyContent{
| + | |
- | margin: 0 auto;
| + | |
- | margin-top: 0px;
| + | |
- | width: 1000px;
| + | |
- | font-size: 14px;
| + | |
- | -webkit-font-smoothing: antialiased !important;
| + | |
- | }
| + | |
- | | + | |
- | #p-logo {
| + | |
- | display: none;
| + | |
- | }
| + | |
- | #searchform {
| + | |
- | display: none;
| + | |
- | }
| + | |
- | | + | |
- | .left-menu {
| + | |
- | background-color: #555;
| + | |
- |
| + | |
- | }
| + | |
- | .left-menu a {
| + | |
- | color: #000;
| + | |
- | }
| + | |
- | | + | |
- | #top-section{ /*the div containing the entire top bar*/
| + | |
- | height: 20px;
| + | |
- | margin-bottom: 0px !important;
| + | |
- | border: none;
| + | |
- | width: 1277px;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | #container{
| + | |
- | margin-top: 0px;
| + | |
- | height: inherit;
| + | |
- | }
| + | |
- | | + | |
- | #search-controls {
| + | |
- | overflow:hidden;
| + | |
- | display:none;
| + | |
- | background: none;
| + | |
- | position: absolute;
| + | |
- | top: 170px;
| + | |
- | right: 40px;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | #header {
| + | |
- | width: 1277px;
| + | |
- | text-align: left;
| + | |
- | margin-left: auto;
| + | |
- | margin-right: auto;
| + | |
- | margin-top: 5px;
| + | |
- | margin-bottom: 0px !important;
| + | |
- | }
| + | |
- | | + | |
- | #global-banner {
| + | |
- | margin-bottom: 1px;
| + | |
- | }
| + | |
- | | + | |
- | #menubar {
| + | |
- | position: absolute;
| + | |
- | background: none;
| + | |
- | color: black;
| + | |
- | }
| + | |
- | | + | |
- | .left-menu, .right-menu{
| + | |
- | position: absolute;
| + | |
- | background: none;
| + | |
- | color: black;
| + | |
- | }
| + | |
- | | + | |
- | .left-menu li a, .right-menu li a {
| + | |
- | color: #000 !important;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | .left-menu ul li, .right-menu ul li a{
| + | |
- | background: none;
| + | |
- | color: #000 !important;
| + | |
- | }
| + | |
- | | + | |
- | .left-menu li a:hover, .right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active {
| + | |
- | color: #000 !important;
| + | |
- | }
| + | |
- | | + | |
- | #catlinks{
| + | |
- | display:none;
| + | |
- | }
| + | |
- | | + | |
- | /*important for background colours*/
| + | |
- | .mediawiki{
| + | |
- | background: #ffffff;
| + | |
- | }
| + | |
- | | + | |
- | #footer-box {
| + | |
- | width: 1277px;
| + | |
- | margin-top: 20px;
| + | |
- | border-color: lightgrey;
| + | |
- | }
| + | |
- |
| + | |
- | #footer-box a {
| + | |
- | color: lightgrey;
| + | |
- | }
| + | |
- |
| + | |
- | #footer-box img {
| + | |
- | opacity: 0.6;
| + | |
- | }
| + | |
- | /* END MINIMAL HEADER */
| + | |
- | #container {
| + | |
- | width: 1000px;
| + | |
- | height: inherit;
| + | |
- | background-color: #42A7EA;
| + | |
- | }
| + | |
- | | + | |
- | #header {
| + | |
- | border: 0px solid;
| + | |
- | border-color: black;
| + | |
- | border-top-left-radius: 0px; /*To be changed later. Logo background is white and not transparent which causes an overlap. Was 25px earlier */
| + | |
- | border-top-right-radius: 0px;
| + | |
- | width: 1000px;
| + | |
- | height: 30px;
| + | |
- | }
| + | |
- | | + | |
- | #navmenu {
| + | |
- | margin-top: 23px;
| + | |
- | margin-left: 75px;
| + | |
- | width: 1000px;
| + | |
- | height: 21px;
| + | |
- | background-color: DarkBlue;
| + | |
- | border: 2px solid;
| + | |
- | border-top-right-radius: 11px;
| + | |
- | border-bottom-right-radius: 10px;
| + | |
- | }
| + | |
- | | + | |
- | ul.yorknav {
| + | |
- | list-style-type: none;
| + | |
- | margin: 0;
| + | |
- | padding: 0;
| + | |
- | }
| + | |
- | | + | |
- | li.yorknav {
| + | |
- | float: right;
| + | |
- | display: block;
| + | |
- | margin-left: auto;
| + | |
- | margin-right: auto;
| + | |
- | width: 170px;
| + | |
- | text-align: center;
| + | |
- | background-color: DarkBlue;
| + | |
- | }
| + | |
- | | + | |
- | a.yorknav {
| + | |
- | width: 111px;
| + | |
- | }
| + | |
- | | + | |
- | a.yorknav:link{
| + | |
- | font-weight: bold;
| + | |
- | color: White;
| + | |
- | padding: 0px;
| + | |
- | text-transform: uppercase;
| + | |
- | text-decoration: none;
| + | |
- | }
| + | |
- | | + | |
- | a.yorknav:visited{
| + | |
- | font-weight: bold;
| + | |
- | color: White;
| + | |
- | padding: 0px;
| + | |
- | text-transform: uppercase;
| + | |
- | }
| + | |
- | | + | |
- | li.yorknav{
| + | |
- | border-top-right-radius: 5px;
| + | |
- | border-top-left-radius: 5px;
| + | |
- | border-bottom-right-radius: 5px;
| + | |
- | border-bottom-left-radius: 5px;
| + | |
- | }
| + | |
- | | + | |
- | #Sponsors:hover {
| + | |
- | background-color: darkred;
| + | |
- | }
| + | |
- | #HumanPractice:hover {
| + | |
- | background-color: purple;
| + | |
- | }
| + | |
- | #Project:hover {
| + | |
- | background-color: #477519;
| + | |
- | }
| + | |
- | #Team:hover {
| + | |
- | background-color: orangered;
| + | |
- | }
| + | |
- | #Home:hover {
| + | |
- | background-color: teal;
| + | |
- | }
| + | |
- | | + | |
- | #contently {
| + | |
- | border: 2px solid;
| + | |
- | border-color: black;
| + | |
- | border-bottom-left-radius: 25px;
| + | |
- | border-bottom-right-radius: 25px;
| + | |
- | border-top-left-radius: 25px;
| + | |
- | border-top-right-radius: 25px;
| + | |
- | width: 1000px;
| + | |
- | background-color: #FCFCE0;
| + | |
- | }
| + | |
- | | + | |
- | #actualcontent {
| + | |
- | width: 900px;
| + | |
- | padding: 50px;
| + | |
- | font-size: 16px;
| + | |
- | }
| + | |
- | | + | |
- | </style></head>
| + | |
| | | |
| <body> | | <body> |
| <div id="container"> | | <div id="container"> |
| <div id="header"> | | <div id="header"> |
- | <img id="optbanner" src="https://static.igem.org/mediawiki/2014/3/3d/York_final_LOGO.png" style=" height: 114px; width: 180px; position: absolute; left: -77px; top: 15px;"> | + | <img id="optbanner" src="https://static.igem.org/mediawiki/2014/3/3d/York_final_LOGO.png"> |
| <div id="navmenu"> | | <div id="navmenu"> |
| <ul class="yorknav"> | | <ul class="yorknav"> |