Skip to content

Instantly share code, notes, and snippets.

@lakshman108
Created March 5, 2013 05:01
Show Gist options
  • Save lakshman108/5088130 to your computer and use it in GitHub Desktop.
Save lakshman108/5088130 to your computer and use it in GitHub Desktop.
BVA Template
/**
* BVA Template
*/
* {
margin: 0px;
}
body {
background: #B8AE9C;
}
#top {margin:;}
nav {
background: silver;
}
nav ul ul {
display: none;
}
nav ul li:hover ul {
display: block;
}
nav ul {
list-style: none;
display: inline-table;
padding: 0 20px;
border-radius: 5px;
box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);
position: relative;
}
nav ul:after {
content: "";
clear: both;
display: block;
}
nav ul li:hover {
background: #4b545f;
background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
}
nav ul li {
float: left;
}
#container {
width: 960px;
margin: auto;
}
hgroup {
background: grey;
width: 760px;
height: 300px;
float: left;
}
hgroup h1 {
position: relative;
top: 40px;
}
hgroup h2 {
position: relative;
top: 60px;
left: 110px;
}
#logo {
width: 200px;
height: 300px;
float: left;
}
#main {
background: #eb71ed;
float: left;
width: 760px;
}
#rcol {
background: #f5b0b0;
width: 200px;
float: left;
}
<body>
<div id="top">
<nav>
<ul>
<li>Home Image</li>
<li>Resources
<ul>
<li>Articles</li>
<li>Ebooks</li>
<li>Vaisnava Calendar</li>
</ul>
</li>
<li>Events
<ul>
<li>Regular Programs</li>
<li>Srila Bodhayan Maharaj's Itiniery</li>
</ul>
</li>
<li>Contact Us</li>
</ul>
</nav>
</div>
<div id="container">
<hgroup>
<h1>Welcome to Sri Bhaktivinodalaya.org</h1>
<h2>...from whence pure devotion emanates</h2>
</hgroup>
<div id="logo"><img src="images/nitai-bva-trans-test.png" alt="Sri Nitai" width="200" height="267"></div>
<div id="main">Main content</div>
<div id="rcol">Right Column</div>
</div>
</body>
// alert('Hello world!');
{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment