home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / daleri_mega / daleri-mega.css next >
Encoding:
Cascading Style Sheet File  |  2008-07-10  |  4.7 KB  |  92 lines
  1. /*
  2. Original design: Daleri Mega (v1.0 - July 10, 2008) - A free xhtml/css website template by Andreas Viklund.
  3. For more information, see http://andreasviklund.com/templates/daleri-mega/
  4. */
  5.  
  6. /* Body */
  7. * {margin:0; padding:0;}
  8. body {background:#303030 url(images/bodybg.gif) top center 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:95%; min-width:750px; background-color:#fff; color:#555; padding:1%; margin:0 auto 0 auto; text-align:left; border:1px solid #555;}
  11. #top {width:95%; margin:15px auto 15px auto;}
  12. #skiplinks {width:40%; float:right; color:#ddd; font-size:1.1em; text-align:right; margin:0; padding:0;}
  13. #skiplinks a {color:#bacac8; border-bottom: 1px dotted #aaa;}
  14. #skiplinks a:hover {color:#fff; text-decoration:none; border-bottom:1px dotted #fff;}
  15.  
  16. /* Header and title */
  17. #sitetitle {float:left; text-align:left;}
  18. #sitetitle h1 {font-weight:700; font-size:2.4em; color:#ddd; letter-spacing:-1px; line-height:1.3em; margin:0; padding:0;}
  19. #sitetitle h1 a {font-weight:700; letter-spacing:-1px; color:#bacac8;}
  20. #sitetitle h1 a:hover {color:#fff;}
  21. #sitetitle p {margin:5px 0 0 0; padding:0; letter-spacing:-1px; font-size:1.3em; color:#ccc;}
  22.  
  23. /* Main menu */
  24. #mainmenu {margin:0 0 10px 0;}
  25. #mainmenu dl {float:left; display:block; width:16%; margin: 0 0.5% 5px 0.5%;}
  26. #mainmenu dl.introduction {float:left; display:block; width:31%; margin: 0 0 5px 0.5%;}
  27. #mainmenu dl dt {border-bottom:1px solid #ccc; padding:0; font-weight:700; margin:0; color:#777;}
  28. #mainmenu dl dt a {font-weight:700; color:#555; font-size:1.1em;}
  29. #mainmenu dl dt a:hover {color:#444;}
  30. #mainmenu dl dd {padding:0; margin:0; border-bottom:1px solid #eee;}
  31. #mainmenu dl dd a {font-weight:400; padding:1px 0 1px 5px; color:#4d699d; display:block;}
  32. #mainmenu dl dd a:hover {color:#444; background:#eaeaea;}
  33.  
  34. /* Headline */
  35. #headline {text-align:center; margin:5px 0 15px 0; border:1px solid #e0e0e0; background-color:#f0f0f0; color:#777; font-size:0.9em;}
  36. #headline p {margin:2px; padding:0;}
  37.  
  38. /* Headers */
  39. h2, h3, h4 {margin:0 0 12px; padding-bottom:5px; color:#555; font-weight:700;}
  40.  
  41. /* Content */
  42. #content {text-align:left; width:70%; float:right;}
  43. #content h2 {font-size:1.7em; letter-spacing:-1px; clear:left; border-bottom:2px solid #ccc;}
  44. #content h3 {font-size:1.4em; letter-spacing:-1px; margin-bottom:7px;}
  45. #content h2 a, #content h3 a {font-weight:700; border:0;}
  46. #content p {margin:0 0 15px;}
  47. #content a {border-bottom:1px dotted #888;}
  48. #content a:hover {color: #222; border-bottom:1px dotted #000;}
  49. #content ul, #content ol {margin:0 0 15px 10px; padding:0 0 0 5px;}
  50. #content ul li, #content ol li {margin:0 0 4px 5px;}
  51. #content ul ul, #content ol ol {margin:5px 0 5px 10px;}
  52.  
  53. /* Sidebar */
  54. #sidebar {text-align:left; float:left; margin:0; width:29%; }
  55. #sidebar h2, #sidebar h3 {font-size:1.4em; padding:0 0 2px 0; margin:0 0 5px 0; border-bottom:2px solid #ccc;}
  56. #sidebar p, #sidebar ul, #sidebar ol {margin:0 0 15px 0; padding:0;}
  57. #sidebar ul li {list-style:none; margin:0 0 3px 0;}
  58. #sidebar ul li a {font-weight:400; 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. #sidebar ul.sidemenu li {list-style: none; padding:0; margin:0 0 2px 0;}
  63. #sidebar ul.sidemenu li a {display: block; overflow: visible; padding:2px 0 2px 5px; background-color:#f4f4f4; font-weight:400; border:1px solid #e0e0e0; font-size:1.1em; }
  64. #sidebar ul.sidemenu li a:hover, #sidebar ul li.current a {border:1px solid #ddd; color:#444; background-color:#fff;}
  65. #sidebar ul.sidemenu li.current li a {background-color:#f8f8f8; color:#467aa7; border:1px solid #eee; border-bottom:1px solid #ddd;}
  66. #sidebar ul.sidemenu ul {margin:0; padding:2px 0 0 15px;}
  67. #sidebar ul.sidemenu ul li {letter-spacing:0;}
  68. #sidebar ul.sidemenu ul li a {font-size:0.9em; padding:1px 0 1px 5px;}
  69.  
  70. /* Footer */
  71. #footer {clear:both; width:95%; line-height:1.6em; color:#ccc;  margin: 0 auto; padding:10px 0;}
  72. #footer p {margin:0; padding:0;}
  73. #footer a {color:#bacac8; border-bottom: 1px dotted #aaa;}
  74. #footer a:hover {color:#fff; text-decoration:none; border-bottom:1px dotted #fff;}
  75.  
  76. /* Links and tags */
  77. a {color:#4d699d; font-weight:400; text-decoration:none;}
  78. a:hover {color:#444; text-decoration:none;}
  79. img, a img {border:0;}
  80.  
  81. /* Various classes */
  82. .left {float:left; width:48%; text-align:left;}
  83. .right {float:right; width:48%; text-align:left;}
  84. .trio1 {float:left; width:31%; padding:0 2% 0 0;}
  85. .trio2 {float:left; width:31%; padding:0 2% 0 0;}
  86. .trio3 {float:left; width:33%; padding:0;}
  87. .textleft {text-align:left;}
  88. .textright {text-align:right;}
  89. .textcenter {text-align:center;}
  90. .introtext, .introtext a {font-weight:700;}
  91. .clear {visibility:hidden; clear:both; height:2px;}
  92. .hide {display:none;}