home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / WebBouquet / style.css < prev    next >
Cascading Style Sheet File  |  2006-11-09  |  3KB  |  187 lines
  1. BODY {
  2.     background-repeat: repeat-y;
  3.     background-color: Black;
  4.     text-align: center;
  5.     margin: 0;
  6.     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  7. }
  8. .mainText {
  9.     color: White;
  10.     font-size: 12px;
  11. }
  12. .subTitle {
  13.     color: #FBBC1C;
  14.     font-size: 18px;
  15.     font-weight: bold;
  16. }
  17.  
  18. #container {
  19.     margin: auto;
  20.     background-image: url(img/background.jpg);
  21.     width: 800px;
  22.     height: 600px;
  23.     background-repeat: repeat-y;
  24.     border-bottom: thick solid #0C3C00;
  25. }
  26. #content {
  27.     width: 480px;
  28.     /*height: 460px;*/
  29.     background-image: url(img/flower2.gif);
  30.     background-position: top left;
  31.     background-repeat: no-repeat;
  32.     text-align: left;
  33.     float: left;
  34.     color: White;
  35. }
  36. #content hr {
  37.     color: #823467;
  38.     width: 200px;
  39.     text-align: center;
  40. }
  41. #content a {
  42.     color: Lime;
  43.     text-decoration: none;
  44. }
  45. #content a:hover {
  46.     color: #366BC8;
  47.     text-decoration: underline;
  48. }
  49. #left-column {
  50.     width: 160px;
  51.     height: 100%;
  52.     clear: left;
  53.     float: left;
  54. }
  55. #right-column {
  56.     width: 160px;
  57.     height: 100%;
  58.     clear: right;
  59.     float: right;
  60.     margin:0;
  61. }
  62. #right-column #news {
  63.     background-color: #823467;
  64.     color: #FFF;
  65.     width: 114px;
  66.     padding: 5px;
  67.     text-align: left;
  68.     margin: auto;
  69.     filter:alpha(opacity=65);
  70.     -moz-opacity:.65;
  71.     opacity:.65;
  72. }
  73. #right-column #news p{
  74.     margin-left: 4px;
  75.     margin-right: 4px;
  76.     font-size: 12px;
  77. }
  78. #right-column a {
  79.     color: Black;
  80.     background-color: #FFF;
  81.     font-size: 10px;
  82.     font-weight: bolder;
  83.     text-decoration: none;
  84. }
  85. #right-column a:hover {
  86.     background-color: #000;
  87.     color: #FFF;
  88. }
  89. #header {
  90.     background-image: url(img/header.jpg);
  91.     width: 470px;
  92.     height: 120px;
  93.     text-align: center;
  94.     margin: auto;
  95. }
  96. #title {
  97.     color: Yellow;
  98.     font-size: 28px;
  99.     font-weight: bolder;
  100. }
  101. #header p {
  102.     color: #FFF;
  103.     font-size: 16px;
  104.     font-weight: bold;
  105.     font-style: italic;
  106. }
  107. ul {
  108.     list-style: none;
  109.     margin: 0;
  110.     padding: 0;
  111. }
  112.  
  113. img {
  114.     border: none;
  115. }
  116.  
  117. #menu11 {
  118.     text-align: center;
  119.     width: 120px;
  120.     margin: auto;
  121.     border-style: solid solid none solid;
  122.     border-color: #889944;
  123.     border-width: 1px;
  124. }
  125.  
  126. #menu11 li a {
  127.     text-align: left;
  128.     height: 32px;
  129.     height: 24px;
  130.     text-decoration: none;
  131. }
  132.  
  133. #menu11 li a:link, #menu11 li a:visited {
  134.     color: #889944;
  135.     display: block;
  136.     background:  url(img/menu11.gif);
  137.     padding: 8px 0 0 25px;
  138. }
  139.  
  140. #menu11 li a:hover, #menu11 li #current { 
  141.     color: #889944;
  142.     background:  url(img/menu11.gif) 0 -32px;
  143.     padding: 8px 0 0 27px;
  144. }
  145. /*divs to wrap around the image*/
  146. #wrap1 {
  147.     width: 140px;
  148.     height: 40px;
  149.     float: left;
  150. }
  151. #wrap2 {
  152.     clear: left;
  153.     width: 160px;
  154.     height: 25px;
  155.     float: left;
  156. }
  157. #wrap3 {
  158.     clear: left;
  159.     width: 180px;
  160.     height: 35px;
  161.     float: left;
  162. }
  163. #wrap4 {
  164.     clear: left;
  165.     width: 175px;
  166.     height: 33px;
  167.     float: left;
  168. }
  169. #wrap5 {
  170.     clear: left;
  171.     width: 155px;
  172.     height: 30px;
  173.     float: left;
  174. }
  175. #footer {
  176.     text-align: center;
  177.     font-size: 10px;
  178.     border-top: thin dashed Yellow;
  179. }
  180. #footer a {
  181.     color: #366BC8;
  182.     text-decoration: none;
  183. }
  184. #footer a:hover {
  185.     color: lime;
  186.     text-decoration: underline;
  187. }