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

From 2013.igem.org

(Difference between revisions)

Latest revision as of 19:28, 30 September 2013

/********** Menu gauche en haut quand scroll **********/

body div[id="back_home"], body div[id="back_proj"], body div[id="back_doc"], body div[id="back_hp"], body div[id="back_team"] {

   z-index: 1000000;
   /*width: 145px;*/
   width: 14.8%;
   padding: 0;
   margin: 0;
   position: absolute;
   top: 61%;

/*border: 1px solid red;*/ }

body div div[id="scroll"] {

   z-index: 1000000;
   /*width: 145px;*/
   width: 100%;
   padding: 0;
   margin: 0;
   position: absolute;

/*border: 1px solid blue;*/ }

body div div[id="scroll"].fixed {

   width: 14.8%;
   position: fixed;
   top: 0px;
   margin-top: 0;

}

/********************/

/********** Changement scrollbar dans Chrome **********/

-webkit-scrollbar {

   width: 12px;

}

-webkit-scrollbar-track {

   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
   border-radius: 10px;

}

-webkit-scrollbar-thumb {

   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);

}

/********************/

/********** Mise en forme **********/

body div div.left div {

   width: 100%;
   padding: 0;
   margin: 0;
   text-align: center;
   position: absolute;
   top: 0%;
   left: 0%;

/*border: 1px solid green;*/ }

body div div.left div ul {

   width: 80%;
   /*max-height: 80%;*/
   padding: 0;
   margin: auto;
   /*margin-top: 65px;*/
   overflow: auto;
   border-radius: 5px;  
   list-style: none;
   display: block;

/*border: 1px solid blue;*/ }

body div div.left div ul li.title { padding: 10px; margin: 0; }

body div div.left div ul a.title { font-style: normal; text-decoration: none; }

body div div.left div ul li.sub { padding: 10px 2px; margin: 0; margin-top: 4px; border-radius: 5px; }

body div div.left div ul li.subsub { padding: 3px 2px; margin: 0; margin-top: 4px; border-radius: 5px; }

/*body div div.left div[id="Project"] ul li.sub { padding: 3px 2px; }*/

body div div.left div a.title:hover, div ul a:hover { text-decoration: none; font-style: normal; }

@@ Line 1: / Line 1: @@
-.left_menu
+/********** Menu gauche en haut quand scroll **********/
+body div[id="back_home"], body div[id="back_proj"], body div[id="back_doc"], body div[id="back_hp"], body div[id="back_team"]
 {
-     z-index: 1;
+     z-index: 1000000;
-     width: 13%;
+     /*width: 145px;*/
-     margin: 0;
+     width: 14.8%;
      padding: 0;
-     position: relative;
+    margin: 0;
-     top: -155px;
+     position: absolute;
-    border: 1px solid yellow;
+     top: 61%;
+/*border: 1px solid red;*/
 }
+body div div[id="scroll"]
-a.title
 {
-     text-decoration: none;
+     z-index: 1000000;
-     /*position: fixed;
+     /*width: 145px;*/
-     top: 150px;
+     width: 100%;
-     left: 30px;*/
+     padding: 0;
+    margin: 0;
+    position: absolute;
+/*border: 1px solid blue;*/
 }
-div
+body div div[id="scroll"].fixed
 {
-     z-index: 1;
+     width: 14.8%;
-     /*position: fixed;
+     position: fixed;
-     top: 200px;*/
+     top: 0px;
-     /*left: 30px;*/
+     margin-top: 0;
 }
-ul.menu
+/********************/
-{
-	padding: 0;
-}
-ul.menu li
+/********** Changement scrollbar dans Chrome **********/
-{
-	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
+::-webkit-scrollbar {
-{
+    width: 12px;
-	text-decoration: none;
 }
-ul.menu li a
+::-webkit-scrollbar-track {
-{
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-	text-decoration: none;
+    border-radius: 10px;
+}
+::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
 }
-/***** If subnav exists *****/
+/********************/
-div.menu_gauche ul.menu li.extend
+/********** Mise en forme **********/
-{
-	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 */
+body div div.left div
-/*************************************************************************/
-div.menu_gauche ul.menu li.extend a
 {
-	text-decoration: none;
+    width: 100%;
+    padding: 0;
+    margin: 0;
+    text-align: center;
+    position: absolute;
+    top: 0%;
+    left: 0%;
+/*border: 1px solid green;*/
 }
-div.menu_gauche ul.menu li.extend ul.subnav
+body div div.left div ul
 {
-	position: relative;
+    width: 80%;
-	top: 4px;
+    /*max-height: 80%;*/
-     left: 15px;
+    padding: 0;
+    margin: auto;
+    /*margin-top: 65px;*/
+     overflow: auto;
+    border-radius: 5px;
+    list-style: none;
+    display: block;
+/*border: 1px solid blue;*/
 }
-div.menu_gauche ul.menu li.extend ul.subnav li
+body div div.left div ul li.title
 {
+	padding: 10px;
 	margin: 0;
-	border-radius: 0 0 0 0;
 }
-/* il faudra régler la largeur des sous-menus individuellement */
+body div div.left div ul a.title
-div.menu_gauche ul.menu li.extend ul[id="network"] li
 {
-	width: 210px;
+	font-style: normal;
+	text-decoration: none;
 }
-/***************************************************************/
-div.menu_gauche ul.menu li.extend ul.subnav li:first-child
+	body div div.left div ul li.sub
-{
+	{
-	border-radius: 5px 5px 5px 5px;
+		padding: 10px 2px;
-	border-bottom: none;
+		margin: 0;
-}
+		margin-top: 4px;
+		border-radius: 5px;
+	}
-div.menu_gauche ul.menu li.extend ul.subnav li:last-child
+	body div div.left div ul li.subsub
+	{
+		padding: 3px 2px;
+		margin: 0;
+		margin-top: 4px;
+		border-radius: 5px;
+	}
+	/*body div div.left div[id="Project"] ul li.sub
+	{
+		padding: 3px 2px;
+	}*/
+body div div.left div a.title:hover, div ul a:hover
 {
-	border-radius: 5px 5px 5px 5px;
+	text-decoration: none;
-	border-top: none;
+	font-style: normal;
 }