Template:Team:ITESM Mexico/Top

From 2011.igem.org

(Difference between revisions)
 
(79 intermediate revisions not shown)
Line 2: Line 2:
     <style>
     <style>
         body{
         body{
-
             background: url("https://static.igem.org/mediawiki/2011/a/ad/My_background.png");
+
             background: url("http://deviatan.com/sponsoring/background.png");
         }
         }
         #p-logo{
         #p-logo{
Line 29: Line 29:
             -webkit-box-shadow:inset 1px 1px 3px #000;
             -webkit-box-shadow:inset 1px 1px 3px #000;
             -moz-box-shadow:inset 1px 1px 3px #000;
             -moz-box-shadow:inset 1px 1px 3px #000;
 +
            padding-left:5px;
         }
         }
         input.searchButton{
         input.searchButton{
Line 38: Line 39:
         #footer-box {
         #footer-box {
-
             background-color: transparent;
+
             background: url("http://deviatan.com/sponsoring/mascota.png") transparent no-repeat center top;
 +
           
             border: 0;
             border: 0;
-
             margin: 0 auto;
+
             margin: 10px auto;
             padding: 5px;
             padding: 5px;
 +
            padding-top:180px;
             width: 965px;
             width: 965px;
         }
         }
Line 58: Line 61:
             z-index: 2;
             z-index: 2;
             border-radius: 42px  0px;
             border-radius: 42px  0px;
-
            -webkit-border-radius: 42px  0px;
 
-
            -moz-border-radius: 42px  0px;
 
             text-align: justify;
             text-align: justify;
Line 65: Line 66:
             -webkit-box-shadow: 0px 0px 10px #333;
             -webkit-box-shadow: 0px 0px 10px #333;
             -moz-box-shadow: 0px 0px 10px #333;
             -moz-box-shadow: 0px 0px 10px #333;
 +
        }
 +
        #content img{
 +
            margin: 10px;
         }
         }
         #bodyContent{
         #bodyContent{
Line 71: Line 75:
         .firstHeading {
         .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;
             text-shadow: 1px 1px 2px #000;
             margin-left: 20px;
             margin-left: 20px;
Line 92: Line 105:
             margin: 0 auto;
             margin: 0 auto;
             position: absolute;
             position: absolute;
-
             top:-185px;
+
             top:-186px;
             width: 975px;
             width: 975px;
             height: 130px;
             height: 130px;
 +
            overflow:hidden;
         }
         }
         #my_own_top h1{
         #my_own_top h1{
Line 105: Line 119:
             width:220px;
             width:220px;
             margin:20px 10px 0 20px;
             margin:20px 10px 0 20px;
-
             padding-left:150px;
+
             padding-left:10px;
 +
            position:relative;
         }
         }
-
         #my_own_top img{
+
         #my_own_top img.logo{
             float:left;
             float:left;
             position:relative;
             position:relative;
         }
         }
-
 
