client/servlet/www/static/css/menuh.css

Code
Comments
Other
Rev Date Author Line
2735 01 Jul 08 gregory 1 /* Begin CSS Drop Down Menu */
2735 01 Jul 08 gregory 2
2811 25 Aug 08 gregory 3 #menuh-container { float: left }
2735 01 Jul 08 gregory 4
2735 01 Jul 08 gregory 5 #menuh
2735 01 Jul 08 gregory 6   {
2735 01 Jul 08 gregory 7   font-size: small;
2735 01 Jul 08 gregory 8   font-family: arial, helvetica, sans-serif;
2735 01 Jul 08 gregory 9   width:100%;
2735 01 Jul 08 gregory 10   float:left;
2735 01 Jul 08 gregory 11   margin: 0 0 5px 1px;
2735 01 Jul 08 gregory 12   }
2735 01 Jul 08 gregory 13
2735 01 Jul 08 gregory 14
2735 01 Jul 08 gregory 15 #menuh a
2735 01 Jul 08 gregory 16   {
2735 01 Jul 08 gregory 17   text-align: left;
2735 01 Jul 08 gregory 18   display:block;
2735 01 Jul 08 gregory 19   border-width: 0px 1px 0px 1px;
2735 01 Jul 08 gregory 20   border-style: solid;
2735 01 Jul 08 gregory 21   white-space:nowrap;
2735 01 Jul 08 gregory 22   margin:0;
2735 01 Jul 08 gregory 23   padding: 2px;
2735 01 Jul 08 gregory 24   border-color: #fff #888 #888 #fff;
2735 01 Jul 08 gregory 25   height: 1.1em;
2735 01 Jul 08 gregory 26   font-size: 1em;
2735 01 Jul 08 gregory 27   }
2735 01 Jul 08 gregory 28
2735 01 Jul 08 gregory 29
2735 01 Jul 08 gregory 30 #menuh a.top_parent { border-width: 1px; }
2735 01 Jul 08 gregory 31
2735 01 Jul 08 gregory 32 #menuh ul ul li a
2735 01 Jul 08 gregory 33   {  
2735 01 Jul 08 gregory 34   border-right-width: 2px;  
2735 01 Jul 08 gregory 35   }  
2735 01 Jul 08 gregory 36   
2735 01 Jul 08 gregory 37 #menuh ul ul a.first
2735 01 Jul 08 gregory 38 {
2735 01 Jul 08 gregory 39     border-top: 1px solid #888;
2735 01 Jul 08 gregory 40 }
2735 01 Jul 08 gregory 41
2735 01 Jul 08 gregory 42 #menuh a.last
2735 01 Jul 08 gregory 43 {
2735 01 Jul 08 gregory 44     border-bottom: 2px solid #888;
2735 01 Jul 08 gregory 45 }    
2735 01 Jul 08 gregory 46   
2735 01 Jul 08 gregory 47   
2735 01 Jul 08 gregory 48 #menuh a:link, #menuh a:visited, #menuh a:active  /* menu at rest */
2735 01 Jul 08 gregory 49   {
2735 01 Jul 08 gregory 50   text-decoration:none;
2758 29 Jul 08 olle 51   overflow: hidden;
2735 01 Jul 08 gregory 52   }
2735 01 Jul 08 gregory 53   
2735 01 Jul 08 gregory 54 #menuh a:hover  /* menu at mouse-over  */
2735 01 Jul 08 gregory 55   {
2735 01 Jul 08 gregory 56   text-decoration:none;
2735 01 Jul 08 gregory 57   }  
2735 01 Jul 08 gregory 58   
2735 01 Jul 08 gregory 59 #menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
2735 01 Jul 08 gregory 60   {
2735 01 Jul 08 gregory 61   background-image: url(/proteios/static/img/navdown_blue.gif);
2735 01 Jul 08 gregory 62   background-position: right center;
2735 01 Jul 08 gregory 63   background-repeat: no-repeat;
2735 01 Jul 08 gregory 64   }
2735 01 Jul 08 gregory 65   
2735 01 Jul 08 gregory 66 #menuh a.parent, #menuh a.parent:hover   /* attaches side-arrow to all parents */
2735 01 Jul 08 gregory 67   {
2735 01 Jul 08 gregory 68   background-image: url('/proteios/static/img/nav_blue.gif');
2735 01 Jul 08 gregory 69   background-position: right center;
2735 01 Jul 08 gregory 70   background-repeat: no-repeat;
2735 01 Jul 08 gregory 71   }
2735 01 Jul 08 gregory 72
2735 01 Jul 08 gregory 73
2735 01 Jul 08 gregory 74 #menuh ul
2735 01 Jul 08 gregory 75   {
2735 01 Jul 08 gregory 76   list-style:none;
2735 01 Jul 08 gregory 77   margin:0;
2735 01 Jul 08 gregory 78   padding:0;
2735 01 Jul 08 gregory 79   float:left;
2752 28 Jul 08 olle 80   width:11em;  /* width of all menu boxes */
2735 01 Jul 08 gregory 81   }
2735 01 Jul 08 gregory 82
2735 01 Jul 08 gregory 83 #menuh li
2735 01 Jul 08 gregory 84   {
2735 01 Jul 08 gregory 85   position:relative;
2735 01 Jul 08 gregory 86     min-height: 1px;       /* Sophie Dennis contribution for IE7 */
2735 01 Jul 08 gregory 87     vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
2735 01 Jul 08 gregory 88     width: 100%;
2735 01 Jul 08 gregory 89   }
2735 01 Jul 08 gregory 90
2735 01 Jul 08 gregory 91 #menuh ul ul
2735 01 Jul 08 gregory 92   {
2735 01 Jul 08 gregory 93   position:absolute;
2735 01 Jul 08 gregory 94   z-index:500;
2735 01 Jul 08 gregory 95   top:auto;
2735 01 Jul 08 gregory 96   display:none;
2735 01 Jul 08 gregory 97   padding: 1em;
2735 01 Jul 08 gregory 98   margin:-1em 0 0 -1em;  
2735 01 Jul 08 gregory 99   }
2735 01 Jul 08 gregory 100
2735 01 Jul 08 gregory 101 #menuh ul ul ul
2735 01 Jul 08 gregory 102   {
2735 01 Jul 08 gregory 103   top:0;
2735 01 Jul 08 gregory 104   left:100%;
2735 01 Jul 08 gregory 105   }
2735 01 Jul 08 gregory 106
2735 01 Jul 08 gregory 107 div#menuh li.hover
2735 01 Jul 08 gregory 108   {
2735 01 Jul 08 gregory 109   cursor:pointer;
2735 01 Jul 08 gregory 110   z-index:100;
2735 01 Jul 08 gregory 111   }
2735 01 Jul 08 gregory 112
2735 01 Jul 08 gregory 113 div#menuh li.hover ul ul,
2735 01 Jul 08 gregory 114 div#menuh li li.hover ul ul,
2735 01 Jul 08 gregory 115 div#menuh li li li.hover ul ul,
2735 01 Jul 08 gregory 116 div#menuh li li li li li.hover ul ul
2735 01 Jul 08 gregory 117 {display:none;}
2735 01 Jul 08 gregory 118
2735 01 Jul 08 gregory 119 div#menuh li.hover ul,
2735 01 Jul 08 gregory 120 div#menuh li li.hover ul,
2735 01 Jul 08 gregory 121 div#menuh li li li.hover ul,
2735 01 Jul 08 gregory 122 div#menuh li li li li li.hover ul
2735 01 Jul 08 gregory 123 {display:block;}
2735 01 Jul 08 gregory 124
2735 01 Jul 08 gregory 125
2735 01 Jul 08 gregory 126 /* IE specific */
2735 01 Jul 08 gregory 127 #menuh{float:none;}
2735 01 Jul 08 gregory 128 #menuh ul li{float:left; width: 100%;}
2735 01 Jul 08 gregory 129
2735 01 Jul 08 gregory 130
2735 01 Jul 08 gregory 131 /* End CSS Drop Down Menu */