home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / andreas08 / andreas08.css next >
Cascading Style Sheet File  |  2008-07-07  |  4KB  |  76 lines

  1. /*
  2. Original design: andreas08 (v2.0 - Jul 07, 2008) - A free xhtml/css website template by Andreas Viklund.
  3. For more information, see http://andreasviklund.com/templates/andreas08/
  4. */
  5.  
  6. /* Body and tag styles */
  7. * {margin:0; padding:0;}
  8. body {font:76% Verdana,Tahoma,Arial,sans-serif; line-height:1.4em; text-align:center; color:#303030; background:#e8eaec;}
  9. a {color:#467aa7; font-weight:bold; text-decoration:none; background-color:inherit;}
  10. a:hover {color:#2a5a8a; text-decoration:none; background-color:inherit;}
  11. a img {border:none;}
  12. p {padding:0 0 1.6em 0;}
  13. p form {margin-top:0; margin-bottom:20px;}
  14. img.left,img.center,img.right {padding:4px; border:1px solid #a0a0a0;}
  15. img.left {float:left; margin:0 12px 5px 0;}
  16. img.center {display:block; margin:0 auto 5px auto;}
  17. img.right {float:right; margin:0 0 5px 12px;}
  18.  
  19. /* Header and navigation styles */
  20. #container {width:760px; margin:20px auto; padding:1px 0; text-align:left; background:#ffffff; color:#303030; border:2px solid #a0a0a0;}
  21. #header {height:110px; width:758px; margin:0 1px 1px 1px; background:#467aa7; color:#ffffff;}
  22. #header h1 {padding:35px 0 0 20px; font-size:2.4em; background-color:inherit; color:#ffffff; letter-spacing:-2px; font-weight:normal;}
  23. #header h2 {margin:10px 0 0 40px; font-size:1.4em; background-color:inherit; color:#f0f2f4; letter-spacing:-1px; font-weight:normal;}
  24. #navigation {height:2.2em; line-height:2.2em; width:758px; margin:0 1px; background:#578bb8; color:#ffffff;}
  25. #navigation li {float:left; list-style-type:none; border-right:1px solid #ffffff; white-space:nowrap;}
  26. #navigation li a {display:block; padding:0 10px; font-size:0.8em; font-weight:normal; text-transform:uppercase; text-decoration:none; background-color:inherit; color: #ffffff;}
  27. * html #navigation a {width:1%;}
  28. #navigation .selected,#navigation a:hover {background:#80b0da; color:#ffffff; text-decoration:none;}
  29.  
  30. /* Content styles */
  31. #content {float:left; width:530px; font-size:0.9em; padding:20px 0 0 20px;}
  32. #content h2 {display:block; margin:0 0 16px 0; font-size:1.7em; font-weight:normal; letter-spacing:-1px; color:#505050; background-color:inherit;}
  33. #content h2 a {font-weight:normal;}
  34. #content h3 {margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
  35. #content a:hover,#subcontent a:hover {text-decoration:underline;}
  36. #content ul,#content ol {margin:0 5px 16px 35px;}
  37. #content dl {margin:0 5px 10px 25px;}
  38. #content dt {font-weight:bold; margin-bottom:5px;}
  39. #content dd {margin:0 0 10px 15px;}
  40.  
  41. /* Sidebar styles */
  42. #subcontent {float:right; width:170px; padding:20px 20px 10px 0; line-height:1.4em;}
  43. #subcontent h2 {display:block; margin:0 0 15px 0; font-size:1.6em; font-weight:normal; text-align:left; letter-spacing:-1px; color:#505050; background-color:inherit;}
  44. #subcontent p {margin:0 0 16px 0; font-size:0.9em;}
  45.  
  46. /* Menublock styles */
  47. .menublock {margin:0 0 20px 8px; font-size:0.9em;}
  48. .menublock li {list-style:none; display:block; padding:2px; margin-bottom:2px;}
  49. .menublock li a {font-weight:bold; text-decoration:none;}
  50. .menublock li a:hover {text-decoration:none;}
  51. .menublock li ul {margin:3px 0 3px 15px; font-size:1em; font-weight:normal;}
  52. .menublock li ul li {margin-bottom:0;}
  53. .menublock li ul a {font-weight:normal;}
  54.  
  55. /* Searchbar styles */
  56. #searchbar {margin:0 0 20px 0;}
  57. #searchbar form fieldset {margin-left:10px; border:0 solid;}
  58. #searchbar #s {height:1.2em; width:110px; margin:0 5px 0 0; border:1px solid #a0a0a0;}
  59. #searchbar #searchbutton {width:auto; padding:0 1px; border:1px solid #808080; font-size:0.9em; text-align:center;}
  60.  
  61. /* Footer styles */
  62. #footer {clear:both; width:758px; padding:5px 0; margin:0 1px; font-size:0.9em; color:#f0f0f0; background:#467aa7;}
  63. #footer p {padding:0; margin:0; text-align:center;}
  64. #footer a {color:#f0f0f0; background-color:inherit; font-weight:bold;}
  65. #footer a:hover {color:#ffffff; background-color:inherit; text-decoration: underline;}
  66.  
  67. /* Misc classes and styles */
  68. .splitcontentleft {float:left; width:48%;}
  69. .splitcontentright {float:right; width:48%;}
  70. .clear {clear:both;}
  71. .small {font-size:0.8em;}
  72. .hide {display:none;}
  73. .textcenter {text-align:center;}
  74. .textright {text-align:right;}
  75. .important {color:#f02025; background-color:inherit; font-weight:bold;}
  76. .box {margin:0 0 20px 0; padding:10px; border:1px solid #c0c0c0; background-color:#fafbfc; color:#505050; line-height:1.5em;}