home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / template25 / style.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2005-09-29  |  4.7 KB  |  285 lines
  1. * {
  2.     margin: 0px;
  3.     padding: 0px;
  4. }
  5.  
  6. body {
  7.     padding: 25px 0px 12px;
  8.     background-color: #98a664;
  9.     color: #fff;
  10.     font-family: verdana, arial, sans-serif;
  11.     font-size: 11px;
  12.     font-weight: bold;
  13.     text-align: center;
  14. }
  15.  
  16. a {
  17.     color: #fff;
  18.     background-color: inherit;
  19.     text-decoration: underline;
  20. }
  21.  
  22. a:hover {
  23.     color: #526052;
  24.     background-color: inherit;
  25. }
  26.  
  27. span {
  28.     display: none;
  29. }
  30.  
  31. img {
  32.     border: none;
  33. }
  34.  
  35. ul {
  36.     list-style-type: none;
  37. }
  38.  
  39. li {
  40.     list-style-type: none;
  41. }
  42.  
  43. p {
  44.     margin: 10px 0px 12px;
  45.     text-align: justify;
  46.     line-height: 15px;
  47. }
  48.  
  49. .clearthis {
  50.     margin : 0px;
  51.     height : 1px;
  52.     clear : both;
  53.     float : none;
  54.     font-size : 1px;
  55.     line-height : 0px;
  56.     overflow : hidden;
  57.     visibility: hidden;
  58. }
  59.  
  60. #container {
  61.     margin: 0px auto;
  62.     width: 767px;
  63.     background-image: url('images/background_image.jpg');
  64.     background-repeat: no-repeat;
  65.     text-align: left;
  66. }
  67.  
  68. #page_static {
  69.     width: 767px;
  70.     height: 235px;
  71.     overflow: hidden;
  72. }
  73.  
  74. .thumbnail {
  75.     padding: 10px 0px;
  76.     text-align: center;
  77. }
  78.  
  79.  
  80. /* Page Header */
  81.  
  82. #page_header {
  83.     padding: 5px 14px 2px;
  84.     z-index: 1;
  85.     position: absolute;
  86. }
  87.  
  88. #page_header h1 {
  89.     width: 265px;
  90.     height: 49px;
  91.     background: url('images/radio_station.gif') no-repeat 0% 50%;
  92. }
  93.  
  94.  
  95. /* Navigation Menu */
  96.  
  97. #navmenu {
  98.     margin: 54px 528px 0px 66px;
  99.     padding-bottom: 2px;
  100.     width: 173px;
  101.     clear: both;
  102.     text-align: center;
  103.     z-index: 1;
  104.     position: absolute;
  105. }
  106.  
  107. #navmenu a {
  108.     text-decoration: none;
  109. }
  110.  
  111. #navmenu li {
  112.     padding: 0px 11px;
  113.     float: left;
  114.     background: url('images/navmenu_background.gif') repeat-y 50% 0%;
  115.     line-height: 23px;
  116. }
  117.  
  118. #navmenu li#menu_first {
  119.     padding-top: 5px;
  120.     background-image: url('images/navmenu_background_top.gif');
  121.     background-repeat: no-repeat;
  122. }
  123.  
  124. #navmenu li#menu_last {
  125.     padding-bottom: 12px;
  126.     background-image: url('images/navmenu_background_bot.gif');
  127.     background-repeat: no-repeat;
  128. }
  129.  
  130. #navmenu li a {
  131.     display: block;
  132.     background-color: #acba78;
  133.     color: inherit;
  134.     font-size: 12px;
  135.     text-transform: uppercase;
  136.     cursor: pointer;
  137. }
  138.  
  139. #navmenu li a:hover {
  140.     background-color: #ddebb1;
  141.     color: #526052;
  142. }
  143.  
  144. #navmenu li#menu_first a {
  145.     padding-top: 2px;
  146.     background-image: url('images/navmenu_background_litop.gif');
  147.     background-repeat: no-repeat;
  148.     background-position: 50% 0%;
  149. }
  150.  
  151. #navmenu li#menu_last a {
  152.     background-image: url('images/navmenu_background_libot.gif');
  153.     background-repeat: no-repeat;
  154.     background-position: 50% 100%;
  155. }
  156.  
  157. #navmenu li a b {
  158.     margin: 0px auto;
  159.     padding-bottom: 2px;
  160.     display: block;
  161.     width: 151px;
  162.     border-bottom: #fff 1px solid;
  163. }
  164.  
  165.  
  166. /* Main Content */
  167.  
  168. #main_content {
  169.     padding-left: 22px;
  170.     background: url('images/main_background.gif') repeat-y 22px 0%;
  171.     float: left;
  172.     clear: both;
  173.     text-align: center;
  174. }
  175.  
  176. #main_content2 {
  177.     width: 435px;
  178.     background: url('images/main_background_right.gif') no-repeat 100% 0%;
  179. }
  180.  
  181. #main_content_header {
  182.     width: 435px;
  183.     background: url('images/main_background_top.gif') no-repeat 50% 0%;
  184. }
  185.  
  186. #main_content_header h2 {
  187.     padding: 20px 10px 12px;
  188.     font-size: 12px;
  189.     text-transform: uppercase;
  190. }
  191.  
  192. #main_content_body {
  193.     margin: 0px auto;
  194.     padding: 2px 0px;
  195.     width: 411px;
  196.     min-height: 220px;
  197.     background-color: #98a664;
  198.     color: inherit;
  199. }
  200.  
  201. #main_content_body #content_box {
  202.     margin: 0px auto;
  203.     padding-bottom: 15px;
  204.     width: 380px;
  205.     text-align: justify;
  206. }
  207.  
  208. #main_content_footer {
  209.     width: 435px;
  210.     height: 21px;
  211.     background: url('images/main_background_bot.gif') no-repeat 50% 100%;
  212.     overflow: hidden;
  213. }
  214.  
  215.  
  216. /* Breaking News */
  217.  
  218. #breaking_news {
  219.     margin-top: 266px;
  220.     width: 310px;
  221.     background: url('images/news_background.gif') #98a664 repeat-y 0% 0%;
  222.     color: #141619;
  223.     float: right;
  224.     font-size: 10px;
  225.     font-weight: normal;
  226.     letter-spacing: 1px;
  227.     line-height: 11px;
  228.     text-align: justify;
  229. }
  230.  
  231. #breaking_news a {
  232.     color: #141619;
  233.     background-color: inherit;
  234. }
  235.  
  236. #breaking_news a:hover {
  237.     color: #606c35;
  238.     background-color: inherit;
  239. }
  240.  
  241. #breaking_news p {
  242.     margin-top: 2px;
  243.     line-height: 11px;
  244. }
  245.  
  246. #breaking_news .thumbnail {
  247.     padding: 5px 0px 7px;
  248. }
  249.  
  250. #breaking_news_header {
  251.     padding: 7px 15px 0px;
  252.     background: url('images/news_background_top.gif') no-repeat 0px 0%;    
  253. }
  254.  
  255. #breaking_news h2 {
  256.     width: 280px;
  257.     background-color: #ddebb1;
  258.     color: #2f3c26;
  259.     font-size: 10px;
  260.     font-weight: bold;
  261.     line-height: 10px;
  262.     text-transform: uppercase;
  263.     text-align: center;
  264. }
  265.  
  266. #breaking_news_body {
  267.     padding: 0px 30px 3px;
  268. }
  269.  
  270. #breaking_news_footer {
  271.     height: 6px;
  272.     overflow: hidden;
  273.     background: url('images/news_background_bot.gif') no-repeat 0% 0%;
  274. }
  275.  
  276.  
  277. /* Page Footer */
  278.  
  279. #page_footer {
  280.     padding: 18px 11px 0px;
  281.     font-size: 10px;
  282.     text-align: center;
  283.     letter-spacing: 1px;
  284. }
  285.