Difference between revisions of "Team:GenetiX Tec CCM"

(Undo revision 275660 by Kawax (talk))
Line 13: Line 13:
 
   </script>
 
   </script>
 
   <style>
 
   <style>
−
   .menu {
+
body { background-color: #fff; }
−
    font-family: "Verdana", Geneva, sans-serif;
+
ul{list-style: none; list-style-type: none;}
−
    font-weight: 100;
+
li{list-style: none; list-style-type: none;}
−
    font-size: 28px;
+
   #globalWrapper, #content{
−
    float: top;
+
        background-color: transparent;
−
    color: black;
+
        border: 0px;
−
    margin-top: 20px;  
+
        margin:0px;
 +
        padding: 0px;
 +
      }
 +
  #mainContainer {/* Creates a container that will wrap all of the content inside your wiki pages. */
 +
  width: 100%;
 +
  overflow:hidden;
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
  margin-bottom: 10px;
 +
  background-color: #fff;
 +
  font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
  } 
 +
  #menuNavbar  {
 +
  background: #fff;
 +
  float:top;
 +
  width: 97%;
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
  margin-top: 18px;
 
   }
 
   }
−
   .submenu {
+
   .navContainer li{  
−
    font-weight: 50;
+
−
    font-family: "Verdana", Geneva, sans-serif;
+
−
    font-size: 20px;
+
−
    color: black;
+
−
    float: right;
+
 
     margin-top: 10px;
 
     margin-top: 10px;
 
   }
 
   }
−
   .btn-default {
+
   .navContainer li ul {
−
     background-color: transparent;
+
          display: none;
−
     border-color: transparent;
+
          padding-top:10px;
−
     font-weight: bold;
+
          margin-left: -19px;
−
     font-size: 25px;
+
  }
 +
  .navContainer li:hover ul {
 +
          /*display: inline-block; */
 +
          display: block;
 +
          position: absolute;
 +
          float:right;
 +
          margin-left:-40px;
 +
          margin-top:-10px;
 +
  }
 +
  .up{
 +
     background: #fff;
 +
  }
 +
  #topbar {
 +
     background: #fff;
 +
     padding: 10px 0 10px 0;
 +
     text-align: center;
 +
    height: 100px;
 
     color: black;
 
     color: black;
 +
    overflow: hidden;
 +
    -webkit-transition: height 0.5s linear;
 +
    -moz-transition: height 0.5s linear;
 +
    transition: height 0.5s linear;
 
   }
 
   }
−
   .headerline {
+
   #topbar a {
−
     height: 30px;
+
     color: #fff;
−
     width: 100px;
+
    font-size:1.3em;
 +
    line-height: 1.25em;
 +
    text-decoration: none;
 +
    opacity: 0.5;
 +
     font-weight: bold;
 
   }
 
   }
−
   .body {
+
   #tophiddenbar {
−
     margin-top: 25px;
+
     font-size:1.5em;
 +
    background: #fff;
 +
    font-weight: bold;
 +
    text-align: right;
 +
    text-shadow: 1px 1px 0 #444;
 
   }
 
   }
−
   .abstract{
+
   #tophiddenbar a {
−
    font-family: "Verdana", Geneva, sans-serif;
+
−
    font-weight: 100;
+
−
    font-size: 25px;
+
 
     color: black;
 
     color: black;
 +
    font-size: 1.0em;
 +
    text-decoration: none;
 +
    opacity: 0.5;
 +
    text-shadow: none;
 
   }
 
   }
−
   .footer{
+
  #tophiddenbar a:hover { opacity: 1; }
−
     background-color: #EEFFFF;
+
   .subnavbar{
 +
    width:90%;
 +
    height:100px;
 +
    margin-left: 0px;
 +
  }
 +
  #contentContainer {
 +
    margin-top: 100px;
 +
    padding-top:20px;
 +
    padding-right:20px;
 +
    padding-left: 20px;
 +
    margin-bottom: 20px;
 +
    width: 100%;
 +
    background-color: #fff;
 +
    font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
  }
 +
  #bannerContainer {
 +
    height:200px;
 +
    margin:auto;
 +
    text-align:center;
 +
    color: #24B694;
 +
  }
 +
  #contentContainer h1, h2, h3, h4, h5, h6 {
 +
    color: #565656;
 +
    border-bottom: none;
 +
    font-weight: bold;
 +
    font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
    margin-top:10px;
 +
    }
 +
 
 +
  #footer{
 +
     background-color: #EEFFFF ;
 
     font-family: "Impact", "Charcoal", sans-serif;
 
     font-family: "Impact", "Charcoal", sans-serif;
 
     font-weight: 100;
 
     font-weight: 100;
 
     font-size: 25px;
 
     font-size: 25px;
 
     color: #594F4F;
 
     color: #594F4F;
