Team:BIOSINT Mexico/Navigation

From 2013.igem.org

(Difference between revisions)
(Blanked the page)
 
Line 1: Line 1:
-
<html>
 
-
    <style>
 
-
        #p-logo{
 
-
            display:none;
 
-
        }
 
-
        #top-section {
 
-
            height:130px  ! important;
 
-
            border: 0;
 
-
        }
 
-
 
-
  #menubar{
 
-
            margin-left: 175px;
 
-
        }
 
-
        .right-menu li a {
 
-
            background-color: transparent;
 
-
        }
 
-
        #searchInput {
 
-
            margin-left:-15 px;
 
-
            height: 25px;
 
-
            width: 170px;
 
-
            font-size: 14px;
 
-
            border: 1px solid #f8f8f8;
 
-
            border-radius: 20px / 16px;
 
-
            -webkit-border-radius: 20px / 16px;
 
-
            -moz-border-radius: 20px / 16px;
 
-
            box-shadow:inset 1px 1px 3px #000;
 
-
            -webkit-box-shadow:inset 1px 1px 3px #000;
 
-
            -moz-box-shadow:inset 1px 1px 3px #000;
 
-
            padding-left:5px;
 
-
        }
 
-
        input.searchButton{
 
-
            color: #ffffff;
 
-
        }
 
-
        input.searchButton:hover{
 
-
            color: #db0976;
 
-
        }
 
-
 
-
        #footer-box a{
 
-
            color:#fff;
 
-
        }
 
-
        #content {
 
-
            background: snow;
 
-
            border: 0;
 
-
            color: #333;
 
-
            margin: 0 auto;
 
-
            padding: 5px;
 
-
            margin-top:60px;
 
-
            position: relative;
 
-
            width: 965px;
 
-
            z-index: 2;
 
-
            border-radius: 0px  0px;
 
-
            text-align: justify;
 
-
 
-
            box-shadow: 0px 0px 10px #333;
 
-
            -webkit-box-shadow: 0px 0px 10px #333;
 
-
            -moz-box-shadow: 0px 0px 10px #333;
 
-
        }
 
-
        #content img{
 
-
            margin: 10px;
 
-
        }
 
-
        #bodyContent{
 
-
            margin: 10px;
 
-
        }
 
-
 
-
        .firstHeading {
 
-
            /*text-shadow: 1px 1px 2px #000;
 
-
            margin-left: 20px;
 
-
            color:#db0976;
 
-
            font-size: 36px;
 
-
            font-weight: bold;
 
-
            font-family: Helvetica,Arial,sans-serif;*/
 
-
display:none;
 
-
        }
 
-
        .myowntitle{
 
-
            text-shadow: 1px 1px 2px #000;
 
-
            margin-left: 20px;
 
-
            color:#ffff00;
 
-
            font-size: 36px;
 
-
            font-weight: bold;
 
-
            font-family: Helvetica,Arial,sans-serif;
 
-
        }
 
-
        h1{
 
-
            border-bottom:0;
 
-
        }
 
-
 
-
        #catlinks {
 
-
            background-color: transparent;
 
-
            border: 0;
 
-
            clear: both;
 
-
            margin:10px 0 ;
 
-
            padding: 10px;
 
-
        }
 
-
        #my_own_top{
 
-
            margin: 0 auto;
 
-
            position: absolute;
 
-
            top:-186px;
 
-
            width: 975px;
 
-
            height: 130px;
 
-
            overflow:hidden;
 
-
        }
 
-
        #my_own_top h1{
 
-
 
-
            color:#fff;
 
-
            font-size:30px;
 
-
            font-weight:bold;
 
-
            padding:0;
 
-
            height:30px;
 
-
            width:220px;
 
-
            margin:20px 10px 0 20px;
 
-
            padding-left:10px;
 
-
            position:relative;
 
-
        }
 
-
        #my_own_top img.logo{
 
-
            float:left;
 
-
            position:relative;
 
-
        }
 
-
        #my_own_top img{
 
-
            position:relative;
 
-
        }
 
-
        #navigation{
 
-
            margin: -64 auto;
 
-
            position: absolute;
 
-
            top:0px;
 
-
            width: 1500px;
 
-
            height: 40px;
 
-
        }
 
-
        #navigation ul{
 
-
            list-style-type: none !important;
 
-
            list-style-image: none;
 
