Difference between revisions of "Team:Exeter/Interlab"

(Replaced content with "{{Exeter}} <html> <head> </head> <body> </body> </html> {{Exeterfooter}}")
Line 4: Line 4:
  
 
<head>
 
<head>
 +
 +
<style>
 +
 +
.level_3:hover {
 +
 +
cursor: pointer;
 +
 +
}
 +
 +
 +
/* Navigation - Topmenu
 +
-------------------------------------------------*/
 +
 +
#topmenu {
 +
    display: block;
 +
    position: absolute;
 +
    top: 200px;
 +
    left: 0px;
 +
    width: 100%;
 +
    height: 80px;
 +
    background: url('https://static.igem.org/mediawiki/2013/1/1d/Top-gradient.png') #f1f1f1 repeat-x left top;
 +
    box-shadow: 0 0 5px #888;
 +
    z-index: 10;
 +
}
 +
 +
#topmenu .selflink {font-weight: normal !important; color: #0d9c64; cursor: default; padding: 0 12px 0 8px;}
 +
#topmenu .menucenter li:hover .selflink {padding: 0 11px 0 9px}
 +
 +
#topmenu .menucenter{position: relative; display: block; line-height: 80px;}
 +
 +
#topmenu .menuleft {position: absolute; line-height: 76px; z-index: 3;}
 +
#topmenu .menuleft a img {position: relative; height: 60px; top: 10px;}
 +
 +
#topmenu .menucenter {
 +
    display:block;
 +
    margin: 0 auto;
 +
    width:100%;
 +
    text-align: center;
 +
    font-size: 0;}
 +
    #topmenu .menucenter li {
 +
        display:inline-block;
 +
        margin: 0;
 +
        background: url('https://static.igem.org/mediawiki/2013/c/ca/Top-menu-divider.png') no-repeat right top;
 +
        font-size: 16px;}
 +
    #topmenu .menucenter li:first-child {
 +
        background: url('https://static.igem.org/mediawiki/2013/c/ca/Top-menu-divider.png') no-repeat left top, url('https://static.igem.org/mediawiki/2013/c/ca/Top-menu-divider.png') no-repeat right top;}
 +
    #topmenu .menucenter li:hover {
 +
        background: url('https://static.igem.org/mediawiki/2013/0/03/Top-menu-hover.png') repeat-x top left;
 +
        border-left:1px solid #ccc;
 +
        border-right:1px solid #ccc;
 +
        margin: 0 0 0 -2px;}
 +
        #topmenu .menucenter li a {display:block; height: 79px; padding: 0 12px 0 8px;}
 +
        #topmenu .menucenter li:hover a {padding: 0 11px 0 9px}
 +
 +
#topmenu .menuright {position: absolute; display: block; width: 109px; height: 80px; right: 5.46878%; top: 0; z-index: 3;}
 +
   
 +
#topmenu .menuright a{display: inline-block; position: relative;}
 +
 +
    #topmenu .menuright a.twitter {
 +
        display:block;
 +
        float: left;
 +
        width: 36px;
 +
        height: 30px;
 +
        margin-top: 25px;
 +
        padding: 0;
 +
        background: url('https://static.igem.org/mediawiki/2013/d/de/Twitterbtn.png') left top no-repeat;
 +
    }
 +
    #topmenu .menuright a.facebook {
 +
        display:block;
 +
        float: left;
 +
        width: 36px;
 +
        height: 34px;
 +
        margin-top: 23px;
 +
        padding: 0;
 +
        background: url('https://static.igem.org/mediawiki/2013/7/7c/Facebookbtn.png') left top no-repeat;
 +
    }
 +
    #topmenu .menuright a.mail {
 +
        display:block;
 +
        float: left;
 +
        width: 37px;
 +
        height: 29px;
 +
        margin-top: 26px;
 +
        padding: 0;
 +
        background: url('https://static.igem.org/mediawiki/2013/9/94/Mailbtn.png') left top no-repeat;
 +
    }
 +
    #topmenu .menuright a:hover {
 +
        background-position: right top;
 +
    }
 +
 +
 +
#topmenu ul, topmenu li {
 +
    -webkit-margin-before: 0;
 +
    -webkit-margin-after: 0;
 +
    -webkit-padding-start: 0;}
 +
 +
#bodyContent{padding: 81px 0 0px;}
 +
 +
 +
 +
 +
body {background: rgb(239,239,242);}
 +
 +
.content_container {
 +
    box-shadow: 0px 10px 10px #888888;
 +
    border:  1pt solid #D1CEDC;
 +
    left: -10px;
 +
    background: #FFF;
 +
    width: 75%;
 +
    position: relative;
 +
    left: 12.5%;
 +
    padding: 5px 5px 5px 5px;
 +
}
 +
 +
</style>
 +
 
</head>
 
</head>
  
<body>
+
<div class="content_container">
</body>
+
 
 +
<!--Begin Level 3 Buttons-->
 +
 
 +
</br>
 +
</br>
 +
 
 +
<div id="topmenu">
 +
    <ul class="menucenter">
 +
        <li class="level_3"><a onclick="$('.Trans, .RNA, .Ribo, .Toehold').hide('slow');$('.Basic').toggle('slow');">
 +
            The Basic Molecules of Life
 +
            </a>
 +
        </li>
 +
        <li class="level_3"><a onclick="$('.Basic, .RNA, .Ribo, .Toehold').hide('slow');$('.Trans').toggle('slow')">
 +
            Transcription and Translation
 +
            </a>
 +
        </li>
 +
        <li class="level_3"><a onclick="$('.Basic, .Trans, .Ribo, .Toehold').hide('slow');$('.RNA').toggle('slow')">
 +
            General Regulatory RNAs
 +
            </a>
 +
        </li>
 +
        <li class="level_3"><a onclick="$('.Basic, .Trans, .RNA, .Toehold').hide('slow');$('.Ribo').toggle('slow')">
 +
            General Riboswitches
 +
            </a>
 +
        </li>
 +
        <li class="level_3"><a onclick="$('.Basic, .Trans, .RNA, .Ribo').hide('slow');$('.Toehold').toggle('slow')">
 +
            Synthetic Toehold Switches
 +
            </a>
 +
        </li>
 +
 
 +
    </ul>
 +
</div>
 +
 
 +
<!--End Level 3 Buttons-->
  
 
</html>
 
</html>
 
{{Exeterfooter}}
 
{{Exeterfooter}}

Revision as of 12:45, 26 August 2015