View source for Template:Pretoria UP

{{Template_All_Teams}}

<html>


<!--########################################################################################
"Lasciate ogne speranza, voi ch'intrate"
########################################################################################-->



    <head>
        <!-- All menu and slideshow related code based on the work available at https://2014.igem.org/Team:ITESM-Guadalajara-->
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta name="description" content="Team ITESM - Guadalajara Wiki for the iGEM competition of 2014">
        <meta name="keywords" content="iGEM, Tuks, 2015, Swtich-Coli, Wiki">
        <meta name="author" content="Axel Ind">
        <meta name="title" content="TEAM UP : Switchcoli wiki">

        <!-- External scripts -->
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600'
              rel='stylesheet' type='text/css'>


<link href='https://fonts.googleapis.com/css?family=Alegreya+Sans' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Bitter' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Bitter:400italic' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

        <!-- Functionallity and behaviour JS -->
<style>
html,body, #top_menu_inside 
{
width:1920px!important;
}
#globalWrapper {
    font-size: 100%;
}



h3
{
color: #7FACD3;
font-family: 'Bitter', serif;
}

h4
{
color:#DB0626 ;
font-family: 'Bitter', serif;
}

h5
{
color:#003C78;
font-family: 'Bitter', serif;
}

h2 {

font-family: 'Alegreya Sans', sans-serif;
	color:#003C78;
	font-variant: small-caps; text-transform: none; font-weight: 100; margin-bottom: 0;
font-size: 40px;
            }


</style>





        <style>


.wtf_div_1
{
width:1920px;
}
.wtf_div_2
{
width:1150px;
}

.wtf_div_1 .personsTable tr td:nth-child(2) 
{
padding-bottom:1%;

}
.wtf_div_1 .personsTable tr td:nth-child(3) 
{
padding-left:2%;

}


.wtf_div_2 .personsTable tr td:nth-child(2) 
{
padding-bottom:2%;
}



            body,
            html{
                margin: 0;
                padding:0;
                font-family: 'Yanone Kaffeesatz', sans-serif;
                
            }

            /* MENU STYLING */
            .menu{
 /*background-image: url("bgdesert.jpg");*/
                position:fixed;
                width:100%;
                height:56px;
                top:14px;
                background-color: #47a3da;

                z-index:4;

                border-collapse: collapse;


            }

            .menu tr td.menu-item:hover{
                background-color:#258ecd;
                cursor: pointer;
            }
            .subselected{
                background-color: #258ecd;
            }

            /* CONTAINERS STYLING */
            .container{
                position:relative;
                width:100%;
                top:50px;
            }
            .container .subcontainer{
                position:absolute;
                width:95%;
                height:90%;
                top:5%;

            }

            body { 
                padding-top: 110px; 
            }

            .center-block {
                display: block;
                margin-left: auto;
                margin-right: auto;
            }
            p
            {
                width:100%;
	text-align: justify;
    text-justify: inter-word;
            }

li
{
	text-align: justify;
    text-justify: inter-word;
}




            .printfooter
            {
                display:hidden;
            }



            .navbar-fixed-top {
                background: #fff; 
/*background-image: url("/wiki/images/c/c2/Up_teamPhoto.jpg");*/


                filter: none !important;
                box-shadow: 0 2px 15px rgba(0,0,0,0.25);
                -moz-box-shadow: 0 2px 15px rgba(0,0,0,0.25);
                -webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.25);
                border-bottom: 1px solid rgba(0,0,0,0.2);
                width: 2000px;

            }

            .faceBot{
                background: #202020;
            }

            @font-face {
                font-family: 'Open Sans', Arial;;
            }

            body
            {
                font-family: 'Open Sans', Arial;
            }

            ul.nav a{
                color: gray;
                background-color: transparent;
                height: 100%;
                position: relative;
            }

            ul.nav a:hover{
                color: gray;
                background-color: transparent;
                height: 100%;
                position: relative;
            }

            


            .menu-item{
                height: 75px;
                font-size:100%;

            }

            li.menu-item{
                background: transparent !important;
            }

            .green-effect{
                display: none;
                background-color: red;
                opacity: 1;
                color: #FFF;
                transition-property: all;
                transition-duration: 0.3s;
                transition-timing-function: ease-out;
                transition-delay: 0s;
                border-color: red;
                position: absolute;
                bottom: 0px;
                width: 100%;
                height: 2px;
                right: 0px;
            }

            a:hover .green-effect{
                display: inherit;
            }


            html {
                margin-left: 50px;
            }

            .col-md-6 ul li{
                text-decoration: none;
                color: black;
                padding-top:7.5px;
                padding-left: 10px;
                padding-right: 10px;

                display:block;


            }




            .dropDown li
            {
                background-color: #FFF ;
            }
            .dropDown_1
            {

                margin-left: 0% !important;
                
                background: #FFF;
                padding: 10px !important;
padding-left:20px !important;
                border-bottom-left-radius: 2em;
                display:none;


	border-style: solid;
    border-color: #FAFAFA;
            }

            .col-md-3
            {
                margin-left: 2.0%;

            }


            .carousel
            {
                width: 100%;
            }



        </style>
        <!--######################################################################################-->
        <script>



function displayMenu(val)
{
    $("#dropDown" + val).show();
}

function hideMenuItems()
{
    $(".dropDown_1").hide();
    $(".printfooter").hide();
}
window.onload = function() {
performMenuHiding();
};

function performMenuHiding()
{
    hideMenuItems();

$("#facebookLogo").css({marginTop: '-=15px'});
if (window.screen.availWidth<1700)
{
$(".wtf_div").addClass("wtf_div_2");
$('.dropDown_1').css({marginTop: '-=5px'});
}
else
{
$(".wtf_div").addClass("wtf_div_1");
$('.dropDown_1').css({marginTop: '-=10%'});
}
}


$('.carousel').carousel({
    interval: 2000
})

        </script>
        <!--######################################################################################-->


    </head>

    <body>

        <div class = "wtf_div"> 
        <div class="navbar navbar-fixed-top" style="margin-top:10px;">

<img class="banner" src="/wiki/images/9/94/Up_Igemlogo_officiallogo.png" alt="Igem Logo" height="80" style="position:absolute; top:20px; left:1195px; ">
<img class="banner" src="/wiki/images/1/19/Up_igem_teamLogo.png" alt="Igem Logo" height="80" style="position:absolute; top:20px; left:1095px; ">


<a href="https://www.facebook.com/groups/1453608751600408/?fref=nf"  class="banner">
     <img  src="/wiki/images/1/17/Exe_fb_logo.png" alt="Igem Logo" style=" height:92px; padding-top:40px;">
     </a>              

                           




                <div class="col-md-6">
                    <ul class="nav navbar-nav" style="margin-top:30px;">
                        <li class="menu-item" style="margin-left:0%" >
                            <a href="https://2015.igem.org/Team:Pretoria_UP">
                                <span>Home</span>
                                <span class="green-effect"></span>
                            </a>

                        <li class="menu-item">
                            <a href="https://2015.igem.org/Team:Pretoria_UP/Team">
                                <span>The Team</span>
                                <span class="green-effect"></span>
                            </a>
                        </li>


<li class="menu-item" OnMouseOver="displayMenu(1);" onMouseOut = "hideMenuItems();">
                            <a href="#">
                                <span>Project</span>
                                <span class="green-effect"></span>

                                <ul  class = "dropDown_1" id="dropDown1">
                                    <a href="https://2015.igem.org/Team:Pretoria_UP/Description"><li>Description</li></a>
                                    <a href="https://2015.igem.org/Team:Pretoria_UP/Experiments"><li>Protocols</li></a>  
                                    <a href="https://2015.igem.org/Team:Pretoria_UP/Results"><li>Results</li></a>  
                                    
                                </ul>

                            </a>
                        <li class="menu-item">
                            <a href="https://2015.igem.org/Team:Pretoria_UP/Parts">
                                <span>Team Parts</span>
                                <span class="green-effect"></span>
                            </a>
                        </li>
                        <li class="menu-item">
                            <a href="https://2015.igem.org/Team:Pretoria_UP/Notebook">
                                <span>Notebook</span>
                                <span class="green-effect"></span>
                            </a>
                        </li>

                        <li class="menu-item">
                            <a href="https://2015.igem.org/Team:Pretoria_UP/Practices">
                                <span>Human Practices</span>
                                <span class="green-effect"></span>
                            </a>
                        </li>


                        



                        <li class="menu-item">
                            <a href="https://2015.igem.org/Team:Pretoria_UP/Attributions">
                                <span>Attributions</span>
                                <span class="green-effect"></span>
                            </a>
                        </li>


                    </ul>
                </div>               
        </div>






        </div>
    </body>


</html>