Team:UFMG Brazil/Menu

From 2014.igem.org

(Difference between revisions)
(Created page with " {{:Team:UFMG_Brazil/Menu}} <html> <style type="text/css"> /* drop up http://www.pmob.co.uk/temp/dropup3.htm http://www.youtube.com/watch...")
(Blanked the page)
 
Line 1: Line 1:
-
    {{:Team:UFMG_Brazil/Menu}}
+
 
-
   
+
-
    <html>
+
-
   
+
-
    <style type="text/css">
+
-
    /* drop up
+
-
      http://www.pmob.co.uk/temp/dropup3.htm
+
-
      http://www.youtube.com/watch?v=EENF7HNS1co
+
-
      */
+
-
    /* Navigation Menu */
+
-
    .navmenubkg {
+
-
        position: fixed;
+
-
        display: block;
+
-
        z-index: 50;
+
-
        top: 0;
+
-
        height: 50px;
+
-
        left: 0;
+
-
        right: 0;
+
-
        background: white;
+
-
    }
+
-
    .navmenubkg2 {
+
-
      position:fixed;
+
-
      display:none;
+
-
      z-index:50;
+
-
      top:50px;
+
-
      height:40px;
+
-
      left:0;
+
-
      right:0;
+
-
      background:white;
+
-
    }
+
-
    #navmenubox {
+
-
        padding: 0;
+
-
        margin-left: auto;
+
-
        margin-right: auto;
+
-
        width: 1100px;
+
-
        height: 40px;
+
-
        z-index: 100;
+
-
        display: block;
+
-
        background: transparent;
+
-
        color: rgb(46,43,52);
+
-
        text-align: center;
+
-
        /*line-height:40px;*/
+
-
        border-bottom: 0px solid rgba(228,45,51,0.9);
+
-
    }
+
-
    .sidelogos {
+
-
        float:left;
+
-
        display:block;
+
-
        margin-left:auto;
+
-
        height:100%;
+
-
        width:auto;   
+
-
    }
+
-
    .sidelogos a {
+
-
      display:block;
+
-
      top:0;
+
-
      bottom:0;
+
-
    }
+
-
    #pblogo{
+
-
      width:48px;
+
-
    }
+
-
    #pgmap{
+
-
      width:30px;
+
-
    }
+
-
    #fbnoticon{
+
-
      width:38px;
+
-
    }
+
-
    #twnoticon{
+
-
      width:38px;
+
-
      margin-right:auto;
+
-
    }
+
-
    #igemlogo{ 
+
-
      width:55px;
+
-
    }
+
-
    #onofflogo{
+
-
      width:15px;
+
-
      position:absolute;
+
-
      top:0;
+
-
      margin-left:1100px;
+
-
    }
+
-
    #pblogo img, #pgmap img, #twnoticon img, #fbnoticon img, #igemlogo img, #onofflogo img{
+
-
      background-color:rgb(46,43,52);
+
-
      margin-top:8px;
+
-
      margin-bottom:2px;
+
-
    }
+
-
    #pblogo:hover img, #pgmap:hover img{
+
-
      background-color:rgb(228,45,51);
+
-
    }
+
-
    #twnoticon:hover img {
+
-
      background-color:rgb(93,215,255);
+
-
    }
+
-
    #fbnoticon:hover img {
+
-
      background-color:rgb(62,82,158);
+
-
    }
+
-
    #igemlogo:hover img {
+
-
      background-color:rgb(0,153,102);
+
-
    }
+
-
    #twitapp, #fbapp {
+
-
      display:none;
+
-
      width:250px;
+
-
      height:auto;
+
-
      top:44px;
+
-
      background: rgb(255,255,255);
+
-
      z-index:100;
+
-
    }
+
-
    #fbapp{
+
-
        margin-left:-149px;
+
-
    }
+
-
    #twitapp{
+
-
      margin-left:-111px;
+
-
      /*border-radius:3px;
+
-
      border: 1px solid rgb(30,39,43);*/
+
-
    }
+
-
    ul#nav { 
+
-
        display:block;
+
-
        float:left;
+
-
        padding:0;
+
-
        margin:0;
+
-
        list-style: none;
