Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!
Guest

css

By: sshuvro58 on Jan 30th, 2013  |  syntax: None  |  size: 2.56 KB  |  views: 28  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. * { margin: 0; padding: 0; }
  2. body { font: 14px/1.4 Georgia, serif; }
  3.  
  4. article, aside, figure, footer, header, nav, section { display: block; }
  5.  
  6. #page-wrap {
  7.         width:780px;
  8.         height:600px;
  9.         margin-top:30px;
  10.         margin-bottom:50px;
  11.         margin-left:auto;
  12.         margin-right:auto;
  13.         background:#FFF;
  14.         }
  15. header {
  16.                 padding:10px;
  17.                 width:auto;
  18.                 height:100px;
  19.                 font:Calibril;
  20.                 font-size:16px;
  21.                
  22.                 }
  23.  
  24. header #logo {
  25.         float: left;
  26.         height: 70px;
  27.         width: 65px;
  28.         font:Calibri;
  29.         font-size:16px;
  30. }
  31. #page-wrap header #slogan p {
  32.         font-family: Calibri;
  33.         font-size: 16px;
  34.         font-style: oblique;
  35.         font-weight: bold;
  36.         font-variant: normal;
  37.         text-transform: capitalize;
  38.         color: #333;
  39. }
  40. #page-wrap nav ul {
  41.         text-align:center;
  42.         margin:30px 0px 10px 0px;
  43.        
  44.         height:30px;
  45.         width:780px;
  46. }
  47. #page-wrap nav ul li {
  48.         list-style-type: none;
  49.         display:block;
  50.        
  51.         margin-left:0px;
  52.         margin-right:0px;
  53.        
  54.         height:24px;
  55.         padding:0px 0px 10px 0;
  56.         float:left;
  57.         width:130px;
  58.         height:auto;
  59.        
  60. }
  61. #page-wrap nav ul li a {
  62.         text-decoration: none;
  63.         padding: 2px;
  64.         width: 120px;
  65.         color:#000;
  66.         display:block;
  67.         border-right:1px solid #690;
  68.         text-align: left;
  69.        
  70. }
  71. #page-wrap nav ul li a hover {
  72.         font-weight:bold;
  73.        
  74.         color:#000;
  75.         }
  76. a:hover {
  77.         font-weight: bold;
  78.         color: #666;
  79. }
  80. #page-wrap #contetnt {
  81.         height: auto;
  82.         width: 780px;
  83.         height:380px;
  84.         margin-top: 10px;
  85.         margin-right: auto;
  86.         margin-bottom: 10px;
  87.         margin-left: auto;
  88.         padding-top: 10px;
  89.         padding-right: 2px;
  90.         padding-bottom: 10px;
  91.         position:relative;
  92.        
  93. }
  94. #page-wrap footer {
  95.         font-family: Calibri;
  96.         font-size: 10px;
  97.         font-style: normal;
  98.         color: #999;
  99.         padding: 5px;
  100.         height: 80px;
  101.         width: auto;
  102.         margin-top: 10px;
  103.         margin-right: auto;
  104.         margin-bottom: 10px;
  105.         margin-left: auto;
  106.         text-align:center;
  107. }
  108. #page-wrap #contetnt aside {
  109.         display: block;
  110.         padding: 5px;
  111.         float: left;
  112.         height: 380px;
  113.         width: 150px;
  114.         list-style-type: none;
  115.         overflow-y: scroll;
  116.         overflow-x: hidden;
  117. }
  118. #page-wrap #contetnt #text {
  119.         padding: 2px;
  120.         width: 220px;
  121.         overflow-y: scroll;
  122.         overflow-x: hidden;
  123.         height: 380px;
  124. }
  125. #page-wrap #contetnt #slider {
  126.         margin: 2px;
  127.         padding: 2px;
  128.         float: right;
  129.         top:0px;
  130.         left:400px;
  131.         position:absolute;
  132.         }
  133. #page-wrap #contetnt aside ul li {
  134.         float: left;
  135.         height: 40px;
  136.         width: 40px;
  137.         list-style-type: none;
  138.         margin-top:2px;
  139.         margin-bottom:2px;
  140.         margin-left:2px;
  141.         margin-right:2px;
  142.         display: inline-block;
  143.        
  144.        
  145. }
  146. #page-wrap #contetnt aside ul li a {
  147.         margin: 2px;
  148.         padding: 1px;
  149.         clear: both;
  150.         float: left;
  151.         height: 50px;
  152.         width: 60px;
  153.         overflow: visible;
  154. }