home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / civilized / default.css next >
Encoding:
Cascading Style Sheet File  |  2006-12-18  |  3.1 KB  |  247 lines
  1. /*
  2.     Design by Free CSS Templates
  3.     http://www.freecsstemplates.org
  4.     Released for free under a Creative Commons Attribution 2.5 License
  5. */
  6.  
  7. /* Basic */
  8.  
  9. *
  10. {
  11.     margin: 0em;
  12.     padding: 0em;
  13. }
  14.  
  15. h1,h2
  16. {
  17. }
  18.  
  19. a
  20. {
  21.     color: #995500;
  22. }
  23.  
  24. body
  25. {
  26.     font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  27.     font-size: 11pt;
  28.     background: #fff;
  29.     color: #665555;
  30. }
  31.  
  32. /* Outer */
  33.  
  34. #outer
  35. {
  36.     margin: 0em auto 1em auto;
  37.     width: 100%;
  38.     background-color: #fff;
  39. }
  40.  
  41. /* Header */
  42.  
  43. #header
  44. {
  45.     padding: 1.5em 2em 1.5em 4em;
  46.     background: #2E2017 url('images/a1.jpg') top left repeat-x;
  47. }
  48.  
  49. #header h1
  50. {
  51.     font-size: 2.0em;
  52. }
  53.  
  54. #header h1, #header h2
  55. {
  56.     display: block;
  57.     width: 778px;
  58.     margin: 0em auto;
  59. }
  60.  
  61. #header h1 a
  62. {
  63.     color: #fff;
  64.     text-decoration: none;
  65. }
  66.  
  67. #header h2
  68. {
  69.     color: #bbaa77;
  70.     font-size: 0.8em;
  71. }
  72.  
  73. /* Menu */
  74.  
  75. #menu
  76. {
  77.     padding: 1em 2em 1em 0em;
  78.     background: #F1DFC9 url('images/a2.gif') top left repeat-x;
  79.     font-size: 0.9em;
  80. }
  81.  
  82. #menu ul
  83. {
  84.     display: block;
  85.     width: 778px;
  86.     margin: 0em auto;
  87.     list-style: none;
  88.     padding-left: 2.5em;
  89. }
  90.  
  91. #menu li
  92. {
  93.     display: inline;
  94. }
  95.  
  96. #menu li a
  97. {
  98.     color: #38271C;
  99.     font-weight: bold;
  100.     text-decoration: none;
  101.     padding: 0.25em 0.75em 0.25em 0.75em;
  102. }
  103.  
  104. #menu li a:hover
  105. {
  106.     background: #342117 url('images/a4.gif') top left repeat-x;
  107.     color: #fff;
  108. }
  109.  
  110. /* Content */
  111.  
  112. #content
  113. {
  114.     width: 778px;
  115.     margin: 0em auto;
  116. }
  117.  
  118. #content p
  119. {
  120.     margin-bottom: 1.5em;
  121.     text-align: justify;
  122. }
  123.  
  124. #content h2,h3,h4,h5,h6
  125. {
  126.     color: #443333;
  127.     margin-bottom: 1em;
  128. }
  129.  
  130. #content ul
  131. {
  132.     margin-bottom: 1.5em;
  133.     padding-left: 1em;
  134. }
  135.  
  136. #content blockquote
  137. {
  138.     padding-left: 1em;
  139.     margin-bottom: 1.5em;
  140.     border-left: solid 7px #EFEECC;
  141. }
  142.  
  143. #content blockquote p
  144. {
  145.     margin-bottom: 0em;
  146. }
  147.  
  148. #content table
  149. {
  150.     margin-bottom: 1.5em;
  151. }
  152.  
  153. #content table th
  154. {
  155.     text-align: left;
  156.     font-weight: bold;
  157.     padding: 0.5em;
  158.     color: #443333;
  159. }
  160.  
  161. #content table td
  162. {
  163.     padding: 0.5em;
  164. }
  165.  
  166. #content table tr.rowA
  167. {
  168.     background-color: #F6EECC;
  169.     color: inherit;
  170. }
  171.  
  172. #content table tr.rowB
  173. {
  174.     background-color: #FFFEEF;
  175.     color: inherit;
  176. }
  177.  
  178. /* Primary Content */
  179.  
  180. #primaryContentContainer
  181. {
  182.     float: left;
  183.     margin-left: -17em;
  184.     width: 100%;
  185. }
  186.  
  187. #primaryContent
  188. {
  189.     margin: 0em 0em 0em 16.5em;
  190.     padding: 1.5em;
  191. }
  192.  
  193. #primaryContent h2, #primaryContent h3
  194. {
  195.     border-bottom: solid 1px #efeecc;
  196.     padding-bottom: 0.25em;
  197.     margin-bottom: 1.25em;
  198. }
  199.  
  200. #primaryContent h2
  201. {
  202.     font-size: 1.7em;
  203. }
  204.  
  205. #primaryContent h3
  206. {
  207.     font-size: 1.1em;
  208. }
  209.  
  210. /* Secondary Content */
  211.  
  212. #secondaryContent
  213. {
  214.     float: right;
  215.     width: 14em;
  216.     padding: 1.5em 2em 1.5em 2em;
  217.     font-size: 0.9em;
  218. }
  219.  
  220. #secondaryContent h3
  221. {
  222.     background: #2E2017 url('images/a4.gif') top left repeat-x;
  223.     color: #fff;
  224.     padding: 0.5em;
  225.     padding: 0.5em 0.5em 0.5em 1.0em;
  226.     position: relative;
  227.     left: -0.8em;
  228.     margin-right: -1.6em;
  229.     font-size: 1.0em;
  230. }
  231.  
  232. /* Footer */
  233.  
  234. #footer
  235. {
  236.     padding: 1.5em 2em 1.5em 2em;
  237.     text-align: center;
  238.     width: 778px;
  239.     margin: 0em auto;
  240.     border-top: solid 1px #efeecc;
  241.     font-size: 0.9em;
  242. }
  243.  
  244. .clear
  245. {
  246.     clear: both;
  247. }