+
-
        height:40px;
+
-
        width:890px;
+
-
        background:none;
+
-
        z-index:100;
+
-
        /*font-family: 'PT Sans Narrow', sans-serif;*/
+
-
        font-family: 'Archivo Narrow', sans-serif;
+
-
    }
+
-
    ul#nav a {
+
-
      display:block;
+
-
      top:0;
+
-
      bottom:0;
+
-
    }
+
-
    ul#nav ul {
+
-
        margin:0;
+
-
        padding:0;
+
-
        list-style:none;
+
-
        background:transparent;
+
-
        z-index:100;
+
-
    }
+
-
    ul#nav li {
+
-
        float:left;
+
-
        padding:0;
+
-
        margin:0;
+
-
        width:127px;
+
-
        margin-top:13px;
+
-
        line-height:27px;
+
-
        height:27px;
+
-
        font-size:15px;
+
-
        font-weight:600;
+
-
        background:transparent;
+
-
        font-weight:normal;
+
-
        z-index:100;
+
-
    }
+
-
    ul#nav li:hover, ul#nav li.over, ul#nav li:hover a, ul#nav li.over a  {
+
-
        color: rgb(228,45,51);
+
-
        /*font-weight:bold;*/
+
-
        border-bottom: 4px solid rgb(255,255,255);
+
-
        font-family: Verdana, Geneva, sans-serif;
+
-
    }
+
-
    ul#nav a{
+
-
        padding:0px;
+
-
        margin:0px;
+
-
        width:100%;
+
-
        height:100%;
+
-
        text-decoration:none;
+
-
        background:transparent;
+
-
        color:rgb(46,43,52);
+
-
    }
+
-
    ul#nav a:hover{
+
-
        color: rgb(228,45,51);
+
-
    }
+
-
    #nav li ul {
+
-
        display:block;
+
-
        margin:0;
+
-
        margin-left:auto;
+
-
        margin-right:auto;
+
-
        padding:0;
+
-
        list-style: none;
+
-
        width:1100px;
+
-
        height:40px;
+
-
        background:transparent;
+
-
        color:rgb(46,43,52);
+
-
        z-index:100;
+
-
    }
+
-
    #nav li ul li {
+
-
        margin:0px;
+
-
        padding:0;
+
-
        float:left;
+
-
        background:none;
+
-
        height:100%;
+
-
        line-height:40px;
+
-
        height:40px;
+
-
        width:127px;
+
-
        color:rgb(46,43,52);
+
-
        z-index:100;
+
-
    }
+
-
    #nav li:hover .navmenubkg2 {
+
-
        display:block;
+
-
    }
+
-
    #nav li .navmenubkg2:hover {
+
-
        display:block;
+
-
    }
+
-
    ul#nav li:hover li a, ul#nav li.over li a  {
+
-
        color: rgb(46,43,52);
+
-
        font-weight:normal;
+
-
        border:none;
+
-
    }
+
-
    ul#nav li li:hover, ul#nav li li.over, ul#nav li li:hover a, ul#nav li li.over a {
+
-
        color:rgb(228,45,51);
+
-
        /*font-weight:bold;*/
+
-
        border:none;
+
-
    }
+
-
    </style>
+
-
   
+
-
    </head>
+
-
    <body>
+
-
    <div style="clear: both;"></div>
+
-
    <div class="navmenubkg">
+
-
      <div id="navmenubox">
+
-
        <div id="pblogo" class="sidelogos">
+
-
          <p><a href="https://2014.igem.org/Team:UFMG_Brazil" title="Home Page"><span style="border: 0px solid black; color: #FFF;"><img src="https://static.igem.org/mediawiki/2014/9/9a/Home.png" alt="home" width="41" height="34"/></span> </a></p>
+
-
        </div>
+
-
        <div id="pgmap" class="sidelogos">
+
-
          <p><a href="https://2014.igem.org/Team:UFMG_Brazil/Our_Institute" title="Our institute"><img src=https://static.igem.org/mediawiki/2014/8/8b/Colonyeast.png alt="location" height="34"></a></p>
+
-
        </div>
+
-
        <ul id="nav">
