home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / liquidity_graph / style.css < prev   
Cascading Style Sheet File  |  2006-12-05  |  9KB  |  127 lines
  1. /* CSS Document */
  2. body{padding:0px; margin:0px; background:url(images/main-bg.jpg) 0 0 repeat-x #fff; color:#6B6854; font:14px/18px "Trebuchet MS",Arial, Helvetica, sans-serif;}
  3. div, p, ul, h2, h3, img{padding:0px; margin:0px;}
  4. ul{list-style-type:none;}
  5.  
  6. /*----MAIN PANEL----*/
  7. #mainPan{width:778px; position:relative;}
  8.  
  9. /*----TOP PANEL----*/
  10. #topPan{width:778px; height:317px; background:url(images/header.jpg) 0 0 no-repeat #fff; color:#726503; position:relative;}
  11. #topPan img.logo{width:260px; height:56px; position:absolute; top:54px; left:34px;}
  12. #topPan ul{width:107px; height:126px; font-weight:bold; position:absolute; top:161px; left:136px; font-size:13px; line-height:24px;}
  13. #topPan ul li{width:107px; height:24px; border-bottom:1px dashed #AECA8D;}
  14. #topPan ul li a{width:82px; height:24px; display:block; background:url(images/arrow-normal.gif) 0 8px no-repeat #fff; color:#5E8402; line-height:24px; text-decoration:none; padding:0 0 0 25px;}
  15. #topPan ul li a:hover{background:url(images/arrow-hover.gif) 0 8px no-repeat #ECFFD5; color:#5E8402; text-decoration:none;}
  16. #topPan ul li.home{width:82px; height:24px; display:block; background:url(images/arrow-hover.gif) 0 8px no-repeat #ECFFD5; color:#5E8402; line-height:24px; text-decoration:none; padding:0 0 0 25px;}
  17. #topPan ul li.contact{width:107px; height:24px; border-bottom:none;}
  18.  
  19. /*----/TOP PANEL----*/
  20. /*----BODY TOP PANEL----*/
  21. #bodytopPan{width:710px; height:247px; position:relative; margin:0 auto; padding:17px 0 0;}
  22. #bodytopPan h2{width:500px; height:70px; background:url(images/icon1.gif) 0 0 no-repeat #fff; color:#81C227; font:30px/70px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 98px; }
  23.  
  24. #bodytopPan p{padding:12px 0;}
  25. #bodytopPan p span.boldtext{font-weight:bold;}
  26. #bodytopPan p span.greentext{font-weight:bold; background:#fff; color:#619913;}
  27.  
  28. #bodytopPan p.more{width:70px; height:18px; font-weight:bold; margin:0 0 0 630px; padding:0px;}
  29. #bodytopPan p.more a{width:70px; height:18px; display:block; background:#fff; color:#444130; text-decoration:none;}
  30. #bodytopPan p.more a:hover{background:#fff; color:#5E8402; text-decoration:none;}
  31. /*----/BODY TOP PANEL----*/
  32.  
  33. /*----BODY MIDDLE PANEL----*/
  34. #bodymiddleMainPan{height:57px; background:url(images/bodybg.gif) 0 0 repeat-x #F1FDDD; color:#5E8402; margin:20px 0 0; clear:both; padding:0 0 0 34px;}
  35.  
  36. #bodymiddleMainPan h2{height:55px; background:url(images/icon2.gif) 0 1px no-repeat; text-transform:uppercase; font-size:50px; line-height:57px; padding:0 0 0 75px;}
  37.  
  38. /*----BODY PANEL----*/
  39. #bodyPan{width:778px; position:relative; padding:40px 0 0;}
  40. #bodybgPan{width:710px; float:left; background:url(images/bodydot-line.gif) 0 0 repeat-y; padding:0 34px;}
  41. /*-----Left Panel----*/
  42. #bodyleftPan{width:193px; float:left; padding:0 69px 0 0;}
  43. #bodyleftPan p{padding:15px 0 29px 0; font-size:15px; line-height:18px;}
  44. #bodyleftPan p span{font-weight:bold;}
  45. #bodyleftPan p.largegreentext{width:193px; height:20px; display:block; font:24px/20px Arial, Helvetica, sans-serif; background:#fff; color:#5E8402; font-weight:bold; padding:0px;} 
  46. #bodyleftPan p.lightyellowtext{width:193px; height:20px; display:block; font:20px/20px Arial, Helvetica, sans-serif; background:#fff; color:#BAB235; font-weight:normal; padding:10px 0 0;} 
  47.  
  48. #bodyleftPan ul{width:193px; margin:14px 0;}
  49. #bodyleftPan ul li{width:193px; height:25px; font-size:18px;}
  50. #bodyleftPan ul li a{width:180px; height:25px; display:block; line-height:25px; background:url(images/bullet-normal.gif) 0 8px no-repeat #fff; color:#6B6854; text-decoration:none; padding:0 0 0 13px;}
  51. #bodyleftPan ul li a:hover{background:url(images/bullet-hover.gif) 0 8px no-repeat #fff; color:#2D2C23; text-decoration:none;}
  52.  
  53. #leftcommentsPan{width:182px; height:42px; background:url(images/morebg.gif) 0 0 repeat-x #EFFFD8; color:#5E8402; font-size:18px; padding:4px 0 0;}
  54. #leftcommentsPan h3{background:url(images/icon3.gif) 0 0 no-repeat; font-size:18px; padding:0 0 0 25px;}
  55. #leftcommentsPan a{width:80px; height:20px; display:block; background:#EFFFD8; color:#444130; padding:0 0 0 27px; text-decoration:none;}
  56. #leftcommentsPan a:hover{background:#EFFFD8; color:#567802; text-decoration:none;}
  57.  
  58.  
  59. /*-----/Left Panel----*/
  60.  
  61. /*-----Middle Panel----*/
  62. #bodymiddlePan{width:193px; float:left; padding:0 62px 0 0;}
  63. #bodymiddlePan p{padding:15px 0 29px 0; font-size:15px; line-height:18px;}
  64. #bodymiddlePan p span{font-weight:bold;}
  65. #bodymiddlePan p.largegreentext{width:193px; height:20px; display:block; font:24px/20px Arial, Helvetica, sans-serif; background:#fff; color:#5E8402; font-weight:bold; padding:0px;} 
  66. #bodymiddlePan p.lightyellowtext{width:193px; height:20px; display:block; font:20px/20px Arial, Helvetica, sans-serif; background:#fff; color:#BAB235; font-weight:normal; padding:10px 0 0;} 
  67.  
  68. #bodymiddlePan ul{width:193px; margin:14px 0;}
  69. #bodymiddlePan ul li{width:193px; height:25px; font-size:18px;}
  70. #bodymiddlePan ul li a{width:180px; height:25px; display:block; line-height:25px; background:url(images/bullet-normal.gif) 0 8px no-repeat #fff; color:#6B6854; text-decoration:none; padding:0 0 0 13px;}
  71. #bodymiddlePan ul li a:hover{background:url(images/bullet-hover.gif) 0 8px no-repeat #fff; color:#2D2C23; text-decoration:none;}
  72.  
  73. #middlecommentsPan{width:182px; height:42px; background:url(images/morebg.gif) 0 0 repeat-x #EFFFD8; color:#5E8402; font-size:18px; padding:4px 0 0;}
  74. #middlecommentsPan h3{background:url(images/icon3.gif) 0 0 no-repeat; font-size:18px; padding:0 0 0 25px;}
  75. #middlecommentsPan a{width:80px; height:20px; display:block; background:#EFFFD8; color:#444130; padding:0 0 0 27px; text-decoration:none;}
  76. #middlecommentsPan a:hover{background:#EFFFD8; color:#567802; text-decoration:none;}
  77.  
  78. /*-----/Middle Panel----*/
  79.  
  80. /*-----Right Panel----*/
  81. #bodyrightPan{width:193px; float:left;}
  82. #bodyrightPan p{padding:15px 0 29px 0; font-size:15px; line-height:18px;}
  83. #bodyrightPan p span{font-weight:bold;}
  84. #bodyrightPan p.largegreentext{width:193px; height:20px; display:block; font:24px/20px Arial, Helvetica, sans-serif; background:#fff; color:#5E8402; font-weight:bold; padding:0px;} 
  85. #bodyrightPan p.lightyellowtext{width:193px; height:20px; display:block; font:20px/20px Arial, Helvetica, sans-serif; background:#fff; color:#BAB235; font-weight:normal; padding:10px 0 0;} 
  86.  
  87. #bodyrightPan ul{width:193px; margin:14px 0;}
  88. #bodyrightPan ul li{width:193px; height:25px; font-size:18px;}
  89. #bodyrightPan ul li a{width:180px; height:25px; display:block; line-height:25px; background:url(images/bullet-normal.gif) 0 8px no-repeat #fff; color:#6B6854; text-decoration:none; padding:0 0 0 13px;}
  90. #bodyrightPan ul li a:hover{background:url(images/bullet-hover.gif) 0 8px no-repeat #fff; color:#2D2C23; text-decoration:none;}
  91.  
  92. #rightcommentsPan{width:182px; height:42px; background:url(images/morebg.gif) 0 0 repeat-x #EFFFD8; color:#5E8402; font-size:18px; padding:4px 0 0;}
  93. #rightcommentsPan h3{background:url(images/icon3.gif) 0 0 no-repeat; font-size:18px; padding:0 0 0 25px;}
  94. #rightcommentsPan a{width:80px; height:20px; display:block; background:#EFFFD8; color:#444130; padding:0 0 0 27px; text-decoration:none;}
  95. #rightcommentsPan a:hover{background:#EFFFD8; color:#567802; text-decoration:none;}
  96.  
  97. /*-----/right Panel----*/
  98.  
  99. /*----FOOTER PANEL----*/
  100. #footermainPan{height:135px; background:url(images/footerbg.jpg) 0 0 repeat-x #9CC149; color:#fff; position:relative; margin:0 auto; clear:both; padding:75px 0 0;}
  101.  
  102. #footerPan{width:700px; position:relative;}
  103.  
  104. #footerPan ul{width:440px; height:20px; position:relative; margin:0 auto;}
  105. #footerPan li{float:left; }
  106. #footerPan ul li a{padding:0 10px 0; color:#fff; background:#7DA93E; text-decoration:none; font-size:12px;}
  107. #footerPan ul li a:hover{text-decoration:underline;}
  108.  
  109. #footerPan p.copyright{width:204px; position:relative; margin:0 auto; background:#7FAA3E; color:#fff;  font-size:11px;}
  110.  
  111. #footerPan ul.templateworld{width:250px; background:#85AE41; color:#fff; display:block; position:absolute; top:70px; left:260px; font-size:10px;}
  112. #footerPan ul.templateworld li{height:20px;}
  113. #footerPan ul.templateworld li a{background:#85AE41; display:block; color:#fff; text-decoration:none;}
  114. #footerPan ul.templateworld li a:hover{text-decoration:underline;}
  115.  
  116. #footerPanhtml{width:64px; height:19px; display:block; position:absolute; background:#5E8402; color:#fff; border:1px solid #fff; top:45px; left:260px;}
  117. #footerPanhtml a{width:58px; height:17px; display:block; background:url(images/footer-arrow.gif) 100% 0  no-repeat #5E8402; border:1px solid #fff; color:#fff; font-size:11px; line-height:17px; font-weight:bold; text-decoration:none;text-transform:uppercase; padding:0 0 0 4px;}
  118. #footerPanhtml a:hover{background:url(images/footer-arrow-hover.gif) 100% 0  no-repeat #A7C204; color:#fff;}
  119.  
  120. #footerPancss{width:64px; height:19px; display:block; position:absolute; top:45px; left:330px; border:1px solid #fff;}
  121. #footerPancss a{width:56px; height:17px; display:block; background:url(images/footer-arrow-hover.gif) 100% 0  no-repeat #A7C204;  border:1px solid #fff; color:#fff; font-size:11px; line-height:17px; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:0 0 0 8px;}
  122. #footerPancss a:hover{background:url(images/footer-arrow.gif) 100% 0  no-repeat #5E8402; color:#fff; text-decoration:none;}
  123.  
  124.  
  125.  
  126.  
  127.