Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
unknown
authored and
unknown
committed
Aug 3, 2010
0 parents
commit 20a8ad6
Showing
12 changed files
with
688 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,3 @@ | ||
Project: BigAssMenu | ||
http://code.google.com/p/bigassmenu/ | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,55 @@ | ||
body { | ||
font: normal 75% arial, verdana, tahoma, sans-serif; | ||
color: #777; | ||
background: #fff; | ||
} | ||
|
||
#menu { | ||
position: relative; | ||
width: 600px; | ||
height: 25px; | ||
background: #6699CC; | ||
clear: both; | ||
} | ||
|
||
#menu ul { | ||
margin: 0; | ||
padding: 0; | ||
list-style: none; | ||
} | ||
|
||
#menu ul li { | ||
display: inline; | ||
} | ||
|
||
#menu ul li a { | ||
float: left; | ||
display: block; | ||
font: bold 1.1em arial, verdana, tahoma, sans-serif; | ||
line-height: 25px; | ||
color: #fff; | ||
text-decoration: none; | ||
margin: 0; | ||
padding: 0 10px; | ||
} | ||
|
||
#menu ul li a:hover, #menu ul li a.active { | ||
color: #000; | ||
text-decoration: none; | ||
background: #fff; | ||
} | ||
|
||
.submenu { | ||
position: absolute; | ||
top: 0; | ||
left: 0; | ||
/*width: 558px;*/ | ||
margin: 25px 0 0 0; | ||
padding: 20px; | ||
background: #fff; | ||
z-index: 100; | ||
color: #000; | ||
border-left: 1px solid #000; | ||
border-right: 1px solid #000; | ||
border-bottom: 1px solid #000; | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,48 @@ | ||
.submenu h2 { | ||
color: red; | ||
} | ||
|
||
.submenu ul { | ||
list-style-type: circle; | ||
} | ||
|
||
.submenu li { | ||
display: block !important; | ||
} | ||
|
||
#pwrapper { | ||
width:558px; | ||
} | ||
|
||
.submenu .books { | ||
width: 140px; | ||
float: left; | ||
} | ||
|
||
.submenu .movies { | ||
width: 140px; | ||
float: left; | ||
} | ||
|
||
.submenu .music { | ||
width: 140px; | ||
float: left; | ||
} | ||
|
||
.submenu .games { | ||
width: 138px; | ||
float: right; | ||
} | ||
|
||
.submenu a:link { | ||
color: red !important; | ||
padding: 0px !important; | ||
} | ||
|
||
.submenu a:visited { | ||
color: red; | ||
} | ||
|
||
.submenu a:hover { | ||
color: red; | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,106 @@ | ||
body { | ||
color: #999999; | ||
background: #fff; | ||
} | ||
|
||
#menu { | ||
position: relative; | ||
width: 600px; | ||
height: 25px; | ||
background: #f4f4f4; | ||
clear: both; | ||
font: normal 65% arial, verdana, tahoma, sans-serif; | ||
color: #999999; | ||
} | ||
|
||
#menu ul { | ||
margin: 0; | ||
padding: 0; | ||
list-style: none; | ||
} | ||
|
||
#menu ul li { | ||
display: inline; | ||
} | ||
|
||
#menu ul li a { | ||
float: left; | ||
display: block; | ||
font: bold 1.1em arial, verdana, tahoma, sans-serif; | ||
line-height: 25px; | ||
color: #999999; | ||
text-decoration: none; | ||
margin: 0; | ||
padding: 0 25px; | ||
height:30px; | ||
margin-bottom:-5px; | ||
} | ||
|
||
#menu ul li a:hover, #menu ul li a.active { | ||
color: #fff; | ||
text-decoration: none; | ||
background: #3b5998; | ||
} | ||
|
||
.submenu { | ||
position: absolute; | ||
top: 0; | ||
left: 0; | ||
width: 558px; | ||
margin: 25px 0 0 0; | ||
padding: 20px; | ||
background: #3b5998; | ||
z-index: 100; | ||
color: #fff; | ||
} | ||
|
||
.submenu h2 { | ||
color: #fff; | ||
} | ||
|
||
.submenu ul { | ||
list-style-type: circle; | ||
} | ||
|
||
.submenu li { | ||
display: block !important; | ||
} | ||
|
||
#pwrapper { | ||
width: 600px; | ||
} | ||
|
||
.submenu .books { | ||
width: 150px; | ||
float: left; | ||
} | ||
|
||
.submenu .movies { | ||
width: 150px; | ||
float: left; | ||
} | ||
|
||
.submenu .music { | ||
width: 150px; | ||
float: left; | ||
} | ||
|
||
.submenu .games { | ||
width: 150px; | ||
float: right; | ||
} | ||
|
||
.submenu a:link { | ||
color: #fff !important; | ||
padding: 0px !important; | ||
text-decoration:underline !important; | ||
} | ||
|
||
.submenu a:hover { | ||
text-decoration:none !important; | ||
} | ||
|
||
.submenu a:visited { | ||
} | ||
|
||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,44 @@ | ||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | ||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> | ||
<head> | ||
<title>Big Ass Menu Test</title> | ||
|
||
<link href="../css/bigassmenu.css" rel="stylesheet" type="text/css" media="screen" charset="utf-8" /> | ||
|
||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" ></script> | ||
<script type="text/javascript" src="../js/bigassmenu.js"></script> | ||
|
||
<script type="text/javascript"> | ||
$(function(){ | ||
$("#menu").BigAssMenu(); | ||
}); | ||
</script> | ||
|
||
</head> | ||
<body> | ||
|
||
<div id="menu"> | ||
<ul> | ||
<li><a id="home" href="basic.html">Home</a></li> | ||
<li> | ||
<a id="about" href="#">About</a> | ||
<div> | ||
About Sub Menu | ||
</div> | ||
</li> | ||
<li> | ||
<a id="products" href="#">Products</a> | ||
<div> | ||
Products Sub Menu | ||
</div> | ||
</li> | ||
<li><a id="service" href="#">Service</a></li> | ||
<li><a id="support" href="#">Support</a></li> | ||
<li><a id="contact" href="#">Contact Us</a></li> | ||
</ul> | ||
</div> | ||
|
||
|
||
|
||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,106 @@ | ||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | ||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> | ||
<head> | ||
<title>Big Ass Menu Content Test</title> | ||
|
||
<link href="../css/bigassmenu.css" rel="stylesheet" type="text/css" media="screen" charset="utf-8" /> | ||
<link href="../css/content.css" rel="stylesheet" type="text/css" media="screen" charset="utf-8" /> | ||
|
||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" ></script> | ||
<script type="text/javascript" src="../js/bigassmenu.js"></script> | ||
|
||
<script type="text/javascript"> | ||
$(function(){ | ||
$("#menu").BigAssMenu(); | ||
}); | ||
</script> | ||
|
||
</head> | ||
<body> | ||
|
||
<div id="menu"> | ||
<ul> | ||
<li><a id="home" href="#">Home</a></li> | ||
<li> | ||
<a id="about" href="#">About</a> | ||
<div> | ||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pellentesque, justo et luctus rhoncus, ante metus ultrices elit, eget dignissim neque felis quis felis. Duis et consequat mauris. Fusce et scelerisque tellus. Pellentesque posuere leo a velit tincidunt vitae placerat mauris porta. Vestibulum feugiat mi id orci posuere eu iaculis odio varius. Fusce vel nunc nec felis ullamcorper faucibus. Morbi euismod eros at enim vestibulum scelerisque. Donec fringilla tempor mi, non tincidunt risus euismod sed. Donec nec odio et augue sodales pharetra. Donec egestas, quam eu luctus pretium, metus ligula blandit urna, a sodales tellus lectus sed dui. Nunc fringilla malesuada tortor at porta. Donec lacus dolor, porta tempus semper quis, tincidunt at sem. Ut non mi odio, non imperdiet dolor. Nulla blandit augue in turpis sagittis faucibus.</p> | ||
|
||
<p><a href="##">Read More</a></p> | ||
</div> | ||
</li> | ||
<li> | ||
<a id="products" href="#">Products</a> | ||
<div class="no-offset"> | ||
|
||
<div id="pwrapper"> | ||
|
||
<div class="music"> | ||
<h2>Music</h2> | ||
<ul> | ||
<li>Alternative Rock</li> | ||
<li>Blues</li> | ||
<li>Broadway & Vocalists</li> | ||
<li>Children's Music</li> | ||
<li>Christian</li> | ||
<li>Classical Music</li> | ||
<li>Classic Rock</li> | ||
<li>Country</li> | ||
<li>Dance & Electronic</li> | ||
<li>Folk</li> | ||
<li>Gospel</li> | ||
</ul> | ||
</div> | ||
|
||
<div class="books"> | ||
<h2>Books</h2> | ||
<ul> | ||
<li>ColdFusion</li> | ||
<li>jQuery</li> | ||
<li>CSS</li> | ||
<li>HTML</li> | ||
<li>Groovy</li> | ||
<li>Hibernate</li> | ||
</ul> | ||
</div> | ||
|
||
<div class="movies"> | ||
<h2>Movies</h2> | ||
<ul> | ||
<li>Action</li> | ||
<li>Comedy</li> | ||
<li>Drama</li> | ||
<li>Horror</li> | ||
<li>Romance</li> | ||
<li>Sports</li> | ||
</ul> | ||
</div> | ||
|
||
<div class="games"> | ||
<h2>Games</h2> | ||
<ul> | ||
<li>PC</li> | ||
<li>Xbox 360</li> | ||
<li>Wii</li> | ||
<li>PlayStation 3</li> | ||
</ul> | ||
</div> | ||
</div> | ||
|
||
</div> | ||
</li> | ||
<li> | ||
<a id="service" href="#">Service</a> | ||
<div id="service-sub"> | ||
service | ||
</div> | ||
</li> | ||
<li><a id="support" href="#">Support</a></li> | ||
<li><a id="contact" href="#">Contact Us</a></li> | ||
</ul> | ||
</div> | ||
|
||
|
||
|
||
</body> | ||
</html> |
Oops, something went wrong.