Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- * { margin: 0; padding: 0; }
- body { font: 14px/1.4 Georgia, serif; }
- article, aside, figure, footer, header, nav, section { display: block; }
- #page-wrap {
- width:780px;
- height:600px;
- margin-top:30px;
- margin-bottom:50px;
- margin-left:auto;
- margin-right:auto;
- background:#FFF;
- }
- header {
- padding:10px;
- width:auto;
- height:100px;
- font:Calibril;
- font-size:16px;
- }
- header #logo {
- float: left;
- height: 70px;
- width: 65px;
- font:Calibri;
- font-size:16px;
- }
- #page-wrap header #slogan p {
- font-family: Calibri;
- font-size: 16px;
- font-style: oblique;
- font-weight: bold;
- font-variant: normal;
- text-transform: capitalize;
- color: #333;
- }
- #page-wrap nav ul {
- text-align:center;
- margin:30px 0px 10px 0px;
- height:30px;
- width:780px;
- }
- #page-wrap nav ul li {
- list-style-type: none;
- display:block;
- margin-left:0px;
- margin-right:0px;
- height:24px;
- padding:0px 0px 10px 0;
- float:left;
- width:130px;
- height:auto;
- }
- #page-wrap nav ul li a {
- text-decoration: none;
- padding: 2px;
- width: 120px;
- color:#000;
- display:block;
- border-right:1px solid #690;
- text-align: left;
- }
- #page-wrap nav ul li a hover {
- font-weight:bold;
- color:#000;
- }
- a:hover {
- font-weight: bold;
- color: #666;
- }
- #page-wrap #contetnt {
- height: auto;
- width: 780px;
- height:380px;
- margin-top: 10px;
- margin-right: auto;
- margin-bottom: 10px;
- margin-left: auto;
- padding-top: 10px;
- padding-right: 2px;
- padding-bottom: 10px;
- position:relative;
- }
- #page-wrap footer {
- font-family: Calibri;
- font-size: 10px;
- font-style: normal;
- color: #999;
- padding: 5px;
- height: 80px;
- width: auto;
- margin-top: 10px;
- margin-right: auto;
- margin-bottom: 10px;
- margin-left: auto;
- text-align:center;
- }
- #page-wrap #contetnt aside {
- display: block;
- padding: 5px;
- float: left;
- height: 380px;
- width: 150px;
- list-style-type: none;
- overflow-y: scroll;
- overflow-x: hidden;
- }
- #page-wrap #contetnt #text {
- padding: 2px;
- width: 220px;
- overflow-y: scroll;
- overflow-x: hidden;
- height: 380px;
- }
- #page-wrap #contetnt #slider {
- margin: 2px;
- padding: 2px;
- float: right;
- top:0px;
- left:400px;
- position:absolute;
- }
- #page-wrap #contetnt aside ul li {
- float: left;
- height: 40px;
- width: 40px;
- list-style-type: none;
- margin-top:2px;
- margin-bottom:2px;
- margin-left:2px;
- margin-right:2px;
- display: inline-block;
- }
- #page-wrap #contetnt aside ul li a {
- margin: 2px;
- padding: 1px;
- clear: both;
- float: left;
- height: 50px;
- width: 60px;
- overflow: visible;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement