Template:Http://2014.igem.org/Team:Colombia

From 2013.igem.org

(Difference between revisions)
Line 336: Line 336:
ul.menuBuild li:hover span{display:block;}**/
ul.menuBuild li:hover span{display:block;}**/
-
   ul.menuBuild li#menu1, ul.menuBuild li#menu2, ul.menuBuild li#menu3, ul.menuBuild li#menu4, ul.menuBuild li#menu5{
+
   ul.menuBuild li#menu1, ul.menuBuild li#menu2, ul.menuBuild li#menu3, ul.menuBuild li#menu4, ul.menuBuild li#menu5, ul.menuBuild li#menu6, ul.menuBuild li#menu7, ul.menuBuild li#menu8{
-webkit-border-radius: 4px 0 0 4px;  /* webkit */
-webkit-border-radius: 4px 0 0 4px;  /* webkit */
-moz-border-radius: 4px 0 0 4px;  /* firefox */
-moz-border-radius: 4px 0 0 4px;  /* firefox */
Line 398: Line 398:
margin-left:12px;
margin-left:12px;
}
}
 +
 +
ul.menuBuild li#menu6{
 +
-moz-transform: rotate(-5deg); /* firefox */
 +
-ms-transform: rotate(-5deg); /* ie9 and future versions */
 +
transform: rotate(-5deg); /* older browsers */
 +
-webkit-transform: rotate(-5deg); /* webkit */
 +
-o-transform: rotate(-5deg); /* opera */
 +
    margin-top: 168px;
 +
margin-left:10px;
 +
}
 +
 +
ul.menuBuild li#menu7{
 +
-moz-transform: rotate(-10deg); /* firefox */
 +
-ms-transform: rotate(-10deg); /* ie9 and future versions */
 +
transform: rotate(-10deg); /* older browsers */
 +
-webkit-transform: rotate(-10deg); /* webkit */
 +
-o-transform: rotate(-10deg); /* opera */
 +
    margin-top: 200px;
 +
margin-left:9px;
 +
}
 +
 +
ul.menuBuild li#menu8{
 +
-moz-transform: rotate(-15deg); /* firefox */
 +
-ms-transform: rotate(-15deg); /* ie9 and future versions */
 +
transform: rotate(-15deg); /* older browsers */
 +
-webkit-transform: rotate(-15deg); /* webkit */
 +
-o-transform: rotate(-15deg); /* opera */
 +
    margin-top: 230px;
 +
margin-left:12px;
 +
}
 +
 +
/***********************************
/***********************************
Line 439: Line 471:
ul.menuBuild li#menu5> ul{
ul.menuBuild li#menu5> ul{
 +
-webkit-transform:rotate(42deg); /* webkit */
 +
-moz-transform:rotate(42deg); /* firefox */
 +
-o-transform:rotate(42deg); /* opera */
 +
-ms-transform: rotate(42deg); /* ie9 and future versions */
 +
transform: rotate(42deg); /* older browsers */
 +
left: 15px;
 +
    margin-top: -41px;
 +
}             
 +
 +
ul.menuBuild li#menu6> ul{
-webkit-transform:rotate(42deg); /* webkit */
-webkit-transform:rotate(42deg); /* webkit */
-moz-transform:rotate(42deg); /* firefox */
-moz-transform:rotate(42deg); /* firefox */
Line 448: Line 490:
}               
}               
 +
 +
ul.menuBuild li#menu7> ul{
 +
-webkit-transform:rotate(42deg); /* webkit */
 +
-moz-transform:rotate(42deg); /* firefox */
 +
-o-transform:rotate(42deg); /* opera */
 +
-ms-transform: rotate(42deg); /* ie9 and future versions */
 +
transform: rotate(42deg); /* older browsers */
 +
left: 15px;
 +
    margin-top: -41px;
 +
}             
 +
 +
ul.menuBuild li#menu8> ul{
 +
-webkit-transform:rotate(42deg); /* webkit */
 +
-moz-transform:rotate(42deg); /* firefox */
 +
-o-transform:rotate(42deg); /* opera */
 +
-ms-transform: rotate(42deg); /* ie9 and future versions */
 +
transform: rotate(42deg); /* older browsers */
 +
left: 15px;
 +
    margin-top: -41px;
 +
}             
 +
 +
 +
ul.menuBuild li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements, the > targets only the child ul, not any child uls of that child ul */
ul.menuBuild li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements, the > targets only the child ul, not any child uls of that child ul */
   display: block;  /* makes the child block visible - one of the most important declarations */
   display: block;  /* makes the child block visible - one of the most important declarations */
Line 674: Line 739:
   <li id="menu5"><a href="https://2014.igem.org/Team:Colombia/Projectt">Human Practices</a>   
   <li id="menu5"><a href="https://2014.igem.org/Team:Colombia/Projectt">Human Practices</a>   
 +
  </li>
 +
 +
<li id="menu6"><a href="https://2014.igem.org/Team:Colombia/Projectt">Human Practices</a> 
 +
  </li>
 +
 +
<li id="menu7"><a href="https://2014.igem.org/Team:Colombia/Projectt">Human Practices</a> 
 +
  </li>
 +
 +
<li id="menu8"><a href="https://2014.igem.org/Team:Colombia/Projectt">Human Practices</a> 
   </li>
   </li>
    
    

Revision as of 22:44, 21 August 2014

/*************************************************************/ /**********************Menu superior**************************/ /*************************************************************/ ' Wheeltz - CSS3 Navigational Wheel Menu

Welcome !

This is a basic template you may use to customize your wiki, you can take it apart and modify it as much as you want. The links and tabs provided here are basic suggestions, feel free to adapt it for your team and your project.

If you are looking for general wiki guidelines, restrictions, design tips and more, visit the
Wiki How-To Page

  • Home
  • University
  • Facebook
  • Twitter