home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / media / style.css < prev   
Encoding:
Cascading Style Sheet File  |  2007-03-05  |  4.1 KB  |  262 lines
  1. html, body, h1, h2, h3, h4, ul, li {
  2.     margin: 0;
  3.     padding: 0;
  4. }
  5. h1 img {
  6.     display: block;
  7. }
  8. img {
  9.     border: 0;
  10. }
  11. a {
  12.     color: #464544;
  13. }
  14. a:hover {
  15.     color: #FFA405;
  16. }
  17. .left {
  18.     float: left;
  19. }
  20. .right {
  21.     float: right;
  22. }
  23. .more {
  24.     text-align: right;
  25. }
  26. .clear {
  27.     clear: both;
  28. }
  29.  
  30. body {
  31.     background: #fff url(images/page_bg.gif) repeat-x;
  32.     text-align: center;
  33.     font: 12px arial, sans-serif;
  34.     color: #464544;
  35. }
  36.  
  37. /** layout **/
  38. #wrapper {
  39.     text-align: left;
  40.     margin: auto;
  41.     width: 728px;
  42.   position: relative;
  43. }
  44.  
  45. h1 {
  46.   position: absolute;
  47.   top: 46px;
  48.   left: 0;
  49.   height: 43px;
  50.   padding-top: 8px;
  51.   width: 414px;
  52.   text-align: center;
  53.   background: #7A808C;
  54.   color: #ffffff;
  55.   font: 24px "Times new roman", serif;
  56.   font-weight: normal;
  57. }
  58. h1 strong {
  59.   font-weight: normal;
  60.   color: #0E1520;
  61. }
  62. #top-nav {
  63.   position: absolute;
  64.   top: 15px;
  65.   left: 414px;
  66.   width: 266px;
  67.   height: 269px;
  68.   background: #6D7481 bottom left url(images/header.jpg) no-repeat;
  69. }
  70. #top-nav ul {
  71.   text-align: center;
  72.   line-height: 32px;
  73. }
  74. #top-nav li {
  75.   display: inline;
  76.   font-size: 12px;
  77.   color: #fff;
  78. }
  79. #top-nav a {
  80.   text-decoration: none;
  81.   font-weight: normal;
  82.   color: #fff;
  83. }
  84. #top-nav a:hover {
  85.   text-decoration: underline;
  86. }
  87.  
  88. #mmagic {
  89.   background: url(images/media_magic.gif) no-repeat;
  90.   position: absolute;
  91.   top: 46px;
  92.   left: 680px;
  93.   width: 48px;
  94.   height: 238px;
  95. }
  96. #header {
  97.   background: url(images/header_bg.jpg) no-repeat;
  98.   position: absolute;
  99.   top: 89px;
  100.   left: 0px;
  101.   width: 414px;
  102.   height: 195px;
  103. }
  104.  
  105. /** body **/
  106. #spacer {
  107.   height: 285px;
  108. }
  109.  
  110. #body {
  111.   background: url(images/body_bg.gif) repeat-y;
  112.   width: 100%;
  113. }
  114.  
  115. #left {
  116.   float: left;
  117.   width: 412px;
  118. }
  119. #right {
  120.   float: right;
  121.   width: 312px;
  122. }
  123.  
  124. #nav ul {
  125. }
  126. #nav li {
  127.   float: left;
  128.   width: 102px;
  129.   height: 34px;
  130.   line-height: 34px;
  131.   text-align: center;
  132.   background: url(images/tab_lit.gif) repeat-x;
  133.   border-left: 1px solid white;
  134.   list-style: none;
  135. }
  136. #nav a {
  137.   font: 16px "Times new roman", serif;
  138.   color: #ffffff;
  139.   text-decoration: none;
  140. }
  141. #nav a:hover {
  142.   text-decoration: underline;
  143. }
  144. #nav li.drk {
  145.   background: url(images/tab_drk.gif) repeat-x;
  146.   border-left: none;
  147.   padding-left: 1px;
  148. }
  149.  
  150. #visit {
  151.   background: #EEEEEE;
  152.   padding: 15px 40px 14px 36px;
  153. }
  154. #visit h2 {
  155.   font: 24px "Times new roman", serif;
  156. }
  157. #visit a {
  158.   text-decoration: none;
  159. }
  160. #visit a:hover {
  161.   text-decoration: underline;
  162. }
  163.  
  164. #subs-left {
  165.   float: left;
  166.   width: 160px;
  167.   padding-left: 35px;
  168.   padding-bottom: 10px;
  169.   margin-top: 22px;
  170. }
  171. #subs-right {
  172.   float: right;
  173.   width: 145px;
  174.   padding-right: 30px;
  175.   padding-bottom: 10px;
  176.   margin-top: 22px;
  177. }
  178. #subs-left a {
  179.   color: #fff;
  180. }
  181. #subs-left {
  182.   color: #fff;
  183. }
  184. #subs-left h3 {
  185.   color: #000000;
  186.   font: 16px "Times new roman", serif;
  187. }
  188. #subs-left p {
  189.   text-align: justify;
  190. }
  191.  
  192. #subs-right {
  193.   color: #fff;
  194. }
  195. #subs-right h3 {
  196.   color: #000000;
  197.   padding-left: 20px;
  198.   padding-bottom: 14px;
  199.   font: 16px "Times new roman", serif;
  200. }
  201. #subs-right h4 {
  202.   color: #000000;
  203.   font: 14px "Times new roman", serif;
  204.   margin: 0.6em 0;
  205. }
  206. #subs-right ul {
  207.   margin-top: 1em;
  208. }
  209. #subs-right li {
  210.   list-style: none;
  211.   padding-left: 20px;
  212.   background: 5px 3px url(images/bullet.gif) no-repeat;
  213. }
  214. #subs-right p {
  215.   text-align: justify;
  216.   margin: 0.6em 0;
  217. }
  218.  
  219. #right-i {
  220.   padding: 4px 25px 0 20px;
  221. }
  222. #right h2 {
  223.   color: #323E51;
  224.   font: 22px "Times new roman", serif;
  225.   margin-bottom: 12px;
  226. }
  227. #right h3 {
  228.   color: #000000;
  229.   font: 14px "Times new roman", serif;
  230.   margin-bottom: 5px;
  231. }
  232. #right p {
  233.   margin-top: 0;
  234.   color: #163348;
  235. }
  236. #right .left {
  237.   margin-right: 4px;
  238. }
  239. #right a {
  240.   color: #163348;
  241.   font-weight: bold;
  242.   text-decoration: none;
  243. }
  244. #right a:hover {
  245.   text-decoration: underline;
  246. }
  247.  
  248. /** footer **/
  249. #copyright {
  250.   background: #6D7481;
  251.   color: #fff;
  252.   text-align: center;
  253.   font-size: 11px;
  254.   float: right;
  255.   width: 315px;
  256.   padding: 10px 0;
  257.   margin-bottom: 20px;
  258. }
  259. #copyright p {
  260.   margin: 0;
  261.   padding: 0;
  262. }