+
        #my_own_top img{
 +
            position:relative;
 +
        }
 +
        #navigation{
 +
            margin: 0 auto;
 +
            position: absolute;
 +
            top:-64px;
 +
            width: 975px;
 +
            height: 40px;
 +
        }
 +
        #navigation ul{
 +
            list-style-type: none !important;
 +
            list-style-image: none;
 +
        }
 +
        #navigation ul li{
 +
            background-image: url("https://static.igem.org/mediawiki/2011/d/d0/Itesm-etiqueta.png");
 +
            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: #06b1f8;
 +
        }
 +
        #navigation a:hover{
 +
            color:#db0976;
 +
        }
 +
        .menu_body {display:none; width:184px;margin-left: 0px; margin-top: 10px; z-index:999;}
 +
        .menu_body li{background:#333c36; background-image: none !important;z-index:999; margin:0; border-radius: 10px;}
 +
        .menu_body li.alt{background:#4d5951;background-image: none; border-radius: 10px;}
 +
        .menu_body li a{color:#FFFFFF; text-decoration:none; padding:10px; display:block;}
 +
        .menu_body li a:hover{ font-weight:bold;}
     </style>
     </style>
     <div id="my_own_top">
     <div id="my_own_top">
-
         <img src="https://static.igem.org/mediawiki/2011/2/27/Logo-equipo.png" alt="Sensecoli home" />
+
         <a href="https://2011.igem.org/Team:ITESM_Mexico" ><img src="http://deviatan.com/sponsoring/sensecoli-logo.png" alt="SensEcoli Home" class="logo" /></a>
-
         <h1>ITESM MÉXICO</h1>
+
         <div style="float:left;position:relative;" >
-
        <h1 style="font-size: 36px; color:#db0976;">SensEcoli.</h1>
+
            <h1>ITESM MÉXICO</h1>
 +
            <h1 style="font-size: 36px; color:#db0976; height:50px;">SensE.coli</h1>
 +
        </div>
 +
        <a href="https://igem.org" ><img src="http://deviatan.com/sponsoring/igem_light.png" alt="Igem" style="margin:18px 10px 18px 0;"/></a>
 +
        <img src="http://deviatan.com/sponsoring/itesm_rounded.png" alt="Itesm" style="margin:18px 10px 18px 0;"/>
 +
 
     </div>
     </div>
 +
    <div id="navigation">
 +
        <ul>
 +
            <li >
 +
                <a href="https://2011.igem.org/Team:ITESM_Mexico">Home</a>
 +
                <ul class="menu_body">
 +
                  <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Abstract">Abstract</a></li>
 +
                  <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Index">Index</a></li>
 +
                  <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Sponsors">Sponsors</a></li>
 +
                 
 +
                </ul>
 +
            </li>
 +
            <li >
 +
                <a href="https://2011.igem.org/Team:ITESM_Mexico/Team">Team</a>
 +
                <ul class="menu_body">
 +
                 
 +
                    <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Instructors">Instructors</a></li>
 +
                    <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Students">Students</a></li>
 +
                    <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Research labs and groups"> Labs and groups</a></li>
 +
                    <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Gallery">Gallery</a></li>
 +
                    <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Acknowledgments">Acknowledg- ments</a></li>
 +
                </ul>
 +
            </li>
 +
            <li >
 +
                <a href="https://2011.igem.org/Team:ITESM_Mexico/Planning">Planning</a>
 +
                <ul class="menu_body">
 +
                    <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Brainstorm">Brainstorm</a></li>
 +
                    <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Modelling">Modelling</a></li>
 +
                    <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Assembly">Assembly</a></li>
 +
                    <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Construct">Construct description</a></li>
 +
                    <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Experimental design">Experimental design</a></li>
 +
                    <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Protocols">Protocols</a></li>
 +
                </ul>
 +
            </li>
 +
            <li >
 +
                <a href="https://2011.igem.org/Team:ITESM_Mexico/Project">Project</a>
 +
                <ul class="menu_body">
 +
                    <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Proposal">Proposal</a></li>
 +
                    <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Parts submitted">Parts submitted</a></li>
 +
                  <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Results">Results</a></li>
 +
                  <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Future research">Future Research</a></li>
 +
                                                       
 +
                </ul>
 +
            </li>
 +
            <li >
 +
                <a href="https://2011.igem.org/Team:ITESM_Mexico/Calendar">Calendar</a>
 +
                <ul class="menu_body">
 +
                    <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Diary">Diary</a></li>
 +
                    <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Photo Gallery">Photo Gallery</a></li>
 +
                    <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Lab notebook">Lab notebook</a></li>
 +
                   
 +
                </ul>
 +
            </li>
 +
                     
 +
                   
 +
            <li >
 +
                <a href="https://2011.igem.org/Team:ITESM_Mexico/Outreach">Outreach</a>
 +
                <ul class="menu_body">
 +
                <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Safety">Safety</a></li>
 +
                <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Human Practices">Human Practices</a></li>
 +
                <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Collaboration">Collaboration</a></li>
 +
                </ul>
 +
            </li>
 +
            <li >
 +
                <a href="https://2011.igem.org/Team:ITESM_Mexico/Extras">Extras</a>
 +
                <ul class="menu_body">
 +
                </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>
</html>

Latest revision as of 03:52, 29 September 2011

ITESM MÉXICO

SensE.coli

Igem Itesm

Retrieved from "http://2011.igem.org/Template:Team:ITESM_Mexico/Top"