Team:Mexico-UNAM-CINVESTAV/files/menu.css

From 2010.igem.org

(Difference between revisions)
 
(12 intermediate revisions not shown)
Line 1: Line 1:
div#menu {
div#menu {
     height:41px;
     height:41px;
-
     background:url([[Image:Mx-main-bg.png]]) repeat-x;
+
     background:url(https://static.igem.org/mediawiki/igem.org/9/9c/Mx-main-bg.png) repeat-x;
}
}
Line 11: Line 11:
}
}
div#menu ul.menu {
div#menu ul.menu {
-
     padding-left: 30px;
+
     padding-left: 10px;
}
}
Line 34: Line 34:
     line-height: 41px;
     line-height: 41px;
     text-decoration: none;
     text-decoration: none;
-
     font: normal 12px Trebuchet MS;
+
     font: normal 13px Trebuchet MS;
}
}
div#menu a:hover, div#menu a:hover span { color: #fff; }
div#menu a:hover, div#menu a:hover span { color: #fff; }
Line 47: Line 47:
div#menu ul ul a.parent span {
div#menu ul ul a.parent span {
     background-position:95% 8px;
     background-position:95% 8px;
-
     background-image: url(images/item-pointer.gif);
+
     background-image: url(https://static.igem.org/mediawiki/2010/9/9f/Mx-item-pointer-white.png);
}
}
div#menu ul ul a.parent:hover span {
div#menu ul ul a.parent:hover span {
-
     background-image: url(images/item-pointer-mover.gif);
+
     background-image: url(https://static.igem.org/mediawiki/2010/9/9f/Mx-item-pointer-white.png);
}
}
Line 62: Line 62:
     margin-top: 5px;
     margin-top: 5px;
}/**@replace#1*/
}/**@replace#1*/
-
div#menu li { background: url(images/main-delimiter.png) 98% 4px no-repeat; }
+
div#menu li { background: url(https://static.igem.org/mediawiki/igem.org/5/5b/Mx-main-delimiter.png) 98% 4px no-repeat; }
div#menu li.last { background: none; }
div#menu li.last { background: none; }
Line 73: Line 73:
     width: 163px;
     width: 163px;
     padding: 5px 0 0 0;
     padding: 5px 0 0 0;
-
     background: rgb(45,45,45);
+
     background: rgb(0,103,129);
     margin-top:1px;
     margin-top:1px;
}
}
Line 82: Line 82:
     display: block;
     display: block;
     line-height: 24px;
     line-height: 24px;
-
     color: rgb(169,169,169);
+
     color: rgb(229,229,229);
}
}
div#menu ul ul span {
div#menu ul ul span {
Line 88: Line 88:
     padding-right: 15px;
     padding-right: 15px;
     _padding-right: 20px;
     _padding-right: 20px;
-
     color: rgb(169,169,169);
+
     color: rgb(229,229,229);
}
}
div#menu ul ul a:hover span {
div#menu ul ul a:hover span {
Line 102: Line 102:
     padding: 0;
     padding: 0;
     margin: -38px 0 0 163px !important;
     margin: -38px 0 0 163px !important;
-
     margin-left:172px;
+
     margin-left:150px;
}
}
/* colors */
/* colors */
-
div#menu ul ul ul { background: rgb(41,41,41); }
+
div#menu ul ul ul { background: rgb(0,103,129); }
-
div#menu ul ul ul ul { background: rgb(38,38,38); }
+
div#menu ul ul ul ul { background: rgb(0,103,129); }
-
div#menu ul ul ul ul { background: rgb(35,35,35); }
+
div#menu ul ul ul ul { background: rgb(0,103,129); }
/* lava lamp */
/* lava lamp */
div#menu li.back {
div#menu li.back {
-
     background: url(images/lava.png) no-repeat right -44px !important;