-
        }
 
-
        #navigation ul li{
 
-
 
-
            background-repeat: no-repeat;
 
-
            width: 123px;
 
-
            min-height: 35px;
 
-
            text-align:center;
 
-
            vertical-align: middle;
 
-
            position: relative;
 
-
            float: left;
 
-
            margin-right: 10px;
 
-
        }
 
-
        #navigation a{
 
-
            margin-top:5px;
 
-
            font-size: 15px;
 
-
            color: #ff0000;
 
-
        }
 
-
        #navigation a:hover{
 
-
            color:#008000;
 
-
        }
 
-
        .menu_body {display:none; width:184px;margin-left: 0px; margin-top: 10px; z-index:999;}
 
-
        .menu_body li{background:#00ffff; background-image: none !important;z-index:999; margin:0; border-radius: 0px;}
 
-
        .menu_body li.alt{background:#800080;background-image: none; border-radius: 0px;}
 
-
        .menu_body li a{color:#800080; text-decoration:none; padding:10px; display:block;}
 
-
        .menu_body li a:hover{ font-weight:bold;}
 
-
 
-
    </style>
 
-
 
-
 
-
    </div>
 
-
    <div id="navigation">
 
-
        <ul>
 
-
            <li >
 
-
                <a href="https://2013.igem.org/Team:BIOSINT_Mexico">Home</a>
 
-
 
-
            </li>
 
-
            <li >
 
-
                <a href="https://2013.igem.org/Team:BIOSINT_Mexico/Team">Team</a>
 
-
 
-
            </li>
 
-
            <li >
 
-
                <a href="https://2013.igem.org/Team:BIOSINT_Mexico/Project">Project</a>
 
-
                <ul class="menu_body">
 
-
                    <li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Abstract">Abstract</a></li>
 
-
                    <li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Chassis">Chassis</a></li>
 
-
                    <li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Sensor">Sensor</a></li>
 
-
                    <li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Security: Kill switch">Security: Kill switch</a></li>
 
-
                </ul>
 
-
            </li>
 
-
            <li >
 
-
                <a href="https://2013.igem.org/Team:BIOSINT_Mexico/Parts">Parts</a>
 
-
 
-
            </li>
 
-
            <li >
 
-
                <a href="https://2013.igem.org/Team:BIOSINT_Mexico/Modeling">Modeling</a>
 
-
            </li>
 
-
            <li >
 
-
                <a href="https://2013.igem.org/Team:BIOSINT_Mexico/Human Practice">Human Practice</a>
 
-
                <ul class="menu_body">
 
-
                    <li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Probiotics: iGEM contribution">Probiotics: iGEM contribution</a></li>
 
-
                    <li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Workshop">Workshop</a></li>
 
-
           
 
-
</ul>
 
-
</li>             
 
-
            <li >
 
-
                <a href="https://2011.igem.org/Team:BIOSINT_Mexico/Notebook">Notebook</a>
 
-
                <ul class="menu_body">
 
-
                <li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Protocols">Protocols</a></li>
 
-
                <li><a href="https://2013.igem.org/Team:BIOINT_Mexico/Lab work">Lab Work</a></li>
 
-
                </ul>
 
-
            </li>
 
-
 
-
        </ul>
 
-
    </div>
 
-
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
 
-
   
 
-
    <script type="text/javascript">
 
-
            $(document).ready(function () {
 
-
               
 
-
 
-
 
-
                $("ul.menu_body li:even").addClass("alt");
 
-
                $('div#navigation ul li a').mouseover(function () {
 
-
                    //alert(this);
 
-
                    $(this).parent().find("ul.menu_body").slideDown('medium');
 
-
                    $(this).parent().hover(function() {
 
-
                    }, function(){
 
-
                        $(this).parent().find("ul.menu_body").slideUp('medium');
 
-
                    });
 
-
                });
 
-
               
 
-
                $('ul.menu_body li a').mouseover(function () {
 
-
                    $(this).animate({ fontSize: "16px" }, 50 );
 
-
                });
 
-
                $('ul.menu_body li a').mouseout(function () {
 
-
                    $(this).animate({ fontSize: "15px" }, 50 );
 
-
                });
 
-
 
-
 
-
 
-
               
 
-
 
-
            });
 
-
 
-
    </script>
 
-
 
-
</html>
 

Latest revision as of 22:39, 23 September 2013