−
  }
+
     float: bottom;
−
  .container-fluid{
+
−
     float: left;
+
−
    width: 1345px;
+
−
  }
+
−
  #globalWrapper, #content{
+
−
        background-color: transparent;
+
−
        border: 0px;
+
−
        float: left;
+
−
        margin:0px;
+
−
        padding: 0px;
+
−
      }
+
−
  .video {
+
−
    margin-top: 40px;
+
−
    margin-bottom: 60px;
+
 
   }
 
   }
 
   .address{
 
   .address{
Line 75: Line 133:
 
     font-weight: 100;
 
     font-weight: 100;
 
     font-size: 12px;
 
     font-size: 12px;
−
     color: #594F4F;
+
     color:#594F4F;
 
     margin-top: 20px;
 
     margin-top: 20px;
 
     margin-bottom: 10px;
 
     margin-bottom: 10px;
 
   }
 
   }
−
   .icons{
+
  .video {
 +
    margin-top: 40px;
 +
    margin-bottom: 60px;
 +
   }
 +
    .icons{
 
     width: 50px;
 
     width: 50px;
 
     margin-top: 20px;
 
     margin-top: 20px;
Line 86: Line 148:
 
   .icons2{
 
   .icons2{
 
     width: 20px;
 
     width: 20px;
 +
 +
  }
 +
  .clear{
 +
    clear:both;
 +
    height: 10px;
 
   }
 
   }
 
   </style>
 
   </style>
−
   <body>
+
   <div class="menu" class="row">
−
    <div class="container-fluid">
+
    <nav class="navbar navbar-default navbar-fixed-top" id="menuNavbar">
−
      <div class="row" class="menu">
+
         <div class="up" id="tophiddenbar">
−
         <div class="col-md-3">
+
              <li ><a href="https://2015.igem.org/Team:GenetiX_Tec_CCM"> <img src="https://static.igem.org/mediawiki/2015/d/da/TeamLogo.png" style="width:90px;" alt="iGemlogo" > </a></li>
−
          <a href="https://www.facebook.com/genetixtecccm?fref=ts"> <image src="https://static.igem.org/mediawiki/2015/d/da/TeamLogo.png" style="width: 110px; margin-left: 12px"> </a>
+
              <li ><a href="https://2015.igem.org"> <img src="https://static.igem.org/mediawiki/2015/d/d2/IGemLogo.png" style="width: 90px;" alt="TeamLogo"> </a></li>
−
          <a href="https://2015.igem.org/Main_Page"> <image src="https://static.igem.org/mediawiki/2015/d/d2/IGemLogo.png" style="width: 110px; margin-left: 12px"> </a>
+
            </div>
−
        </div>
+
         <div class="navContainer" id="topbar">
−
         <div class="col-md-9">
+
           <div id="tophiddenbar">
−
           <div class="menu">
+
            <div>
−
          <a href="" class="menu" style="margin-left: 25px; color: black"> Project </a>  
+
              <ul>
−
          <a href="" class="menu" style="margin-left: 55px; color: black"> Journal </a>  
+
              <a href="#" onclick=show()> <li>PROJECT
−
          <a href="" class="menu" style="margin-left: 55px; color: black"> Human Practices </a>
+
                <ul class="subnavbar">
−
          <a href="" class="menu" style="margin-left: 55px; color: black"> Safety </a>
+
                  <a href="https://2015.igem.org/Team:Example/Description"><li>Description</li></a>
−
          <a href="" class="menu" style="margin-left: 55px; color: black"> Team </a>
+
                  <a href="https://2015.igem.org/Team:Example/Design"><li>Design</li></a>
 +
                  <a href="https://2015.igem.org/Team:Example/Modeling"><li>Modeling</li></a>
 +
                  <a href="https://2015.igem.org/Team:Example/Results"><li>Results</li></a> 
 +
                  <a href="https://2015.igem.org/Team:Example/Experiments"><li>Experiments &amp; Protocols</li></a>
 +
                  <a href="https://2015.igem.org/Team:Example/References"><li>References</li></a>  
 +
                </ul>
 +
              </li> </a>
 +
              <a href="https://2015.igem.org/Team:Example/Team"><li>TEAM
 +
                <ul class="subnavbar">
 +
                  <a href="https://2015.igem.org/Team:Example/Attribution"><li>Attribution</li></a>
 +
                </ul>
 +
              </li></a>
 +
              <a href="#" onclick= ; ><li>PARTS
 +
                <ul class="subnavbar">
 +
                  <a href="https://2015.igem.org/Team:Example/Parts"><li>Team Parts</li></a>
 +
                  <a href="https://2015.igem.org/Team:Example/Basic_Part"><li>Basic Parts</li></a> 
 +
                  <a href="https://2015.igem.org/Team:Example/Composite_Part"><li>Composite Parts</li></a>
 +
                  <a href="https://2015.igem.org/Team:Example/Part_Collection"><li>Part Collection</li></a> 
 +
                </ul>
 +
              </li></a>
 +
              <a href="https://2015.igem.org/Team:Example/Practices"><li>HUMAN PRACTICES</li></a>
 +
              <a href="https://2015.igem.org/Team:Example/Safety"><li>SAFETY</li></a>
 +
              <a href="https://2015.igem.org/Team:Example/Entrepreneurship"><li>ENTREPRENEURSHIP</li></a>
 +
              </ul>
 +
            </div>
 
           </div>
 
           </div>
−
        <div class="submenu">
 
−
          <a class="submenu" style="margin-left: 60px; margin-right: 120px "> Attributions </a>
 
−
          <a class="submenu" style="margin-left: 55px;"> Impact </a>
 
−
          <a class="submenu" style="margin-left: 55px;"> How </a>
 
−
        </div>
 
 
         </div>
 
         </div>
 +
    </nav>
 +
  </div>
 +
  <body>
 +
    <div class="row" id="contentContainer">
 +
      <div id="bannerContainer" class="row">
 +
       
 +
      </div>
 
     </div>
 
     </div>
−
    <div>
+
  </body>
−
      <span>
+
 
−
        <image src="https://static.igem.org/mediawiki/2015/b/b3/HeaderShadow.png" style="width: 115px; margin-left: 12px;">
+
    <footer id="footer">
−
      </span>
+
  <div class="row" style="background-color: #EEFFFF ;">
−
      <span>
+
    <div class="col-md-1">
−
        <image src="https://static.igem.org/mediawiki/2015/b/b3/HeaderShadow.png" style="width: 140px;">
+
       <div>
−
       </span>
+
         <image src="https://static.igem.org/mediawiki/2015/3/3c/TeamLogo.gif" style="width: 100px; margin-top: 50px;">
−
      <span>
+
−
         <image src="https://static.igem.org/mediawiki/2015/1/16/HeaderLine.png" style="width: 1330px; height: 10px;">
+
−
      </span>
+
−
    </div> 
+
−
    <div class="row">
+
−
      <div class="col-md-6">
+
−
      <span>
+
−
        <embed width="620" height="415" class="video"
+
−
              src="https://www.youtube.com/embed/Sagg08DrO5U">
+
−
      </span>
+
 
       </div>
 
       </div>
−
      <div class="col-md-1">
+
    </div>
 +
    <div class="col-md-3">
 +
      <div style="margin-top: 20px;">OUR SCHOOL<a href="http://www.itesm.mx/wps/wcm/connect/Campus/CCM/Ciudad+de+Mexico/"><image src="https://static.igem.org/mediawiki/2015/b/b0/OurSchool.jpg" style="width: 190px; margin-top: 20px;"></a>
 
       </div>
 
       </div>
−
       <div class="col-md-4" style="margin-top: 30px;">
+
       <div class="address"><a href="https://www.google.com/maps/place/itesm+campus+ciudad+de+mexico/@19.28358,-99.13541,15z/data=!4m2!3m1!1s0x0:0x129534395a02e72a?sa=X&  ved=0CIYBEPwSMAtqFQoTCOPt762E48cCFUlxPgodUlcG8w"><image src="https://static.igem.org/mediawiki/2015/4/43/Map.png" style="width: 30px;" align="center"></a>
−
      <span class="menu">
+
      <address style="color:#594F4F">
−
        <p class="text-center">
+
         <strong>Location</strong><br>Calle del Puente 222, Tlalpan, Ejidos de Huipulco,<br>14380 Ciudad de México, D.F., Mexico.<br>
−
          <image src="https://static.igem.org/mediawiki/2015/2/24/AbstractIcon.jpg" style="width: 70px;">
+
      </address>
−
        <u>
+
−
        Abstract
+
−
        </u>
+
−
         </p>
+
−
      </span>  
+
−
        <p syle="abstract">
+
−
          Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.
+
−
          Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.
+
−
          Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
+
−
        </p>
+
 
       </div>
 
       </div>
 
     </div>
 
     </div>
−
     <div class="row" style="background-color: #EEFFFF ;">
+
     <div class="col-md-4" style="margin-top: 20px;">
−
      <div class="footer">
+
      <div>SOCIAL<a class="twitter-timeline" href="https://twitter.com/GenetiXCCM" data-widget-id="643542425776947200">Tweets por el @GenetiXCCM.</a>
−
        <div class="col-md-3">
+
          <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 class="footer">
+
      </div>
−
           <image src="https://static.igem.org/mediawiki/2015/3/3c/TeamLogo.gif" style="width: 200px; margin-left: 50px; margin-top: 50px; margin-bottom: 10px;">
+
    </div>
 +
    <div class="col-md-4" style="margin-top: 20px;">
 +
        <div>FIND US <br>
 +
          <span href="https://www.facebook.com/genetixtecccm?fref=ts"> <image src="https://static.igem.org/mediawiki/2015/5/55/Facebook.png" class="icons"> </span>
 +
           <span href="https://twitter.com/GenetiXCCM"> <image src="https://static.igem.org/mediawiki/2015/f/f7/Twitter.png" class="icons"> </span>
 +
          <span href=""> <image src="https://static.igem.org/mediawiki/2015/b/b7/Instagram.png" class="icons"> </span>
 +
          <span href=""> <image src="https://static.igem.org/mediawiki/2015/a/af/Youtube.png" class="icons"> </span>
 +
          <div class="address"><image src="https://static.igem.org/mediawiki/2015/5/58/Phone.png" class="icons2">"Telefono de Jessica/Nuri/Kai"
 
           </div>
 
           </div>
 +
        <div class="address"><image src="https://static.igem.org/mediawiki/2015/5/5c/Email.png" class="icons2" style="margin-right: 10px;">genetixccm@gmail.com
 
         </div>
 
         </div>
−
        <div class="col-md-3">
+
      </div>
−
          <div class="footer" style="margin-top: 20px;">
+
    </div>
−
            OUR SCHOOL
+
  </div> <!-- Footer solo cambiar tamaños de fuente t color--><!-- no tocar-->
−
            <a href="http://www.itesm.mx/wps/wcm/connect/Campus/CCM/Ciudad+de+Mexico/"><image src="https://static.igem.org/mediawiki/2015/b/b0/OurSchool.jpg" style="width: 190px; margin-top: 20px;"></a>
+
</footer>
−
          </div>
+
−
            <div class="address">
+
−
            <a href="https://www.google.com/maps/place/itesm+campus+ciudad+de+mexico/@19.28358,-99.13541,15z/data=!4m2!3m1!1s0x0:0x129534395a02e72a?sa=X&ved=0CIYBEPwSMAtqFQoTCOPt762E48cCFUlxPgodUlcG8w"><image src="https://static.igem.org/mediawiki/2015/4/43/Map.png" style="width: 30px;" align="center"></a>
+
−
           
+
−
            <address style="color:#594F4F">
+
−
              <strong>Location</strong><br>
+
−
              Calle del Puente 222, Tlalpan, Ejidos de Huipulco,<br>
+
−
              14380 Ciudad de México, D.F., Mexico.<br>
+
−
             
+
−
            </address>
+
−
            </div>
+
−
        </div>
+
−
        <div class="col-md-3" style="margin-top: 20px;">
+
−
          <div class="footer">
+
−
            SOCIAL
+
−
          <a class="twitter-timeline" href="https://twitter.com/GenetiXCCM" data-widget-id="643542425776947200">Tweets por el @GenetiXCCM.</a>
+
−
<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>
+
−
 
+
−
          </div>
+
−
        </div>
+
−
        <div class="col-md-3" style="margin-top: 20px;">
+
−
          <div class="footer">
+
−
            <div>
+
−
              FIND US
+
−
            </div>
+
−
            <a href="https://www.facebook.com/genetixtecccm?fref=ts"> <image src="https://static.igem.org/mediawiki/2015/5/55/Facebook.png" class="icons"> </a>
+
−
            <a href="https://twitter.com/GenetiXCCM"> <image src="https://static.igem.org/mediawiki/2015/f/f7/Twitter.png" class="icons"> </a>
+
−
            <a href=""> <image src="https://static.igem.org/mediawiki/2015/b/b7/Instagram.png" class="icons"> </a>
+
−
            <a href=""> <image src="https://static.igem.org/mediawiki/2015/a/af/Youtube.png" class="icons"> </a>
+
−
            <div class="address">
+
−
              <image src="https://static.igem.org/mediawiki/2015/5/58/Phone.png" class="icons2">
+
−
              "Telefono de Jessica/Nuri/Kai"
+
−
            </div>
+
−
            <div class="address">
+
−
              <image src="https://static.igem.org/mediawiki/2015/5/5c/Email.png" class="icons2" style="margin-right: 10px;">
+
−
              genetixccm@gmail.com
+
−
            </div>
+
−
          </div>
+
−
        </div> 
+
 
     </div>   
 
     </div>   
 
     </div>  
 
     </div>  
 
   </div>
 
   </div>
−
  </body>
+
 
 
</html>
 
</html>

Revision as of 19:51, 16 September 2015

Genetix CCM

OUR SCHOOL
Location
Calle del Puente 222, Tlalpan, Ejidos de Huipulco,
14380 Ciudad de México, D.F., Mexico.
SOCIAL
FIND US
"Telefono de Jessica/Nuri/Kai"
genetixccm@gmail.com