+
     background: url(https://static.igem.org/mediawiki/igem.org/4/4f/Mx-lava.png) no-repeat right -44px !important;
-
     background-image: url(images/lava.gif);
+
     background-image: url(https://static.igem.org/mediawiki/igem.org/b/b0/Mx-lava.gif);
     width: 13px;
     width: 13px;
     height: 44px;
     height: 44px;
Line 121: Line 121:
}
}
div#menu li.back .left {
div#menu li.back .left {
-
     background: url(images/lava.png) no-repeat top left !important;
+
     background: url(https://static.igem.org/mediawiki/igem.org/4/4f/Mx-lava.png) no-repeat top left !important;
-
     background-image: url(images/lava.gif);
+
     background-image: url(https://static.igem.org/mediawiki/igem.org/b/b0/Mx-lava.gif);
     height: 44px;
     height: 44px;
     margin-right: 8px;
     margin-right: 8px;
}
}

Latest revision as of 09:12, 22 October 2010

div#menu { 

   height:41px;
   background:url(Mx-main-bg.png) repeat-x;

}

div#menu ul { 

   margin: 0;
   padding: 0;
   list-style: none;
   float: left;

} div#menu ul.menu { 

   padding-left: 10px;

}

div#menu li { 

   position: relative;
   z-index: 9;
   margin: 0;
   padding: 0 5px 0 0;
   display: block;
   float: left;

} div#menu li:hover>ul { 

   left: -2px;

}

div#menu a { 

   position: relative;
   z-index: 10;
   height: 41px;
   display: block;
   float: left;
   line-height: 41px;
   text-decoration: none;
   font: normal 13px Trebuchet MS;

} div#menu a:hover, div#menu a:hover span { color: #fff; } div#menu li.current a {}

div#menu span { 

   display: block;
   cursor: pointer;
   background-repeat: no-repeat;
   background-position: 95% 0;

} div#menu ul ul a.parent span { 

   background-position:95% 8px;
   background-image: url(Mx-item-pointer-white.png);

} div#menu ul ul a.parent:hover span { 

   background-image: url(Mx-item-pointer-white.png);

}

/* menu::level1 */ div#menu a { 

   padding: 0 10px 0 10px;
   line-height: 30px;
   color: #e5e5e5;

} div#menu span { 

   margin-top: 5px;

}/**@replace#1*/ div#menu li { background: url(Mx-main-delimiter.png) 98% 4px no-repeat; } div#menu li.last { background: none; }

/* menu::level2 */ div#menu ul ul li { background: none; } div#menu ul ul { 

   position: absolute;
   top: 38px;
   left: -999em;
   width: 163px;
   padding: 5px 0 0 0;
   background: rgb(0,103,129);
   margin-top:1px;

} div#menu ul ul a { 

   padding: 0 0 0 15px;
   height: auto;
   float: none;
   display: block;
   line-height: 24px;
   color: rgb(229,229,229);

} div#menu ul ul span { 

   margin-top: 0;
   padding-right: 15px;
   _padding-right: 20px;
   color: rgb(229,229,229);

} div#menu ul ul a:hover span { 

   color: #fff;

} div#menu ul ul li.last { background: none; } div#menu ul ul li { 

   width: 100%;

}

/* menu::level3 */ div#menu ul ul ul { 

   padding: 0;
   margin: -38px 0 0 163px !important;
   margin-left:150px;

}

/* colors */ div#menu ul ul ul { background: rgb(0,103,129); } div#menu ul ul ul ul { background: rgb(0,103,129); } div#menu ul ul ul ul { background: rgb(0,103,129); }

/* lava lamp */ div#menu li.back { 

   background: url(Mx-lava.png) no-repeat right -44px !important;
   background-image: url(Mx-lava.gif);
   width: 13px;
   height: 44px;
   z-index: 8;
   position: absolute;
   margin: -1px 0 0 -5px;

} div#menu li.back .left { 

   background: url(Mx-lava.png) no-repeat top left !important;
   background-image: url(Mx-lava.gif);
   height: 44px;
   margin-right: 8px;

}

Retrieved from "http://2010.igem.org/Team:Mexico-UNAM-CINVESTAV/files/menu.css"