Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- header, nav, main, aside, section, { /* for older browsers */
- display: block;
- }
- body{
- font: 14px Verdana, sans-serif;
- background-color: #ddd;
- max-width: 100%;
- }
- #wrap{
- width: 85%;
- max-width: 960px;
- min-width: 600px;
- box-shadow: 1px 1px 5px #000;
- overflow: auto;
- margin: 10px auto;
- background: #fff;
- }
- header {
- background: url(lake.jpg) no-repeat;
- height: 250px;
- }
- h1{
- margin-top: -20px;
- padding: 10px;
- }
- nav{
- float: left;
- background: white;
- background: rgba(0, 0, 0, 0);
- padding: 2px 0;
- width: 25%;
- }
- nav ul{
- list-style-type: none;
- padding: 10px;
- }
- nav li{
- display: block;
- padding-right: 20px;
- }
- nav a{
- font: 18px Georgia, serif;
- color: #333;
- text-shadow: 1px 1px 2px #333;
- text-decoration: none;
- }
- nav a:hover{ /* psuedo classes - creates rollover */
- text-decoration: underline;
- text-shadow: none;
- }
- section{
- margin-left: 25%;
- margin-right:25%;
- }
- aside{
- float: right;
- width: -10%;
- height:-10%;
- background: white;
- background: rgba(0, 0, 0, 0);
- padding: 5px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement