home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / pragmatic / default.css next >
Cascading Style Sheet File  |  2006-12-16  |  3KB  |  252 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.     margin: 0em;
  11.     padding: 0em;
  12. }
  13.  
  14. h1,h2
  15. {
  16. }
  17.  
  18. body
  19. {
  20.     font-family: "trebuchet ms", sans-serif;
  21.     font-size: 10pt;
  22.     background-color: #fff;
  23.     color: #555;
  24. }
  25.  
  26. a
  27. {
  28.     color: #007788;
  29.     text-decoration: underline;
  30. }
  31.  
  32. a:hover
  33. {
  34.     text-decoration: none;
  35. }
  36.  
  37. .clear
  38. {
  39.     clear: both;
  40. }
  41.  
  42. /* Outer */
  43.  
  44. #outer
  45. {
  46.     position: relative;
  47.     margin: 2em;
  48. }
  49.  
  50. /* Header */
  51.  
  52. #header
  53. {
  54.     position: absolute;
  55.     top: 4.5em;
  56.     background: #073C4C url('images/header.jpg') top right no-repeat;
  57.     height: 135px;
  58.     width: 100%;
  59. }
  60.  
  61. #header h1
  62. {
  63.     position: absolute;
  64.     top: 1.2em;
  65.     left: 1.0em; 
  66.     font-size: 2.5em;
  67.     color: #fff;
  68. }
  69.  
  70. #header h2
  71. {
  72.     position: absolute;
  73.     top: 6em;
  74.     left: 2.5em; 
  75.     font-size: 1.0em;
  76.     font-weight: normal;
  77.     color: #fff;
  78. }
  79.  
  80. #header a
  81. {
  82.     color: #fff;
  83.     text-decoration: none;
  84. }
  85.  
  86. /* Menu */
  87.  
  88. #menu
  89. {
  90.     position: absolute;
  91.     width: 100%;
  92.     top: 0em;
  93.     left: 0em;
  94.     background: #007788 url('images/x3.gif') top left repeat-x;
  95.     height: 4em;
  96. }
  97.  
  98. #menu ul
  99. {
  100.     list-style: none;
  101.     position: absolute;
  102.     bottom: 0em;
  103.     left: 1em;
  104. }
  105.  
  106. #menu li
  107. {
  108.     display: block;
  109.     float: left;
  110. }    
  111.  
  112. #menu li a
  113. {
  114.     color: #fff;
  115.     display: block;
  116.     padding: 0.75em 1.25em 1.25em 1.25em;
  117.     text-decoration: none;
  118. }
  119.  
  120. #menu li a:hover
  121. {
  122.     background: #007788 url('images/x4.gif') top left repeat-x;
  123. }
  124.  
  125. /* Content */
  126.  
  127. #content
  128. {
  129.     line-height: 1.7em;
  130.     padding-top: 188px;
  131. }
  132.  
  133. #content p
  134. {
  135.     margin-bottom: 1.5em;
  136. }
  137.  
  138. #content h2,h3,h4,h5,h6
  139. {
  140.     width: 100%;
  141.     position: relative;
  142.     left: -14px;
  143.     margin: 0em -22px 1.2em 0em;
  144.     color: #333;
  145.     padding: 1.1em 14px 0.0em 14px;
  146.     font-size: 1.1em;
  147.     background: #fff url('images/x2.gif') top left repeat-x;
  148. }
  149.  
  150. #content h2 span, #content h3 span
  151. {
  152.     position: absolute;
  153.     top: 0em;
  154.     right: 0em;
  155.     background: #fff url('images/x1.gif') top right no-repeat;
  156.     width: 16px;
  157.     height: 28px;
  158. }
  159.  
  160. #content ul
  161. {
  162.     margin-bottom: 1.5em;
  163.     padding-left: 1em;
  164. }
  165.  
  166. #content blockquote
  167. {
  168.     border: dashed 1px #BFB793;
  169.     background: #FFFEFB url('images/x5.gif') top left repeat-x;
  170.     padding: 1em;
  171.     margin-bottom: 1.5em;
  172. }
  173.  
  174. #content blockquote p
  175. {
  176.     margin-bottom: 0em;
  177. }
  178.  
  179. #content table
  180. {
  181.     margin-bottom: 1.5em;
  182. }
  183.  
  184. #content table th
  185. {
  186.     text-align: left;
  187.     font-weight: bold;
  188.     padding: 0.5em;
  189. }
  190.  
  191. #content table td
  192. {
  193.     padding: 0.5em;
  194. }
  195.  
  196. #content table tr.rowA
  197. {
  198.     background: #FDFEFE url('images/x6.gif') top left repeat-x;
  199.     color: inherit;
  200. }
  201.  
  202. #content table tr.rowB
  203. {
  204.     background: #FFFEFC url('images/x7.gif') top left repeat-x;
  205.     color: inherit;
  206. }
  207.  
  208. /* Primary Content */
  209.  
  210. #primaryContentContainer
  211. {
  212.     position: relative;
  213.     float: left;
  214.     margin-right: -36em;
  215.     width: 100%;
  216. }
  217.  
  218. #primaryContent
  219. {
  220.     margin: 0em 33em 0em 0em;
  221.     padding: 1.5em;
  222. }
  223.  
  224. /* Secondary Content */
  225.  
  226. #secondaryContent
  227. {
  228.     position: relative;
  229.     float: right;
  230.     width: 12em;
  231.     padding: 1.5em;
  232.     margin-right: 1em;
  233. }
  234.  
  235. /* Tertiary Content */
  236.  
  237. #tertiaryContent
  238. {
  239.     position: relative;
  240.     float: right;
  241.     width: 12em;
  242.     padding: 1.5em;
  243. }
  244.  
  245. /* Footer */
  246.  
  247. #footer
  248. {
  249.     padding: 1.5em;
  250.     background: #fff url('images/x2.gif') top left repeat-x;
  251. }
  252.