home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / andreas02 / andreas02.css next >
Encoding:
Cascading Style Sheet File  |  2008-04-24  |  4.0 KB  |  71 lines
  1. /*
  2. Original design: andreas02 (v3.0 - Apr 24, 2008) - A free xhtml/css website template by Andreas Viklund.
  3. For more information, see http://andreasviklund.com/templates/andreas02/
  4. */
  5.  
  6. /* General layout */
  7. body {background:#e0e0e0; color:#303030; font:76% tahoma, verdana, sans-serif; margin:0; padding:15px 0 0;}
  8. #container {background:#fff; margin:0 auto 20px; padding:5px 20px 20px; width:730px;}
  9.  
  10. /* Site title */
  11. #logo {margin:15px 0 0;}
  12. #logo h1 a {border:none; color:#505050;}
  13. #logo h1 a:hover {border:none; color:#303030; text-decoration:none;}
  14. #logo p {font-size:1.3em;  color:#505050; margin:0 0 20px 0;}
  15.  
  16. /* Tags */
  17. a {border-bottom:1px dotted #505050; color:#303030; text-decoration:none;}
  18. a:hover {border-bottom:1px solid #505050; color:#303030; text-decoration:none;}
  19. a img {border:0;}
  20. h1 {font-size:2.2em; font-weight:400; margin:0 0 5px; padding:0;}
  21. h2 {font-size:1.8em; font-weight:400; margin:0 0 12px;}
  22. h3 {font-size:1.4em; font-weight:400; margin:0 0 10px;}
  23. p {line-height:1.5em; margin:0 0 15px; text-align:left;}
  24. ul,ol {margin:0 0 15px 15px; padding:0;}
  25. li {margin:0 0 3px 0;}
  26.  
  27. /* Toptabs menu */
  28. #toptabs {font-size:.8em; margin:10px auto -13px; width:760px;}
  29. #toptabs p {color:gray; text-align:right;}
  30. .toptab {background:#f0f0f0 url(images/corner2.gif) top right no-repeat; border-bottom:1px solid #e0e0e0; color:gray; margin:0 0 0 4px; padding:4px 5px 3px; text-decoration:none;}
  31. .toptab:hover {background:#fafafa url(images/corner2.gif) top right no-repeat; border-bottom:1px solid #eaeaea; color:#505050; text-decoration:none;}
  32. .activetoptab {background:#fff url(images/corner2.gif) top right no-repeat; border-bottom:1px solid #fff; color:#505050; margin:0 0 0 4px; padding:4px 5px 3px; text-decoration:none;}
  33. .activetoptab:hover {border-bottom:1px solid #fff; text-decoration:none;}
  34.  
  35. /* Navitabs menu */
  36. #navitabs {clear:both;}
  37. .navitab {background:#e0e0e0 url(images/corner.gif) top right no-repeat; border-bottom:1px solid #fff; border-left:1px solid #fff; font-size:1.1em; margin:0 0 4px; padding:4px 8px; text-decoration:none;}
  38. .navitab:hover {background:#d0d0d0 url(images/corner.gif) top right no-repeat; border-bottom:1px solid #fff; text-decoration:none;}
  39. .activenavitab {background:#505050 url(images/corner.gif) top right no-repeat; color:#fff; font-size:1.1em; margin:0 0 5px; padding:4px 8px 5px; text-decoration:none;}
  40. .activenavitab:hover {color:#fff; text-decoration:none;}
  41.  
  42. /* Header description area */
  43. #desc {background:#505050 url(images/front.jpg) bottom left repeat-y; clear:both; color:#fff; /* height:200px; */ margin:5px 0 15px; padding:0 0 5px 0;}
  44. #desc p {font-size:1em; line-height:1.3em; padding:0 0 0 15px; width:290px;}
  45. #desc h2 {color:#fff; padding:15px 15px 0;}
  46. #desc a {border-color:#fff; color:#fff; text-decoration:none;}
  47.  
  48. /* Main content */
  49. #main {border-right:1px solid #d8d8d8; float:left; margin:0; padding:0 15px 0 0; width:550px;}
  50.  
  51. /* Sidebar */
  52. #sidebar {float:right; width:150px;}
  53. #sidebar p {font-size:0.9em; line-height:1.3em; margin:0 0 15px;}
  54. #sidebar ul {margin:0 0 15px 0; padding:0;}
  55. #sidebar li {list-style:none;}
  56. ul.sidelink li {list-style:none; margin:0 0 3px; padding:0;}
  57. ul.sidelink li a{background:#f0f0f0 url(images/corner.gif) top right no-repeat; border:none; display:block; margin:5px 10px 5px 0; padding:3px 4px 3px 8px; text-align:left; width:140px;}
  58. ul.sidelink li a:hover {background:#e0e0e0 url(images/corner.gif) top right no-repeat; border:none; text-decoration:none;}
  59.  
  60. /* Footer */
  61. #footer {background:#fff; border-top:1px solid #d8d8d8; clear:both; margin:0; padding:0;}
  62. #footer a {color:gray;}
  63. #footer a:hover {color:#303030;}
  64. #footer p {color:gray; font-size:1.1em; line-height:1.3em; margin:15px 0 0; padding:0;}
  65.  
  66. /* Additional classes */
  67. .photo {background-color:#f0f0f0; border:1px solid #d8d8d8; margin:0 0 15px; padding:2px;}
  68. .timestamp {font-size:1.2em; color:#606060; margin:-12px 0 12px 0;}
  69. .right {margin:-8px 0 8px 0; text-align:right;}
  70. .block {background:#f0f0f0; padding:10px;}
  71. .hide {display:none;}