home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / genericblue / default.css next >
Cascading Style Sheet File  |  2006-12-11  |  4KB  |  284 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. body
  20. {
  21.     font-family: Arial, sans-serif;
  22.     font-size: 10pt;
  23.     color: #666;
  24.     background-color: #fff;
  25. }
  26.  
  27. a
  28. {
  29.     color: #0077dd;
  30.     text-decoration: underline;
  31. }
  32.  
  33. a:hover
  34. {
  35.     text-decoration: none;
  36. }
  37.  
  38. /* Outer */
  39.  
  40. #outer
  41. {
  42.     padding: 0em;
  43.     margin: 0em;
  44.     width: 100%;
  45. }
  46.  
  47. /* Header */
  48.  
  49. #header
  50. {
  51.     position: relative;
  52.     background: #004778 url('images/a5.gif') bottom left repeat-x;
  53.     height: 10em;
  54.     padding-left: 2em;
  55. }
  56.  
  57. #header h1
  58. {
  59.     position: absolute;
  60.     top: 1.8em;
  61.     font-size: 2.2em;
  62.     letter-spacing: -0.05em;
  63. }
  64.  
  65. #header h1 a
  66. {
  67.     color: #fff;
  68.     text-decoration: none;
  69. }
  70.  
  71. #header h2
  72. {
  73.     position: absolute;
  74.     font-size: 0.8em;
  75.     top: 8em;
  76.     color: #E0E8EF;
  77. }
  78.  
  79. /* Menu */
  80.  
  81. #menu
  82. {
  83.     position: absolute;
  84.     top: 5em;
  85.     right: 3em;
  86. }
  87.  
  88. #menu ul
  89. {
  90.     list-style: none;
  91. }
  92.  
  93. #menu li
  94. {
  95.     display: inline;
  96.     padding-left: 1.1em;
  97.     margin-left: 1em;
  98.     border-left: dotted 1px #E0E8EF;
  99. }
  100.  
  101. #menu li.first
  102. {
  103.     border: 0em;
  104.     margin-left: 0em;
  105.     padding-left: 0em;
  106. }
  107.  
  108. #menu li a
  109. {
  110.     color: #fff;
  111.     padding: 0.1em;
  112.     text-decoration: none;
  113. }
  114.  
  115. #menu li a:hover
  116. {
  117.     text-decoration: underline;
  118. }
  119.  
  120. /* Content */
  121.  
  122. #content
  123. {
  124.     line-height: 1.5em;
  125. }
  126.  
  127.  
  128. #content p
  129. {
  130.     margin-bottom: 1.5em;
  131. }
  132.  
  133. #content h2,h3,h4,h5,h6
  134. {
  135.     color: #545454;
  136.     margin-bottom: 1em;
  137.     border-bottom: dashed 1px #dfdfdf;
  138.     padding-bottom: 0.3em;
  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 ul
  152. {
  153.     margin-bottom: 1.5em;
  154.     padding-left: 1em;
  155.     list-style: square;
  156. }
  157.  
  158. #content blockquote
  159. {
  160.     margin-bottom: 1.5em;
  161.     padding: 0.75em 0.75em 0.75em 1.5em;
  162.     border-left: solid 0.75em #005082;
  163.     background: #FDFDFD url('images/a7.gif') top left repeat-x;
  164. }
  165.  
  166. #content blockquote p
  167. {
  168.     margin-bottom: 0em;
  169. }
  170.  
  171. #content table
  172. {
  173.     margin-bottom: 1.5em;
  174.     border-collapse: collapse;
  175.     text-align: left;
  176. }
  177.  
  178. #content table th
  179. {
  180.     font-weight: bold;
  181.     padding: 0.5em;
  182. }
  183.  
  184. #content table td
  185. {
  186.     padding: 0.5em;
  187.     border-right: solid 1px #fff;
  188. }
  189.  
  190. #content table tr.rowH
  191. {
  192.     color: #fff;
  193.     background: #006192 url('images/a8.gif') top left repeat-x;
  194.     border-right: solid 1px #fff;
  195. }
  196.  
  197. #content table tr.rowA
  198. {
  199.     background: #F8F8F8 url('images/a6.gif') top left repeat-x;
  200.     border-top: solid 1px #fff;
  201.     color: inherit;
  202. }
  203.  
  204. #content table tr.rowB
  205. {
  206.     background: #FDFDFD url('images/a7.gif') top left repeat-x;
  207.     border-top: solid 1px #fff;
  208.     color: inherit;
  209. }
  210.  
  211. /* Primary Content */
  212.  
  213. #primaryContentContainer
  214. {
  215.     background-color: #fff;
  216.     float: right;
  217.     margin: 0em -19em 0em -19em;
  218.     width: 100%;
  219. }
  220.  
  221. #primaryContent
  222. {
  223.     margin: 1.5em 19em 0em 17.25em;
  224.     padding: 1.5em 3em 1.5em 3em;
  225. }
  226.  
  227. /* Secondary Content */
  228.  
  229. #secondaryContent
  230. {
  231.     position: relative;
  232.     float: left;
  233.     width: 14em;
  234.     padding: 3em 2em 1.5em 2em;
  235.     background: #fff url('images/a1.gif') top right repeat-y;
  236. }
  237.  
  238. #secondaryContent .xbg
  239. {
  240.     position: absolute;
  241.     right: 0em;
  242.     bottom: -64px;
  243.     background: #fff url('images/a3.gif') top right no-repeat;
  244.     height: 64px;
  245.     width: 128px;
  246. }
  247.  
  248. /* Tertiary Content */
  249.  
  250. #tertiaryContent
  251. {
  252.     position: relative;
  253.     float: right;
  254.     width: 15em;
  255.     padding: 3em 2em 1.5em 2em;
  256.     background: #fff url('images/a2.gif') top left repeat-y;
  257. }
  258.  
  259. #tertiaryContent .xbg
  260. {
  261.     position: absolute;
  262.     left: 0em;
  263.     bottom: -64px;
  264.     background: #fff url('images/a4.gif') top left no-repeat;
  265.     height: 64px;
  266.     width: 128px;
  267. }
  268.  
  269. /* Footer */
  270.  
  271. #footer
  272. {
  273.     position: relative;
  274.     z-index: 1;
  275.     border-top: dashed 1px #dfdfdf;
  276.     padding: 1em 0em 2em 0em;
  277.     margin: 1em 2em 0em 2em;
  278.     text-align: center;
  279. }
  280.  
  281. .clear
  282. {
  283.     clear: both;
  284. }