gist: 2413 Download_button fork
public
Public Clone URL: git://gist.github.com/2413.git
menu html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!-- Drop down menu begin -->  
 
<div id="menuwrap">
<div id="menusubwrap">
 
 <div id="menu">
   <ul id="nav">
 
   <li class="first">
   <a href="#">Pray</a>
            <ul>
   <li><a href="http://www.ecatholichub.net/pray">How to Pray</a>
              <li><a href="http://www.ecatholichub.net/pray">List of Prayers</a>
     <li><a href="http://www.ecatholichub.net/pray">Types of Prayers</a>
     <li><a href="http://www.ecatholichub.net/prayer-requests">Prayer Requests</a>
     </ul>
      </li>
 
   <li>
   <a href="#">Study</a>
            <ul>
   <li><a href="http://www.ecatholichub.net/study">Biblical Resources</a>
              <li><a href="http://www.ecatholichub.net/study">Library</a>
     <li><a href="http://www.ecatholichub.net/study">Church Documents</a>
     <li><a href="http://www.ecatholichub.net/study">Learn the Faith</a>
     </ul>
      </li>
 
   <li>
   <a href="#">Give</a>
            <ul>
   <li><a href="http://www.ecatholichub.net/give/financial-donations">Financial Donations</a>
              <li><a href="http://www.ecatholichub.net/give/wish-list">Wish Lists</a>
     <li><a href="http://www.ecatholichub.net/give/goodsgiveaway">Goods Giveaway</a>
     </ul>
      </li>
 
   <li>
   <a href="#">Find</a>
            <ul>
   <li><a href="http://www.ecatholichub.net/find/hubs-list-classifieds">Hub's List Classifieds</a>
              <li><a href="http://www.ecatholichub.net/find/ecatholic-yellow-pages">eCatholic Yellow Pages</a>
     <li><a href="http://www.ecatholichub.net/newsissues">News/Issues</a>
       <li><a href="http://www.ecatholichub.net/find/mass-information">Mass Information</a>
   <li><a href="http://www.ecatholichub.net/find/othermiscellaneous">Other/Miscellaneous</a>
     </ul>
      </li>
 
   <li>
   <a href="#">Serve</a>
            <ul>
   <li><a href="http://www.ecatholichub.net/serve/children-misc">Children</a></li>
   <li><a href="http://www.ecatholichub.net/serve/disabilities">Disabilities</a></li>
   <li><a href="http://www.ecatholichub.net/serve/educations">Education</a></li>
   <li><a href="http://www.ecatholichub.net/serve/emergency-centers">Emergency Assistance</a></li>
   <li><a href="http://www.ecatholichub.net/serve/homeless">Homeless</a></li>
   <li><a href="http://www.ecatholichub.net/serve/international">International</a></li>
   <li><a href="http://www.ecatholichub.net/serve/mission">Mission</a></li>
   <li><a href="http://www.ecatholichub.net/serve/seniors-misc">Seniors</a></li>
   <li><a href="http://www.ecatholichub.net/serve/sick">Sick</a></li>
   <li><a href="http://www.ecatholichub.net/serve/vulnerable-ppor-hungry-need">Vulnerable, Poor, Food, Need</a></li>
   <li><a href="http://www.ecatholichub.net/serve/other">Other</a></li>
     </ul>
      </li>
 
   <li>
   <a href="#">Interact</a>
            <ul>
   <li><a href="http://www.ecatholichub.net/interact/in-the-community">In the Community</a>
              <li><a href="http://www.ecatholichub.net/interact/on-the-hub">On the Hub</a>
     </ul>
      </li>
 
   <li>
   <a href="#">Improve</a>
            <ul>
   <li><a href="http://www.ecatholichub.net/improve">Body, Mind, Soul</a>
              <li><a href="http://www.ecatholichub.net/improve">Marriage, Family, Personal</a>
     </ul>
      </li>
 
   </ul>
 </div>
 
</div>
</div>
<!-- Drop down menu End -->  
 
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
/* Drop Down Menu 2nd Secton Begin */
 
#menuwrap { background: url({{'glbnav_right.gif' | asset}}) top right no-repeat; }
#menusubwrap { background: url({{'gblnav_left.gif' | asset}}) top left no-repeat; }
#menu { background: url({{'glbnav_background.gif' | asset}}) top left repeat-x; }
 
ul#nav li.none { background:none; height:24px; padding:4px 10px 0px 1px; width:75px; text-align:left; }
ul#nav li.none a { padding-left:10px; color:#000; border:0; }
 
ul#nav li.first { text-decoration:none; height:28px; width:140px; padding:4px 10px 0px 0px; }
ul#nav li.first a { padding-left:10px; color:#000; }
 
li.last_bottom { width:240px; background:#000; }
 
/* faux hover class for IE */
.first_hover {
   text-decoration:none;
   background: transparent url({{'tophover_bg.gif' | asset }}) top left no-repeat;
}
 
#nav, #nav ul { /* all lists */
  margin: 0;
  list-style: none;
  line-height: 1;
  sfont-family: Arial, "MS Trebuchet", sans-serif;
  font: 12px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
        color:#000;
}
 
#nav a {
  display: block;
  width: 10em;
  color: #999;
  text-decoration:none;
}
 
#nav li { /* all list items */
  float: left;
  padding:1px;
  width: 10em;
}
 
#nav li ul { /* second-level lists */
  position: absolute;
  background: transparent url({{'roundedcorners.gif' | asset}}) bottom left no-repeat;
        width: 140px;
        margin-top:6px;
  padding:10px;
  left: -999em;
}
 
#nav li ul li ul { background:none; }
 
#nav li ul li { width:117px; }
#nav li ul li:hover { background:#ddd; }
#nav li ul li a:hover { color:red;}
 
#nav li ul ul { /* third-and-above-level lists */
  margin: -1em 0 0 10em;
  text-transform: capitalize;
}
 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
  left: -999em;
}
 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
  left: auto;
}
 
#nav li:hover ul li a { background:none; border:0; }
#nav li:hover ul li a:hover { background:none; border:0; }
 
/* Drop Down Menu 2nd Secton End */

Owner

melito

Revisions