Advertisement
danyo

Untitled

Apr 26th, 2013
109
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.15 KB | None | 0 0
  1. @charset "utf-8";
  2. /* CSS Document */
  3.  
  4. body { background: #1c1b17 url(bg.png) repeat-x; margin: 0; padding: 0; height: auto; font-family: century gothic, Arial, Helvetica, sans-serif; font-size: 13px;}
  5.  
  6. a, img { border:none; }
  7. ul, p { color: #033f7a; line-height: 18px; font-size: 13px; font-weight: 500; }
  8. h3 { color: #ffffff; line-height: 18px; font-size: 13px; font-weight: 500; }    
  9. h4 { color: #ffffff; line-height: 25px; font-size: 13px; font-weight: 500; }      
  10. h5 { color: #ffffff; line-height: 25px; font-size: 13px; font-weight: 500; }
  11.  
  12.  
  13. .text-sidebar { color: #3f3f3f; line-height: 16px; padding: 0; font-size: 11px; font-weight: 500; }
  14. .img1 { float: left; margin: 0 20px 10px 0; padding: 0; border: #FFF 3px solid; }  
  15.  
  16.  
  17. #wrapper { width: 1000px; height: 800px; margin: 0 auto; }
  18. #header { height: 400px; width: 1000px; display: block; position: relative; }
  19. #header .logo { position: absolute; width: 374px; height: 221px; display: block; float: left; cursor: pointer; background: url(logo.png) 0 0 no-repeat transparent; top: 55px; left: 10px; }
  20. #header .contact-info { position: absolute; width: 293px; height: 133px; display: block; float: left; cursor: pointer; background: url(contact-info.png) 0 0 no-repeat transparent; top: 100px; left: 700px; }
  21.  
  22. ul.mn { position: absolute; float: left; top: 316px; width: 978px; margin: 0; padding: 0; list-style-type: none; }
  23. ul.mn li { float: left; }
  24. ul.mn li a { display: block; float: left; height: 73px; }
  25. ul.mn li a.mn1 { width: 104px; background-image: url('mn1.png'); background-position: 0 0; }
  26. ul.mn li a.mn2 { width: 212px; background-image: url('mn2.png'); }
  27. ul.mn li a.mn3 { width: 142px; background-image: url('mn3.png'); }
  28. ul.mn li a.mn4 { width: 128px; background-image: url('mn4.png'); }
  29. ul.mn li a.mn5 { width: 117px; background-image: url('mn5.png'); }
  30. ul.mn li a.mn6 { width: 147px; background-image: url('mn6.png'); }
  31. ul.mn li a.active, ul.mn li a:hover { background-position: 0 73px; }
  32.  
  33. #content { height: 1000px; width: 1000px; display: block; position: relative; }
  34.  
  35. #top { height: 300px; width: 1000px; display: block; position: relative; margin-bottom: 100px; }
  36. #top .foto1 { width: 452px; height: 339px; float: left; margin-top: 30px; border: 3px solid #FFF; }
  37. #top .foto2 { width: 253px; height: 338px; float: left; margin-top: 30px; margin-left: 100px; border: #FFF 3px solid; }
  38.  
  39. #leftcolumn { height: 600px; width: 300px; display: block; position: relative; float: left; }
  40. #leftcolumn .text-sidebar { height: 10px; width: 300px; display: block; position: relative; margin-bottom: 0px; }
  41. #leftcolumn .text2 { height: 10px; width: 50px; display: inline-block; position: relative; }
  42. #leftcolumn .text3 { height: 10px; width: 200px; display: inline-block; position: relative; padding-left: 30px; }
  43. #leftcolumn .text4 { height: 10px; width: 300px; display: inline-block; position: relative; margin-top: 10px; }
  44. #leftcolumn .face { height: 100px; width: 300px; display: block; position: relative; margin-top: 290px; }
  45.  
  46. #rightcolumn { height: 600px; width: 700px; display: block; position: absolute; margin-left: 310px; margin-top: 0px; float: right; }
  47. #rightcolumn  .text5 { height: 10px; width: 700px; display: inline-block; position: absolute; margin-top: 0px; }
  48.  
  49. #footer  { height: 207px; width: 1000px; display: block; position: absolute; }
  50. #footer .logo-footer { float: left; position: relative; margin-top: 725px; }
  51.  
  52. #footer .text-footer { width: 1300px; display: block; position: absolute; }
  53. #footer .text6 { display: block; position: absolute; margin-top: 700px; margin-left: 730px; }
  54. #footer .text7 { float: left; display: inline-block; position: absolute; margin-top: 765px; margin-left: 730px; }
  55. #footer .text8 { float: right; display: inline-block; position: absolute; margin-top: 765px; margin-left: 820px;  }
  56.  
  57. #footer .text-footer-2 { width: 1300px; display: block; position: absolute; }
  58. #footer .text9 { position: absolute;  margin-left: 0px; margin-top: 900px; }
  59. #footer .text10 { display: block; position: absolute;  margin-left: 730px; margin-top: 900px; }
  60. #footer .text10 a { color:#898989; text-decoration:underline; }
  61. #footer .text10 a:hover { text-decoration:underline; color:#eaeaea; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement