Team:Grenoble-EMSE-LSU/Design/Menu Left

From 2013.igem.org

(Difference between revisions)
Line 26: Line 26:
}
}
-
ul.menu li:first-child
+
ul.menu a
{
{
-
margin-top: 10px;
+
text-decoration: none;
}
}
Line 38: Line 38:
/***** If subnav exists *****/
/***** If subnav exists *****/
-
div[id="model"] ul.menu li
+
div.menu_gauche ul.menu li.extend
{
{
width: 120px;
width: 120px;
height: 30px;
height: 30px;
-
margin-top: 100px;
+
/*margin-top: 100px;*/
margin-bottom: 10px;
margin-bottom: 10px;
padding-top: 10px;
padding-top: 10px;
Line 50: Line 50:
}
}
-
div[id="model"] ul.menu li:first-child
+
/* il faudra régler les margin-top/bottom des li.extend individuellement */
-
{
+
/*************************************************************************/
-
margin-top: 10px;
+
-
}
+
-
div[id="model"] ul.menu li a
+
div.menu_gauche ul.menu li.extend a
{
{
text-decoration: none;
text-decoration: none;
}
}
-
div[id="model"] ul.menu li ul.subnav
+
div.menu_gauche ul.menu li.extend ul.subnav
{
{
position: relative;
position: relative;
Line 67: Line 65:
}
}
-
div[id="model"] ul.menu li ul.subnav li
+
div.menu_gauche ul.menu li.extend ul.subnav li
{
{
margin: 0;
margin: 0;
Line 73: Line 71:
}
}
-
div[id="model"] ul.menu li ul[id="network"] li
+
/* il faudra régler la largeur des sous-menus individuellement */
 +
 
 +
div.menu_gauche ul.menu li.extend ul[id="network"] li
{
{
width: 210px;
width: 210px;
}
}
 +
/***************************************************************/
-
div[id="model"] ul.menu li ul.subnav li:first-child
+
div.menu_gauche ul.menu li.extend ul.subnav li:first-child
{
{
border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
Line 84: Line 85:
}
}
-
div[id="model"] ul.menu li ul.subnav li:last-child
+
div.menu_gauche ul.menu li.extend ul.subnav li:last-child
{
{
border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
border-top: none;
border-top: none;
}
}

Revision as of 15:25, 19 June 2013

a.title { 

   text-decoration: none;

}

div { 

   z-index: 1;

}

ul.menu { padding: 0; }

ul.menu li { width: 120px; height: 30px; margin-top: 10px; margin-bottom: 10px; padding-top: 10px; text-align: center; list-style: none; border-radius: 5px; }

ul.menu a { text-decoration: none; }

ul.menu li a { text-decoration: none; }

/***** If subnav exists *****/

div.menu_gauche ul.menu li.extend { width: 120px; height: 30px; /*margin-top: 100px;*/ margin-bottom: 10px; padding-top: 10px; text-align: center; list-style: none; border-radius: 5px; }

/* il faudra régler les margin-top/bottom des li.extend individuellement */ /*************************************************************************/

div.menu_gauche ul.menu li.extend a { text-decoration: none; }

div.menu_gauche ul.menu li.extend ul.subnav { position: relative; top: 4px; 

   left: 15px;

}

div.menu_gauche ul.menu li.extend ul.subnav li { margin: 0; border-radius: 0 0 0 0; }

/* il faudra régler la largeur des sous-menus individuellement */

div.menu_gauche ul.menu li.extend ul[id="network"] li { width: 210px; } /***************************************************************/

div.menu_gauche ul.menu li.extend ul.subnav li:first-child { border-radius: 5px 5px 5px 5px; border-bottom: none; }

div.menu_gauche ul.menu li.extend ul.subnav li:last-child { border-radius: 5px 5px 5px 5px; border-top: none; }

Retrieved from "http://2013.igem.org/Team:Grenoble-EMSE-LSU/Design/Menu_Left"