|
|
Line 7: |
Line 7: |
| AUTHOR Treviño Garza Abiel | | AUTHOR Treviño Garza Abiel |
| Eduardo Vladimir Muñoz Hernández | | Eduardo Vladimir Muñoz Hernández |
- | DESC The file contains the css data for the UNAM-Genomics_Mexico Team wiki home page | + | DESC The file contains the css data for the UNAM-Genomics_Mexico Team wiki home page body |
| + | SEE menu_template.css which contains the layout instructions for the menu in order to reuse it. |
| */ | | */ |
| | | |
Line 114: |
Line 115: |
| width:100px; | | width:100px; |
| border:none; | | border:none; |
- | }
| |
- |
| |
- | /* Menu Style Definitions */
| |
- | ul#h2igemmenu ul{
| |
- | display:none
| |
- | }
| |
- | ul#h2igemmenu li:hover>*{
| |
- | display:block
| |
- | }
| |
- | ul#h2igemmenu li:hover{
| |
- | position:relative;
| |
- | }
| |
- | ul#h2igemmenu ul{
| |
- | position: absolute;
| |
- | left:-1px;
| |
- | top:98%;
| |
- | }
| |
- | ul#h2igemmenu ul ul{
| |
- | position:absolute;
| |
- | left:98%;
| |
- | top:-2px;
| |
- | }
| |
- | ul#h2igemmenu,ul#h2igemmenu ul{
| |
- | margin:0px;
| |
- | list-style:none;
| |
- | padding:0px;
| |
- | background-image:#CCC;
| |
- | border-width:0px;
| |
- | border-style:none;
| |
- | border-color:transparent;
| |
- | }
| |
- | ul#h2igemmenu table {
| |
- | border-collapse:collapse
| |
- | }
| |
- | ul#h2igemmenu {
| |
- | display:block;
| |
- | font-size:0;
| |
- | zoom:1;
| |
- | width:100%;
| |
- | float: left;
| |
- | }
| |
- | ul#h2igemmenu ul{
| |
- | //width:204px;
| |
- | padding:0;
| |
- | }
| |
- | ul#h2igemmenu li{
| |
- | display:block;
| |
- | zoom:1;
| |
- | margin:0;
| |
- | font-size:0;
| |
- | float:left;
| |
- | }
| |
- | ul#h2igemmenu a:active, ul#h2igemmenu a:focus {
| |
- | outline-style:none
| |
- | }
| |
- | ul#h2igemmenu a,ul#h2igemmenu li.dis a:hover{
| |
- | display:block;
| |
- | vertical-align:middle;
| |
- | _display:inline-block;
| |
- | _vertical-align:top;
| |
- | background-color:#333;
| |
- | border-width:0px;
| |
- | border-style:none;
| |
- | border-color:transparent;
| |
- | text-align:center;
| |
- | text-decoration:none;
| |
- | padding:11px 15px 5px 5px;
| |
- | _padding-left:0;
| |
- | font:normal 8pt Verdana;
| |
- | color: #FFFFFF;
| |
- | text-decoration:none;
| |
- | cursor:pointer;
| |
- | }
| |
- | ul#h2igemmenu ul li {
| |
- | float:none;
| |
- | }
| |
- | ul#h2igemmenu ul a,ul#h2igemmenu ul li.dis a:hover{
| |
- | display:block;
| |
- | text-align:left;
| |
- | white-space:nowrap;
| |
- | }
| |
- | ul#h2igemmenu li:hover>a{
| |
- | background-color:#999;
| |
- | border-color:transparent;
| |
- | border-style:none;
| |
- | font:normal 8pt Verdana;
| |
- | color: #FFFFFF;
| |
- | text-decoration:none;
| |
- | }
| |
- | ul#h2igemmenu li a:hover{
| |
- | _position:relative;
| |
- | background-color:#666;
| |
- | border-color:transparent;
| |
- | border-style:none;
| |
- | font:normal 8pt Verdana;
| |
- | color: #FFFFFF;
| |
- | text-decoration:none;
| |
- | }
| |
- | ul#h2igemmenu li.dis a{
| |
- | color: #AAAAAA !important;
| |
- | }
| |
- | ul#h2igemmenu img{
| |
- | border:none;
| |
- | vertical-align:middle;
| |
- | margin-right:22px;
| |
- | }
| |
- | ul#h2igemmenu img.over{
| |
- | display:none
| |
- | }
| |
- | ul#h2igemmenu li.dis a:hover img.over{
| |
- | display:none !important
| |
- | }
| |
- | ul#h2igemmenu li.dis a:hover img.def {
| |
- | display:inline !important
| |
- | }
| |
- | ul#h2igemmenu li:hover > a img.def {
| |
- | display:none
| |
- | }
| |
- | ul#h2igemmenu li:hover > a img.over {display:inline}
| |
- |
| |
- | ul#h2igemmenu a:hover img.over,ul#h2igemmenu a:hover ul img.def,ul#h2igemmenu a:hover a:hover ul img.def,ul#h2igemmenu a:hover a:hover img.over,ul#h2igemmenu a:hover a:hover a:hover img.over{display:inline}
| |
- |
| |
- | ul#h2igemmenu a:hover img.def,ul#h2igemmenu a:hover ul img.over,ul#h2igemmenu a:hover a:hover ul img.over,ul#h2igemmenu a:hover a:hover img.def,ul#h2igemmenu a:hover a:hover a:hover img.def{display:none}
| |
- |
| |
- | ul#h2igemmenu a:hover ul,ul#h2igemmenu a:hover a:hover ul{display:block}
| |
- |
| |
- | ul#h2igemmenu a:hover ul ul{display:none}
| |
- |
| |
- | ul#h2igemmenu span{
| |
- |
| |
- | display:block;overflow:visible;background-position:right center;background-repeat: no-repeat;padding-right:0px;}
| |
- |
| |
- | ul#h2igemmenu ul span{background-image:url(imgs/arr_white.gif);padding-right:29px;}
| |
- |
| |
- | ul#h2igemmenu li a.istylei0,ul#h2igemmenu li.dis.istylei0:hover a.istylei0{
| |
- | height:25px;
| |
- | background-color:#333;
| |
- | border-width:0px;
| |
- | border-style:none;
| |
- | font:normal 14px Trebuchet MS;
| |
- | color:#FFFFFF;
| |
- | text-decoration:none;
| |
- | margin:0 -10px 0 10px;
| |
- | _margin:0 0 0 0;
| |
- | background-position:100% 0;
| |
- | }
| |
- |
| |
- | ul#h2igemmenu li.istylei0:hover>a{
| |
- | background-color:#333;
| |
- | border-style:none;
| |
- | font:normal 14px Trebuchet MS;
| |
- | color:#FFFFFF;
| |
- | text-decoration:none;
| |
- | }
| |
- |
| |
- | ul#h2igemmenu li.istylei0,ul#h2igemmenu li.dis.istylei0:hover{
| |
- | margin:0 10px 0 0;
| |
- | background-color:#333;
| |
- | background-position:0 0;
| |
- | }
| |
- |
| |
- | ul#h2igemmenu li.istylei0:hover{
| |
- | background-color:#333;
| |
- | }
| |
- |
| |
- | ul#h2igemmenu li a.istylei0:hover{
| |
- | background-color:#666;
| |
- | border-style:none;
| |
- | font:normal 14px Trebuchet MS;
| |
- | color:#FFFFFF;
| |
- | text-decoration:none;
| |
- | font-weight: bold;
| |
- | }
| |
- |
| |
- | ul#h2igemmenu.istylem0,ul#h2igemmenu ul.istylem0{
| |
- | background-color:transparent;
| |
- | border-width:0px;
| |
- | border-style:none;
| |
- | padding:0;
| |
- | }
| |
- |
| |
- | ul#h2igemmenu ul.istylem0 li{
| |
- | margin:0;
| |
- | }
| |
- |
| |
- | ul#h2igemmenu.istylem0 li a,ul#h2igemmenu ul.istylem0 li a,ul#h2igemmenu.istylem0 li.dis a:hover,ul#h2igemmenu ul.istylem0 li.dis a:hover{
| |
- | padding:5px 5px 5px 5px;
| |
| } | | } |
| | | |