home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / coolblog / style.css < prev   
Cascading Style Sheet File  |  2006-07-08  |  8KB  |  298 lines

  1. /* CSS Document */
  2.  
  3. body {
  4.         margin-left: 0px;
  5.         margin-top: 0px;
  6.         margin-right: 0px;
  7.         margin-bottom: 0px;
  8.         font-family: Arial, Helvetica, sans-serif;
  9.         font-size: 12px;
  10.         color: #333333;
  11. }
  12. a:link, a:visted, a:active {
  13.         font-family: Arial, Helvetica, sans-serif;
  14.         color: #A41818;
  15.         text-decoration: underline;
  16. }
  17. #wrapper #rightAds img {
  18.     border-top-width: 0px;
  19.     border-right-width: 0px;
  20.     border-bottom-width: 0px;
  21.     border-left-width: 0px;
  22. }
  23. #wrapper {
  24.         width: 900px;
  25.         margin-right: auto;
  26.         margin-left: auto;
  27. }
  28. #wrapper #header {
  29.     width: 900px;
  30.     border-bottom-width: 8px;
  31.     border-bottom-style: solid;
  32.     border-bottom-color: #666666;
  33.     margin-bottom: 3px;
  34. }
  35. #wrapper #header h1 {
  36.     font-family: Arial, Helvetica, sans-serif;
  37.     font-size: 36px;
  38.     font-weight: bold;
  39.     color: #33CC66;
  40.     text-decoration: none;
  41.     margin-top: 55px;
  42.     margin-right: 0px;
  43.     margin-bottom: 15px;
  44.     margin-left: 50px;
  45. }
  46. #wrapper #header .blog {
  47.     color: #CCCCCC;
  48. }
  49. #wrapper #navigationWrapper {
  50.     height: 32px;
  51.     width: 900px;
  52.     background-color: #33CC66;
  53.         }
  54. #wrapper #navigationWrapper ul {
  55.         display: inline;
  56.         list-style-type: none;
  57.         margin: 0px;
  58.         padding: 0px;
  59. }
  60. #wrapper #navigationWrapper li {
  61.         display: inline;
  62.         margin: 0px;
  63.         padding: 0px;
  64. }
  65. #wrapper #navigationWrapper li a {
  66.     padding-top: 7px;
  67.     padding-right: 25px;
  68.     padding-bottom: 10px;
  69.     padding-left: 25px;
  70.     display: block;
  71.     float: left;
  72.     font-family: Arial, Helvetica, sans-serif;
  73.     font-size: 12px;
  74.     color: #FFFFFF;
  75.     text-decoration: none;
  76.     border-right-width: 1px;
  77.     border-right-style: solid;
  78.     border-right-color: #FFFFFF;
  79. }
  80. #wrapper #navigationWrapper li a:hover {
  81.         background-color: #145228;
  82.         text-decoration: underline;
  83. }
  84. #wrapper #contentLeft {
  85.         float: left;
  86.         width: 195px;
  87. }
  88. #wrapper #contentLeft #leftBox {
  89.         padding-top: 0px;
  90. }
  91. #wrapper #contentLeft #leftBox img {
  92.         float: left;
  93. }
  94. #wrapper #contentLeft #leftBox h1 {
  95.         font-size: 12px;
  96.         font-weight: bold;
  97.         color: #2F2F2F;
  98.         background-image: url(images/left_content_top.gif);
  99.         width: 146px;
  100.         height: 19px;
  101.         padding-left: 45px;
  102.         padding-top: 5px;
  103.         margin-top: 15px;
  104.         margin-right: 0px;
  105.         margin-bottom: 0px;
  106.         margin-left: 0px;
  107. }
  108. #wrapper #contentLeft #leftBox #leftBoxContent strong {
  109.         color: #999999;
  110.         display: block;
  111.         padding-left: 3px;
  112.         font-size: 10px;
  113.         margin-bottom: 5px;
  114.         padding-bottom: 5px;
  115.         border-bottom-width: 1px;
  116.         border-bottom-style: solid;
  117.         border-bottom-color: #E6E6E6;
  118. }
  119. #wrapper #contentLeft #leftBox #leftBoxContent {
  120.         background-color: #FBFBFB;
  121.         border-right-width: 1px;
  122.         border-left-width: 1px;
  123.         border-right-style: solid;
  124.         border-left-style: solid;
  125.         border-right-color: #E9E9E9;
  126.         border-left-color: #E9E9E9;
  127.         width: 181px;
  128.         padding-right: 4px;
  129.         padding-left: 4px;
  130. }
  131. #wrapper #contentLeft #leftBox #leftBoxContent ul {
  132.         margin: 0px;
  133.         padding: 0px;
  134.         list-style-type: none;
  135. }
  136. #wrapper #contentLeft #leftBox #leftBoxContent li {
  137.         margin: 0px;
  138.         padding: 0px;
  139. }
  140. #wrapper #contentLeft #leftBox #leftBoxContent li a {
  141.         margin: 0px;
  142.         width: 156px;
  143.         padding-top: 4px;
  144.         padding-bottom: 4px;
  145.         padding-left: 25px;
  146.         display: block;
  147.         color: #999999;
  148.         background-image: url(images/icn/cat_off.gif);
  149.         background-repeat: no-repeat;
  150.         background-position: 4px;
  151. }
  152. #wrapper #contentLeft #leftBox #leftBoxContent li a:hover {
  153.         color: #333333;
  154.         text-decoration: underline;
  155.         background-image: url(images/icn/cat_on.gif);
  156. }
  157. #wrapper #contentLeft #leftBox #leftBottom {
  158.         background-image: url(images/left_content_bottom.gif);
  159.         height: 24px;
  160.         width: 191px;
  161. }
  162. #wrapper #contentLeft #leftBox2 {
  163.         padding-top: 0px;
  164. }
  165. #wrapper #contentLeft #leftBox2 img {
  166.         float: left;
  167. }
  168. #wrapper #contentLeft #leftBox2 h1 {
  169.         font-size: 12px;
  170.         font-weight: bold;
  171.         color: #2F2F2F;
  172.         background-image: url(images/left_content_top.gif);
  173.         width: 146px;
  174.         height: 19px;
  175.         padding-left: 45px;
  176.         padding-top: 5px;
  177.         margin-top: 15px;
  178.         margin-right: 0px;
  179.         margin-bottom: 0px;
  180.         margin-left: 0px;
  181. }
  182. #wrapper #contentLeft #leftBox2 #leftBoxContent2 strong {
  183.         color: #999999;
  184.         display: block;
  185.         padding-left: 3px;
  186.         font-size: 10px;
  187.         margin-bottom: 5px;
  188.         padding-bottom: 5px;
  189.         border-bottom-width: 1px;
  190.         border-bottom-style: solid;
  191.         border-bottom-color: #E6E6E6;
  192. }
  193. #wrapper #contentLeft #leftBox2 #leftBoxContent2 {
  194.         background-color: #FBFBFB;
  195.         border-right-width: 1px;
  196.         border-left-width: 1px;
  197.         border-right-style: solid;
  198.         border-left-style: solid;
  199.         border-right-color: #E9E9E9;
  200.         border-left-color: #E9E9E9;
  201.         width: 181px;
  202.         padding-right: 4px;
  203.         padding-left: 4px;
  204. }
  205. #wrapper #contentLeft #leftBox2 #leftBoxContent2 ul {
  206.         margin: 0px;
  207.         padding: 0px;
  208.         list-style-type: none;
  209. }
  210. #wrapper #contentLeft #leftBox2 #leftBoxContent2 li {
  211.         margin: 0px;
  212.         padding: 0px;
  213. }
  214. #wrapper #contentLeft2 #leftBox2 #leftBoxContent2 li a {
  215.         margin: 0px;
  216.         width: 156px;
  217.         padding-top: 4px;
  218.         padding-bottom: 4px;
  219.         padding-left: 25px;
  220.         display: block;
  221.         color: #999999;
  222.         background-image: url(img/icn/cat_off.gif);
  223.         background-repeat: no-repeat;
  224.         background-position: 4px;
  225. }
  226. #wrapper #contentLeft #leftBox2 #leftBoxContent2 li a:hover {
  227.         color: #333333;
  228.         text-decoration: underline;
  229.         background-image: url(images/icn/cat_on.gif);
  230. }
  231. #wrapper #contentLeft #leftBox2 #leftBottom2 {
  232.         background-image: url(images/left_content_bottom.gif);
  233.         height: 24px;
  234.         width: 191px;
  235. }
  236. #wrapper #contenMid {
  237.         float: left;
  238.         width: 530px;
  239.         margin-top: 10px;
  240. }
  241. #wrapper #contenMid h1 {
  242.         border-bottom-width: 1px;
  243.         border-bottom-style: solid;
  244.         border-bottom-color: #2B2B2B;
  245.         font-family: Arial, Helvetica, sans-serif;
  246.         font-size: 14px;
  247.         color: #33CC66;
  248.         margin-top: 0px;
  249.         margin-right: 5px;
  250.         margin-bottom: 0px;
  251.         margin-left: 5px;
  252.         padding-left: 15px;
  253.         padding-bottom: 5px;
  254. }
  255. #wrapper #contenMid p {
  256.         margin-right: 15px;
  257.         margin-left: 15px;
  258. }
  259. #wrapper #contenMid p.comments {
  260.         margin-right: 15px;
  261.         margin-left: 15px;
  262.         padding-top: 5px;
  263.         padding-bottom: 5px;
  264.         border-top-width: 1px;
  265.         border-bottom-width: 1px;
  266.         border-top-style: solid;
  267.         border-bottom-style: solid;
  268.         border-top-color: #CCCCCC;
  269.         border-bottom-color: #CCCCCC;
  270.         padding-left: 15px;
  271. }
  272. #wrapper #contenMid p.comments a {
  273.         color: #33CC66;
  274. }
  275. #wrapper #contenMid p.comments a:hover {
  276.         color: #771111;
  277. }
  278. #wrapper #contenMid p.comments strong {
  279.         margin-left: 300px;
  280. }
  281. #wrapper #contenMid #footer {
  282.         border-top-width: 1px;
  283.         border-top-style: solid;
  284.         border-top-color: #CCCCCC;
  285.         margin-top: 15px;
  286.         padding-top: 3px;
  287.         padding-left: 15px;
  288.         margin-bottom: 25px;
  289. }
  290. #wrapper #rightAds {
  291.         float: left;
  292.         width: 160px;
  293.         margin-left: 10px;
  294.         margin-top: 10px;
  295.         text-align: center;
  296. }
  297.  
  298.