Team:Lethbridge Canada
From 2014hs.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
+ | <html lang="en"> | ||
+ | <style type="text/css"> | ||
+ | #contentSub, #search-controls, .firstHeading, /*#footer-box,*/ #catlinks, #p-logo { | ||
+ | display:none; | ||
+ | } | ||
+ | #top-section { | ||
+ | border: none; | ||
+ | height: 0px; | ||
+ | } | ||
+ | /* Removes "teams" from the menubar */ | ||
+ | #menubar > ul > li:last-child { | ||
+ | display: none;} | ||
- | < | + | /* Resizes the menubar to fik the links (default is 400px) */ |
+ | #menubar { | ||
+ | width: auto;} | ||
+ | |||
+ | #content { | ||
+ | background: transparent; | ||
+ | z-index: auto; | ||
+ | border: none; | ||
+ | width:98%; | ||
+ | } | ||
+ | |||
+ | .firstHeading { | ||
+ | height:0px; | ||
+ | visibility:hidden; | ||
+ | } | ||
+ | |||
+ | #footer-box{ | ||
+ | background: transparent; | ||
+ | border:none; | ||
+ | margin: 0 auto; | ||
+ | padding: 5px; | ||
+ | width: 965px; | ||
+ | |||
+ | /*width:100%; | ||
+ | padding:0px; | ||
+ | margin:0 auto; | ||
+ | display:inline-block; | ||
+ | text-align:left; | ||
+ | border-style:none;*/ | ||
+ | } | ||
+ | |||
+ | #footer-box *{ | ||
+ | position:relative; | ||
+ | margin-top:10px; | ||
+ | } | ||
+ | |||
+ | #globalWrapper { | ||
+ | font-size:100%; | ||
+ | } | ||
+ | |||
+ | h1, h2 { | ||
+ | border-bottom: none; | ||
+ | } | ||
+ | |||
+ | h2 { | ||
+ | font-size:18px; | ||
+ | font-family:Arial, sans-serif; | ||
+ | } | ||
+ | h3 { | ||
+ | font-size:16px; | ||
+ | font-weight: 600; | ||
+ | font-family:Arial, sans-serif; | ||
+ | } | ||
+ | h4 { | ||
+ | font-size: 14px; | ||
+ | font-weight: 600; | ||
+ | font-family:Arial, sans-serif; | ||
+ | } | ||
+ | |||
+ | div.thumb div { | ||
+ | font-size:10px; | ||
+ | } | ||
+ | |||
+ | .editsection { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | li { | ||
+ | font-size:10px; | ||
+ | } | ||
+ | |||
+ | div.thumb { | ||
+ | border-color:#eeeeee; | ||
+ | } | ||
+ | |||
+ | dd { | ||
+ | font-size:10px; | ||
+ | } | ||
+ | |||
+ | a:visited { | ||
+ | color: #000080; | ||
+ | } | ||
+ | a { | ||
+ | color: #000080; | ||
+ | } | ||
+ | p > a, b > a { | ||
+ | color: #000080; | ||
+ | } | ||
+ | p > a:visited, b > a:visited { | ||
+ | color: #000080; | ||
+ | } | ||
+ | p { | ||
+ | text-align:justify; | ||
+ | } | ||
+ | table { | ||
+ | font-size:1em; | ||
+ | } | ||
+ | b { | ||
+ | font-size:14px; | ||
+ | } | ||
+ | figcaption { | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | /* Resizes the menubar to fik the links (default is 400px) */ | ||
+ | #menubar { | ||
+ | width: auto;} | ||
+ | body { | ||
+ | margin: 10px 0 0 0; | ||
+ | padding: 0;} | ||
+ | |||
+ | #top-section { | ||
+ | width: 965px; | ||
+ | height: 0; | ||
+ | margin: 0 auto; | ||
+ | padding: 0; | ||
+ | border: none;} | ||
+ | #menubar { | ||
+ | font-size: 65%; | ||
+ | top: 0; | ||
+ | } | ||
+ | .left-menu:hover { | ||
+ | background-color: transparent;} | ||
+ | #menubar li a { | ||
+ | background-color: transparent;} | ||
+ | #menubar:hover { | ||
+ | color: gray;} | ||
+ | #menubar li a { | ||
+ | color: gray;} | ||
+ | #menubar:hover li a { | ||
+ | color: #CCC;} | ||
+ | |||
+ | |||
+ | /* modified css-Stuff from the bubble wiki theme*/ | ||
+ | |||
+ | *{ | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | } | ||
+ | body{ | ||
+ | background:#fff no-repeat top left; | ||
+ | } | ||
+ | div:after { | ||
+ | content: ""; | ||
+ | |||
+ | background-repeat: no-repeat; | ||
+ | opacity: 0.8; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | bottom:0; | ||
+ | right: 0; | ||
+ | z-index: -1; | ||
+ | } | ||
+ | .title{ | ||
+ | width:548px; | ||
+ | height:119px; | ||
+ | position:absolute; | ||
+ | top:400px; | ||
+ | left:150px; | ||
+ | } | ||
+ | #content{ | ||
+ | margin:0 auto; | ||
+ | } | ||
+ | /* .months{ | ||
+ | position:absolute; | ||
+ | left:0.5%; | ||
+ | top:275px; | ||
+ | z-index:8; | ||
+ | } | ||
+ | .slider{ | ||
+ | position:absolute; | ||
+ | left:0.5%; | ||
+ | top:425px; | ||
+ | width:37%; | ||
+ | } | ||
+ | .weekly-tabs{ | ||
+ | position:absolute; | ||
+ | top:335px; | ||
+ | left:39%; | ||
+ | width:61%; | ||
+ | } | ||
+ | #weekly{ | ||
+ | position:absolute; | ||
+ | top:365px; | ||
+ | left:39%; | ||
+ | width:61%; | ||
+ | }*/ | ||
+ | .scrollContent{ | ||
+ | overflow:hidden; | ||
+ | position:relative; | ||
+ | height:700px; | ||
+ | } | ||
+ | .scrollContent2{ | ||
+ | height:300px; | ||
+ | overflow:hidden; | ||
+ | position:relative; | ||
+ | top:15px; | ||
+ | width:90%; | ||
+ | left:20px; | ||
+ | right:20px; | ||
+ | } | ||
+ | #methods{ | ||
+ | background-color: #eeeeee; | ||
+ | position:absolute; | ||
+ | left:0.5%; | ||
+ | top:680px; | ||
+ | width:37%; | ||
+ | height:615px; | ||
+ | overflow:auto; | ||
+ | position:relative; | ||
+ | |||
+ | } | ||
+ | .carousel .item{ | ||
+ | background-color:#EEEEEE; | ||
+ | } | ||
+ | .carousel-caption{ | ||
+ | color:#5A5A5A; | ||
+ | text-shadow:none;/*0 2px 2px rgba(0, 0, 0, 0.4);*/ | ||
+ | } | ||
+ | .carousel-caption p { | ||
+ | font-size:10pt; | ||
+ | text-align:justify; | ||
+ | position:relative; | ||
+ | margin-right:1%; | ||
+ | } | ||
+ | .carousel-control{ | ||
+ | color:#5A5A5A; | ||
+ | width:7%; | ||
+ | } | ||
+ | .carousel-control.left { | ||
+ | background-image: none; | ||
+ | } | ||
+ | .carousel-control.right { | ||
+ | background-image: none; | ||
+ | } | ||
+ | .carousel-control .icon-prev, | ||
+ | .carousel-control .icon-next, | ||
+ | .carousel-control .glyphicon-chevron-left, | ||
+ | .carousel-control .glyphicon-chevron-right{ | ||
+ | left:10%; | ||
+ | } | ||
+ | .carousel-indicators li { | ||
+ | border: 1px solid #5A5A5A; | ||
+ | } | ||
+ | .carousel-indicators .active { | ||
+ | background-color: #5A5A5A; | ||
+ | } | ||
+ | .nav-tabs { | ||
+ | border-bottom:#eeeeee ; | ||
+ | } | ||
+ | .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { | ||
+ | border-color:#eeeeee; | ||
+ | } | ||
+ | .sidebar-nav { | ||
+ | padding: 9px 0; | ||
+ | } | ||
+ | |||
+ | .dropdown-menu .sub-menu { | ||
+ | left: 100%; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | visibility: hidden; | ||
+ | margin-top: -1px; | ||
+ | } | ||
+ | |||
+ | .dropdown-menu li:hover .sub-menu { | ||
+ | visibility: visible; | ||
+ | } | ||
+ | |||
+ | .dropdown:hover .dropdown-menu { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu { | ||
+ | margin-top: 0; | ||
+ | } | ||
+ | |||
+ | .navbar .sub-menu:before { | ||
+ | border-bottom: 7px solid transparent; | ||
+ | border-left: none; | ||
+ | border-right: 7px solid rgba(0, 0, 0, 0.2); | ||
+ | border-top: 7px solid transparent; | ||
+ | left: -7px; | ||
+ | top: 10px; | ||
+ | } | ||
+ | .navbar .sub-menu:after { | ||
+ | border-top: 6px solid transparent; | ||
+ | border-left: none; | ||
+ | border-right: 6px solid #fff; | ||
+ | border-bottom: 6px solid transparent; | ||
+ | left: 10px; | ||
+ | top: 11px; | ||
+ | left: -6px; | ||
+ | } | ||
+ | .labjournal-weekly { | ||
+ | margin-top:2.6%; | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | } | ||
+ | table.wikitable { | ||
+ | font-size:0.7em; | ||
+ | } | ||
+ | #bodyContent a[href^="https://"], .link-https { | ||
+ | background: none;} | ||
+ | </style> | ||
+ | |||
+ | <!--customized scrollbar--> | ||
+ | <!--<link href="custom-scrollbar-plugin/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" />--> | ||
<head> | <head> | ||
<title>Lethbridge High School iGEM Team</title> | <title>Lethbridge High School iGEM Team</title> | ||
Line 12: | Line 331: | ||
<h2 style="color:white;"> Canada</h2> | <h2 style="color:white;"> Canada</h2> | ||
</hgroup> | </hgroup> | ||
- | </header> | + | |
+ | |||
+ | </header> | ||
<main style="width:700px; float:left; margin-bottom:3px;"> | <main style="width:700px; float:left; margin-bottom:3px;"> | ||
Line 50: | Line 371: | ||
<footer style="clear:both; border: 2px solid black;"> | <footer style="clear:both; border: 2px solid black;"> | ||
- | <p> | + | <p>copyright stuff</p> |
</footer> | </footer> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 05:21, 26 April 2014