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