home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / dark_ritual / default.css next >
Encoding:
Cascading Style Sheet File  |  2006-11-06  |  2.6 KB  |  141 lines
  1. /*#############################################################
  2. Name: Dark Ritual
  3. Date: 2006-11-06
  4. Description: Tribal-style three column layout.
  5. Author: Viktor Persson
  6. URL: http://templates.arcsin.se
  7.  
  8. Feel free to use and modify but please provide credits.
  9. #############################################################*/
  10.  
  11. /* standard elements */
  12. * {
  13.     margin: 0;
  14.     padding: 0;
  15. }
  16.  
  17. a {color: #682;}
  18.  
  19. a:hover {color: #9A6;}
  20.  
  21. body {
  22.     background: #333 url(img/bg.gif);
  23.     color: #333;
  24.     font: normal 62.5% "Lucida Sans Unicode",sans-serif;
  25.     margin: 3% 0;
  26. }
  27.  
  28. p,ul {
  29.     padding-bottom: 1em;
  30. }
  31.  
  32. ul {margin-left: 1.2em;}
  33.  
  34. li {list-style: none;}
  35. .main li {list-style-image: url(img/li.gif);}
  36.  
  37. h1 {font-size: 1.2em;}
  38.  
  39. blockquote {
  40.     background: #FFF;
  41.     border-bottom: 1px solid #EEE;
  42.     border-top: 1px solid #EEE;
  43.     color: #333;
  44.     display: block;
  45.     font-size: 0.9em;
  46.     margin-bottom: 1.2em;
  47.     padding: 6px 12px;
  48. }
  49. blockquote p {padding: 3px 0;}
  50.  
  51. h1,h2,h3 {color: #994;}
  52.  
  53. /* misc */
  54. .clearer {clear: both;}
  55. .main_right .padded {padding: 6px 2px 6px 16px;}
  56. .main .padded {padding: 18px 24px;}
  57. .meta {font-size: 0.8em; color: #666;}
  58. .left {float: left;}
  59. .right {float: right;}
  60.  
  61. /* structure */
  62. .container {
  63.     font-size: 1.2em;
  64.     background: url(img/bgcontainer.gif) repeat-y;
  65.     margin: 0 auto;
  66.     width: 840px;
  67.     border: 12px solid #222;
  68. }
  69.  
  70. /* header */
  71. .header {
  72.     float: left;
  73.     width: 640px;
  74.     background: url(img/header.jpg) no-repeat;
  75.     font: normal 2.4em Verdana,sans-serif;
  76.     line-height: 150px;
  77.     text-align: center;    
  78. }
  79.  
  80. /* structure */
  81. .top {
  82.     background: #222;
  83.     color: #DDD;
  84.     float: left;
  85.     font: normal 1.4em Verdana;
  86.     height: 50px;
  87.     text-align: center;
  88.     width: 639px;
  89. }
  90. .subnav {
  91.     float: left;
  92.     width: 160px;
  93. }
  94. .main {
  95.     float: left;
  96.     width: 480px;
  97. }
  98. .main_right {
  99.     float: right;
  100.     width: 200px;
  101.     color: #CCC;
  102. }
  103.  
  104. /* sub-navigation */
  105. .subnav h1 {
  106.     background: #222;
  107.     color: #FFE;
  108.     font: bold 1.1em Verdana,sans-serif;
  109.     line-height: 24px;
  110.     padding-left: 8px;
  111. }
  112. .subnav ul {margin: 0; padding: 0;}
  113. .subnav li {
  114.     border-bottom: 1px solid #696755;
  115.     list-style: none;
  116. }
  117. .subnav li a {
  118.     background: #89866F;    
  119.     color: #111;
  120.     display: block;
  121.     padding: 8px 0 8px 12px;
  122.     width: 148px;
  123.     text-decoration: none;
  124. }
  125. .subnav li a:hover {
  126.     background: #9C997C;
  127.     color: #000;
  128. }
  129.  
  130. /* footer */
  131. .footer {
  132.     background: url(img/bgfooter.gif) repeat-x;
  133.     color: #CCC;
  134.     font-size: 0.9em;
  135.     line-height: 39px;
  136.     width: 100%;
  137.     text-align: center;
  138. }
  139. .footer .left,.footer .right {padding: 0 16px;}
  140. .footer a {color: #EEE;}
  141. .footer a:hover {color: #FAFCB0;}