Skip to content

Commit

Permalink
Initial Commit
Browse files Browse the repository at this point in the history
  • Loading branch information
unknown authored and unknown committed Aug 3, 2010
0 parents commit 20a8ad6
Show file tree
Hide file tree
Showing 12 changed files with 688 additions and 0 deletions.
3 changes: 3 additions & 0 deletions README.txt
@@ -0,0 +1,3 @@
Project: BigAssMenu
http://code.google.com/p/bigassmenu/

55 changes: 55 additions & 0 deletions css/bigassmenu.css
@@ -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;
}
48 changes: 48 additions & 0 deletions css/content.css
@@ -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;
}
106 changes: 106 additions & 0 deletions css/themes/facebook.css
@@ -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 {
}


44 changes: 44 additions & 0 deletions demo/basic.html
@@ -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>
106 changes: 106 additions & 0 deletions demo/content.html
@@ -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>

0 comments on commit 20a8ad6

Please sign in to comment.