home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / daleri_structure / daleri-structure.css next >
Encoding:
Cascading Style Sheet File  |  2008-07-07  |  4.5 KB  |  90 lines
  1. /*
  2. Original design: Daleri Structure (v1.0 - Jul 07, 2008) - A free xhtml/css website template by Andreas Viklund.
  3. For more information, see http://andreasviklund.com/templates/daleri-structure/
  4. */
  5.  
  6. /* Body */
  7. * {margin:0; padding:0;}
  8. body {background:#474d59 url(images/bodybg.gif) top left repeat-x; color:#eee; font:76% Verdana,Arial,Tahoma,"Trebuchet MS",sans-serif; line-height:1.4em; text-align:center; padding:0;}
  9.  
  10. #wrap {width:960px; background-color:#fff; color:#555; padding:10px; margin:10px auto 0 auto; text-align:left; border:1px solid #555;}
  11. #top {width:960px; text-align:right; margin:10px auto 5px auto; color:#ddd; font-size:0.9em;}
  12. #top p {margin:2px; padding:0;}
  13. #top a {color:#eee; border-bottom: 1px dotted #aaa;}
  14. #top a:hover {color:#fff; text-decoration:none; border-bottom:1px dotted #fff;}
  15.  
  16. /* Header and title */
  17. #header {text-align:left; padding:0; margin:0 0 10px 0;}
  18. #sitetitle {width:340px; float:left;}
  19. #sitetitle h1 {font-weight: 700; font-size:2.2em; letter-spacing:-2px; line-height:0.9em; margin:20px 0 10px 10px; padding:0;}
  20. #sitetitle h1 a {font-weight:700; letter-spacing:-1px;}
  21. #sitetitle p {margin:5px 0 20px 20px; padding:0; letter-spacing:-1px; font-size:1.4em; color:#777;}
  22.  
  23. /* Main menu */
  24. #mainmenu {float:right; width:600px; margin:0;}
  25. dl.nav {width:140px; float:left; margin: 0 0px 5px 10px;}
  26. dl.nav dt {border-bottom:1px solid #aaa; padding:0; font-weight:700; margin:0; color:#777;}
  27. dl.nav dt a {font-weight:700; color:#777;}
  28. dl.nav dt a:hover {color:#222;}
  29. dl.nav dd {padding:0; margin:0; border-bottom:1px solid #ccc;}
  30. dl.nav dd a {font-weight:400; padding:1px 0 1px 5px; color:#4d699d; display:block; width:135px;}
  31. dl.nav dd a:hover {color:#222; background:#f4f4f4;}
  32.  
  33. /* Headline */
  34. #headline {width:958px; text-align:center; margin:5px 0 15px 0; border:1px solid #ccc; background-color:#f0f0f0; color:#777; font-size:0.9em;}
  35. #headline p {margin:2px; padding:0;}
  36.  
  37. /* Headers */
  38. h2, h3, h4 {margin:0 0 14px; padding-bottom:5px; color:#666; font-weight:700;}
  39.  
  40. /* Content */
  41. #content {float:left; text-align:left; width:700px; margin:10px 0 0 0;;}
  42. #content h2 {font-size:1.7em; letter-spacing:-1px; clear:left; border-bottom:2px solid #ccc;}
  43. #content h3 {font-size:1.4em; letter-spacing:-1px;}
  44. #content h2 a, #content h3 a {font-weight:700;}
  45. #content p {margin:0 0 15px;}
  46. #content a {border-bottom:1px dotted #888;}
  47. #content a:hover {color: #222; border-bottom:1px dotted #000;}
  48. #content ul, #content ol {margin:0 0 15px 10px; padding:0 0 0 10px;}
  49. #content ul li, #content ol li {margin:0 0 10px 10px;}
  50. #content ul ul, #content ol ol {margin:5px 0 5px 10px;}
  51.  
  52. /* Sidebar */
  53. #sidebar {text-align:left; margin:5px 0 0 718px; width:220px; padding:10px; background:#f0f0f0; border:1px solid #ccc;}
  54. #sidebar h2, #sidebar h3 {font-size:1.4em; padding:0 0 2px 0; margin:0 0 5px 0; border-bottom:2px solid #ccc;}
  55. #sidebar p, #sidebar ul, #sidebar ol {margin:0 0 15px 0; padding:0;}
  56. #sidebar a {font-weight:400;}
  57. #sidebar ul li {list-style:none; margin:0 0 3px 0;}
  58. #sidebar ul li a {font-size:1.1em;}
  59. #sidebar ul ul {margin:3px 0 3px 10px; font-size:1em;}
  60. #sidebar ul ul li {margin:2px 0;}
  61. #sidebar ul ul li a {font-weight:400;}
  62.  
  63. #sidebar ul.sidemenu li {list-style: none; width:218px; padding:0; margin:0 0 2px 0;}
  64. #sidebar ul.sidemenu li a {display: block; overflow: visible; padding:2px 0 2px 5px; background-color:#f4f4f4; font-weight:400; border:1px solid #ddd; font-size:1.1em; }
  65. #sidebar ul.sidemenu li a:hover, #sidebar ul li.current a {border:1px solid #555; color:#444; background-color:#fff;}
  66. #sidebar ul.sidemenu li.current li a {background-color:#f8f8f8; color:#467aa7; border:1px solid #ddd; border-bottom:1px solid #ccc;}
  67. #sidebar ul.sidemenu ul {margin:0; padding:2px 0 0 15px;}
  68. #sidebar ul.sidemenu ul li {width:203px; letter-spacing:0;}
  69. #sidebar ul.sidemenu ul li a {font-size:0.9em; padding:1px 0 1px 5px;}
  70.  
  71. /* Footer */
  72. #footer {clear:both; font-size:0.9em; width:960px; line-height:1.5em; color:#ccc;  margin: 5px auto 10px auto; padding:0;}
  73. #footer p {margin:0; padding:0;}
  74. #footer a {color:#ddd; border-bottom: 1px dotted #aaa;}
  75. #footer a:hover {color:#eee; text-decoration:none; border-bottom:1px dotted #fff;}
  76.  
  77. /* Links */
  78. a {color:#4d699d; font-weight:400; text-decoration:none;}
  79. a:hover {color:#444; text-decoration:none;}
  80. a img {border:0;}
  81.  
  82. /* Various classes */
  83. .left {float:left; width:49%; text-align:left;}
  84. .right {float:right; width:49%; text-align:right;}
  85. .textleft {text-align:left;}
  86. .textright {text-align:right;}
  87. .textcenter {text-align:center;}
  88. .introtext, .introtext a {font-weight:700;}
  89. .clear {visibility:hidden; clear:both; height:1px;}
  90. .hide {display:none;}