home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / dripzone / default.css < prev    next >
Cascading Style Sheet File  |  2006-10-17  |  3KB  |  263 lines
  1. /* CSS Document */
  2.  
  3. body{
  4.     background:url(img/bg.jpg) repeat-y top left #121212;
  5.     font:11px Arial, Helvetica, sans-serif normal;
  6.     text-align:left;
  7.     padding:0;
  8. }
  9.  
  10. h1,h2,h3,h4,h5,h6{
  11.     margin-left:30px;
  12. }
  13.  
  14. h2{
  15.     color:#FFF;
  16.     background:url(img/h.jpg) no-repeat top left transparent;
  17.     height:50px;
  18.     margin:10px 0 -10px 30px;
  19.     padding:15px 0 0 30px;
  20. }
  21.  
  22. a{
  23.     color:#EC008C;
  24.     text-decoration:none;
  25.     font-weight:bold;
  26.     margin:0 1px;
  27.     padding:0 2px;
  28. }
  29.  
  30. a:hover{
  31.     border:1px solid #EC008C;
  32.     margin:0;
  33. }
  34.  
  35. b{
  36.     color:#000;
  37.     font-size:12px;
  38. }
  39.  
  40. em,i{
  41.     font-family:Georgia, "Times New Roman", Times, serif;
  42.     color:#000;
  43.     font-size:12px;
  44. }
  45.  
  46. blockquote{
  47.     line-height:16px;
  48.     font-size:12px;
  49.     width:320px;
  50.     margin-left:70px;
  51.     padding:5px 10px;
  52.     border-left:3px solid #EC008C;
  53.     background-color:#EEE;    
  54. }
  55.  
  56. #main ul{
  57.     list-style:none;
  58.     line-height:19px;
  59. }
  60.  
  61. #main li{
  62.      background:url(img/drip.jpg) no-repeat top left transparent;
  63.     padding-left:20px;
  64. }
  65.  
  66. #main .drip2 li{
  67.      background:url(img/drip2.jpg) no-repeat top left transparent;
  68.     padding-left:20px;
  69.     margin-left:-10px;
  70. }
  71.  
  72. #main li img{
  73.      vertical-align:middle;
  74.     padding-right:10px;
  75.      border:0;
  76. }
  77.  
  78. #header{
  79.     background:url(img/header.jpg) no-repeat top left #121212;
  80.     position:absolute;
  81.     top:0;left:0;
  82.     height:144px;
  83.     width:800px;
  84. }
  85.  
  86. #header h1{
  87.     color:#FFF;
  88.     font:40px Arial, Helvetica, sans-serif lighter;
  89.     text-align:right;
  90.     padding-right:350px;
  91. }
  92.  
  93. .h1bold{
  94.     font-weight:bolder;
  95. }
  96.  
  97. #main{
  98.     position:absolute;
  99.     top:144px;left:0;
  100.     width:430px;
  101.     color:#000
  102. }
  103.  
  104. #main p{
  105.     margin-left:30px;
  106.     line-height:16px;
  107. }
  108.  
  109. #main img{
  110.     border:2px solid #EC008C;
  111.     padding:2px;
  112. }
  113.  
  114. #main a.imglink{
  115.     border:none;
  116.     margin:0;
  117.     padding:0;
  118. }
  119.  
  120. #main a.imglink:hover img.floatright{
  121.     border:4px solid #EC008C;
  122.     margin:4px 0 4px 10px;
  123.     padding:0;
  124. }
  125.  
  126. #main a.imglink:hover img.floatleft{
  127.     border:4px solid #EC008C;
  128.     margin:4px 10px 4px 0;
  129.     padding:0;
  130. }
  131.  
  132. img.floatright{
  133.     float:right;
  134.     margin:4px 0 4px 10px;
  135. }
  136.  
  137. img.floatleft{
  138.     float:left;
  139.     margin:4px 10px 4px 0;
  140. }
  141.  
  142. #sidebar{
  143.     position:absolute;
  144.     top:144px;left:470px;
  145.     width:200px;
  146.     color:#FFF;
  147. }
  148.  
  149. #sidebar h3{
  150.     color:#FFF;
  151.     background-color:#EC008C;
  152.     letter-spacing:1px;
  153.     margin:0 0 -10px 0;
  154.     padding:2px 4px;
  155. }
  156.  
  157. #sidebar ul{
  158.     color:#FFF;
  159.     list-style-type:none;
  160.     list-style-image:none;
  161.     margin-left:-42px;
  162. }
  163.  
  164. #sidebar li{
  165.     line-height:18px;
  166. }
  167.  
  168. #sidebar a{
  169.     color:#FFF;
  170. }
  171.  
  172. #sidebar a:hover,.blogfoot a:hover{
  173.     border:1px solid #FFF !important;
  174. }
  175.  
  176. #sidebar p{
  177.     line-height:16px;
  178. }
  179.  
  180. .poptitle{
  181.     font-size:12px;
  182. }
  183.  
  184. .popcom{
  185.     color:#EC008C;
  186. }
  187.  
  188. .menu ul{
  189.     position:absolute;
  190.     top:113px;
  191.     margin-left:-30px;
  192.     line-height:normal;
  193.      list-style-image:none;
  194. }
  195.  
  196. .menu li{
  197.     display:inline;
  198.     list-style-type:none;
  199.     font-size:24px;
  200.     font-weight:bolder;
  201.     padding-left:10px;
  202. }
  203.  
  204. .menu a{
  205.     color:#FFF;
  206.     text-decoration:none;
  207.     padding:40px 0 0 0;
  208.     margin:0;
  209. }
  210.  
  211. .menu a:hover{
  212.     background:url(img/splat.gif) top center no-repeat transparent;
  213.     border:0;
  214. }
  215.  
  216. .blogline{
  217.     background-color:#EC008C;
  218.     color:#FFF;
  219.     padding:4px 0;
  220.     font-weight:bold;
  221.     position:relative;
  222.     top:-20px;
  223.     margin-bottom:-20px;
  224. }
  225.  
  226. .blogitem{
  227.     padding:1px 10px;
  228. }
  229.  
  230. .blogitem a{
  231.     color:#FFF;
  232. }
  233.  
  234. .blogitem a:hover,.blogitem a:hover .hidelink{
  235.     color:#FFF;
  236.     border:0;
  237.     margin:1px;
  238. }
  239.  
  240. .hidelink{
  241.     color:#EC008C;
  242.     font-weight:normal;
  243. }
  244.  
  245. .blogfoot{
  246.     position:relative;
  247.     top:0;
  248.     text-align:right;
  249.     margin-bottom:20px;
  250. }
  251.  
  252. .blogfoot a{
  253.     margin:2px;
  254. }
  255.  
  256. .footer{
  257.     color:#FFF;
  258.     background-color:#121212;
  259.     position:relative;
  260.     left:-20px;
  261.     margin:0 -45px 0 0;
  262.     padding:10px;
  263. }