Advertisement
Guest User

Untitled

a guest
Aug 30th, 2015
102
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.54 KB | None | 0 0
  1. html, body, h1, h2, h3, h4, h5, p, ol, ul, li { padding: 0; margin: 0;}
  2.  
  3. header, footer, section, article, nav { display:block;}
  4.  
  5. body { font-size: 100%; font-weight: normal; background:#50505B url(Images/greyGradient.jpg) repeat-x; margin:auto; font: 100% Arial;}
  6.  
  7. #wrapper {position:relative; top:0; left:0;width:950px; margin:auto; text-align:center;}
  8.  
  9. header {width:100%; height:80px; color:black; background:#D5D5DA url(Images/nintendo.png); margin:10px auto; padding-top:5px; padding-bottom: 20px; font: 140% AR Delaney}
  10.  
  11. h1 { font-size:200%; font-weight:bold; margin-top:20px;}
  12.  
  13. h2 {font-size: 200%; font-weight:bold; margin-top:20px; background-color:blue;}
  14.  
  15. p {font-size: 100%; font-weight:normal; font: Bodoni MT;}
  16.  
  17. #main-content {width:950px; margin:20px auto 0 auto; background-color:white; color:black; text-align:center; font-weight:bold;}
  18.  
  19. #main-content li {background-color: #00B800}
  20.  
  21. footer {margin:10px auto 0 auto; width:950px; font-weight:bold; text-align:center; background-color:#FFFF00; color:black; clear:both;}
  22.  
  23. nav { top:0; left:3.6%; width: 920px; padding: 5px; list-style: none; overflow: hidden; height: 50px;}
  24.  
  25. nav ul {margin-top:15px;}
  26.  
  27. nav ul li.hbtn{ display:inline; padding: 15px; min-height:70px; width: 100px; margin:auto; background-color: red; border-top: 4px #FFB2B2 solid; border-right: 4px #A30000 solid; border-bottom: 4px #A30000 solid; border-left: 4px #FFB2B2 solid; }
  28.  
  29. nav a { height:40px; width: 100px; color:#fff; font-size:80%; font-size:100%; font-weight:bold; text-decoration:none; padding: 5px 5px 0 5px; display: inline-block; }
  30.  
  31.  
  32. nav li.hbtn:hover { font-weight: bold; background-color:blue; color:white; border-top: 4px #B2B2FF solid; border-right: 4px #0000A3 solid; border-bottom: 4px #0000A3 solid; border-left: 4px #B2B2FF solid;}
  33.  
  34. .clear { clear:both;}
  35.  
  36. img {border:0;}
  37.  
  38. #col-1 {position: absolute; top:250px; left:0; width:85px;}
  39.  
  40. #col-3 {position: absolute; top:25px; left:-310px; width:85px;}
  41.  
  42. #col-4 {position: absolute; top:50px; left:960px; width:85px;}
  43.  
  44. li {Margin:5px; list-style-type:none; font: 75% Engravers MT;}
  45.  
  46. #col-1 a img.hid {width:600px; height:415px; position: absolute; top:0; left:350px; visibility: hidden;}
  47.  
  48. #col-1 a:hover {background: white;}
  49.  
  50. #col-1 a:hover img.hid {visibility: visible;}
  51.  
  52. #col-2 {position: absolute; top:250px; left:150px; width:85px;}
  53.  
  54. #col-2 a img.hid {width:600px; height:415px; position:absolute; top:0; left:190px; visibility: hidden; margin-left:10px;}
  55.  
  56. #col-2 a:hover {background:white;}
  57.  
  58. #col-2 a:hover img.hid {visibility:visible;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement