Skip to content

Instantly share code, notes, and snippets.

@lakshman108
Created February 2, 2013 00:03
Show Gist options
  • Select an option

  • Save lakshman108/4695068 to your computer and use it in GitHub Desktop.

Select an option

Save lakshman108/4695068 to your computer and use it in GitHub Desktop.
Playing around...
/**
* Playing around...
*/
body {background-color: #E8CCA4;}
div#container1 {
margin: auto;
width: 760px;
}
div#topline {
position: relative;
background-color: #8988B5;
height: 25px;
border-bottom: solid #353281;
border-top: solid #353281;
z-index: 1;
padding: 10px;
box-shadow: 5px 5px 5px #888888;
}
div#mainbox {
position: relative;
background: white;
height: 700px;
box-shadow: 5px 5px 10px #888888;
padding: 20px;
}
p {
padding: 0px;
margin: 0px;
color: black;
text-align: justify;
}
ul, li{
list-style-type: none;
display: inline;
padding: 15px;
}
<body>
<div id="container1">
<div id="topline">
<ul>
<li><button><a href="google.com">Google</a></button></li>
<li><button><a href="yahoo.com">Yahoo!</a></button></li>
<li><button><a href="wikipedia.org">Wikipedia</a></button></li>
</ul>
</div>
<div id="mainbox"><p>Jai Sri Sri Guru Gauranga!!!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec luctus
elementum mollis. Proin placerat mauris ut dui pretium condimentum.
Suspendisse accumsan, magna vitae tempus varius, tellus ante placerat
nulla, eget consectetur nunc ligula at est. Curabitur facilisis est sit
amet enim tempor id rutrum dolor tincidunt. Praesent sit amet nisl
lectus. Phasellus rhoncus, justo ac accumsan blandit, dolor tortor
suscipit sem, quis imperdiet dolor leo vel nulla. Donec ut lacus non
ligula vulputate volutpat. Donec quam lacus, sodales vel dictum quis,
lacinia non purus. Donec lacinia, turpis et iaculis dignissim, magna
tortor gravida nunc, quis consequat turpis massa vitae lectus. Phasellus
pellentesque magna vel massa sollicitudin volutpat. Vestibulum et porta
arcu. Sed gravida quam at orci rhoncus in posuere metus dapibus.</p>
</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