+
-
          <li> <a href="https://2014.igem.org/Team:UFMG_Brazil/Team" title="Team">TEAM</a>
+
-
            <div class="navmenubkg2">    
+
-
            </div>
+
-
          </li>
+
-
          <li> <a href="https://2014.igem.org/Team:UFMG_Brazil/Project" title="Project">PROJECT</a>
+
-
            <div class="navmenubkg2">
+
-
              <ul>
+
-
                <li style="margin-left:141px;"> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Parts" title="Submitted Parts">PARTS</a>
+
-
                <li > <a href="https://2013.igem.org/Team:Paris_Bettencourt/Results" title="Results">RESULTS</a></li>
+
-
                <li style="width:167px;"> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Medal_Fulfillment" title="Medal Fulfillment">MEDAL FULFILLMENT</a></li>
+
-
          </ul>
+
-
            </div>
+
-
          </li>
+
-
          <li> <a href="https://2014.igem.org/Team:UFMG_Brazil/Parts" title=" Parts"style="color:#000000">PARTS</a><a href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/Overview" title="Human Practice Overview"></a>
+
-
            <div class="navmenubkg2">
+
-
              <ul>
+
-
                <li style="margin-left:141px;"> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/Overview" title="Human Practice Overview">OVERVIEW</a> </li>
+
-
   
+
-
                <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/Gender_Study" title="Gender Study">GENDER STUDY</a></li>
+
-
                <li style="width:168px;"> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/Technology_Transfer" title="Technology_Transfer">TECHNOLOGY TRANSFER</a></li>
+
-
                <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/TB_Facts" title="TB Tacts">TB FACTS</a></li>
+
-
                <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/TB_France" title="TB in France">TB IN FRANCE</a></li>
+
-
                <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/TB_Gallery" title="TB Gallery">TB GALLERY</a></li>
+
-
   
+
-
   
+
-
          </ul>
+
-
            </div>
+
-
          </li>     
+
-
          <li> <a href="https://2014.igem.org/Team:UFMG_Brazil/Modeling" title="Modeling">MODELING</a>
+
-
            <div class="navmenubkg2">
+
-
             
+
-
            </div>
+
-
          </li>
+
-
          <li> <a href="https://2014.igem.org/Team:UFMG_Brazil/Safety">SAFETY</a>
+
-
            <div class="navmenubkg2">
+
-
              <ul>
+
-
                <li style="margin-left:500px"> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Collaboration" title="Collaboration">COLLABORATION</a></li>
+
-
                <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/SensiGEM" title="SensiGEM">SENSIGEM</a></li>
+
-
          </ul>
+
-
            </div>
+
-
          </li>
+
-
          <li> <a href="https://2014.igem.org/Team:UFMG_Brazil/Notebook" title="Notebook">NOTEBOOK</a>
+
-
            <div class="navmenubkg2">
+
-
          <ul>
+
-
                <li style="margin-left:649.5px"> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Notebook" title="Day Notes">DAY NOTES</a> </li>
+
-
            <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Protocols" title="Protocols">PROTOCOLS</a> </li>
+
-
            <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Bibliography" title="Bibliography">BIBLIOGRAPHY</a> </li>
+
-
          </ul>
+
-
            </div>
+
-
          </li>
+
-
          <li><a href="https://2014.igem.org/Team:UFMG_Brazil/Attributions" title="Attributions" style="color:#000000">ATTRIBUTIONS </a><a href="https://2013.igem.org/Team:Paris_Bettencourt/Team" title="Team"></a>
+
-
            <div class="navmenubkg2">
+
-
          <ul>
+
-
                <li style="margin-left:522.5px;"> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Team" title="Team">OUR TEAM</a></li>
+
-
                <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Gallery" title="Team Gallery">GALLERY</a></li>
+
-
                <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Attributions" title="Attributions">ATTRIBUTIONS</a> </li>
+
-
                <li style="width:167px;"> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Acknowledgements" title="Acknowledgements">ACKNOWLEDGEMENTS</a></li>    
+
-
          </ul>
+
-
            </div>
+
-
          </li>
+
-
        </ul>
+
-
        <div id="twnoticon" class="sidelogos">
+
-
          <a href="http://twitter.com/iGEM_Paris" target="_blank">
+
-
        <img src="https://static.igem.org/mediawiki/2013/3/3f/PB_LogoTweeter.gif" height="30px"/>
+
-
        <div id="twitapp">
+
-
          <a class="twitter-timeline"
+
-
                width="250" height="400"
+
-
                data-dnt="true"
+
-
                href="https://twitter.com/iGEM_Paris"
+
-
                data-widget-id="368144501119795201">
+
-
                @iGEM_Paris</a>
+
-
        </div>
+
-
        </div>
+
-
        <div id="fbnoticon" class="sidelogos">
+
-
          <a href="http://www.facebook.com/ParisiGEM2013" target="_blank">
+
-
        <img src="https://static.igem.org/mediawiki/2013/4/4e/PB_LogoFacebook.gif" height="30px"/>                     
+
-
        <div id="fbapp">
+
-
              <div class="fb-like-box" data-href="https://www.facebook.com/ParisiGEM2013" data-width="250" data-height="400" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="true" data-show-border="true"></div>
+
-
        </div>
+
-
          </a>
+
-
        </div>
+
-
        <div id="igemlogo" class="sidelogos"><a href="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/b/b4/Igem_rodando.gif" alt="IGEM" height="30"></a></div>
+
-
      <div id="onofflogo">
+
-
        <a onClick="changemenu()" title="iGEM wiki buttons">
+
-
          <img id="ooswitch" src="https://static.igem.org/mediawiki/2013/7/72/PB_LogoOff.gif" style="margin-top:0px;" height="15px">
+
-
        </a>
+
-
      </div>
+
-
      </div>
+
-
    </div>
+
-
    <div style="clear: both;"></div>
+
-
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
+
-
   
+
-
    <script type="text/javascript">
+
-
      function changemenu(){
+
-
        if($('.left-menu').is(":visible")) {
+
-
          $('.left-menu').hide();
+
-
          $('.right-menu').hide();
+
-
          document.getElementById('ooswitch').style.backgroundColor = "rgb(46,43,52)";
+
-
        }else{
+
-
          $('.left-menu').show();
+
-
          $('.right-menu').show();
+
-
          document.getElementById('ooswitch').style.backgroundColor = "rgb(228,45,51)";
+
-
        }
+
-
      }
+
-
    </script>
+
-
   
+
-
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
+
-
    </script>
+
-
   
+
-
    <div id="fb-root"></div>
+
-
    <script>(function(d, s, id) {
+
-
      var js, fjs = d.getElementsByTagName(s)[0];
+
-
      if (d.getElementById(id)) return;
+
-
      js = d.createElement(s); js.id = id;
+
-
      js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=219328326146";
+
-
      fjs.parentNode.insertBefore(js, fjs);
+
-
    }(document, 'script', 'facebook-jssdk'));</script>
+
-
   
+
-
    <script>
+
-
    $(document).ready(function(){
+
-
    $('div #fbnoticon').mouseover(function(){
+
-
      div = $('#fbapp');
+
-
      div.fadeIn(100);
+
-
    }).mouseout(function(){
+
-
        div.fadeOut(100);
+
-
    });
+
-
    });
+
-
    $(document).ready(function(){
+
-
    $('div #fbapp').mouseover(function(){
+
-
      div = $('#fbapp');
+
-
      div.fadeIn(100);
+
-
    }).mouseout(function(){
+
-
        div.fadeOut(100);
+
-
    });
+
-
    });
+
-
    $(document).ready(function(){
+
-
    $('div #twnoticon').mouseover(function(){
+
-
      div = $('#twitapp');
+
-
      div.fadeIn(100);
+
-
    }).mouseout(function(){
+
-
        div.fadeOut(100);
+
-
    });
+
-
    });
+
-
    $(document).ready(function(){
+
-
    $('div #twitapp').mouseover(function(){
+
-
      div = $('#twitapp');
+
-
      div.fadeIn(1);
+
-
    }).mouseout(function(){
+
-
        div.fadeOut(1);
+
-
    });
+
-
    });
+
-
    </script>
+

Latest revision as of 05:40, 4 September 2014

Retrieved from "http://2014.igem.org/Team:UFMG_Brazil/Menu"