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;}
-
<html lang="en">
+
/* 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>copy right stuff</p>
+
             <p>copyright stuff</p>
         </footer>
         </footer>
     </body>
     </body>
</html>
</html>

Revision as of 05:21, 26 April 2014

Lethbridge High School iGEM Team

Lethbridge High School iGEM Team

Canada

Stuff goes here

Other text here

copyright stuff