home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / cool_web / style.css < prev   
Encoding:
Cascading Style Sheet File  |  2006-11-22  |  7.5 KB  |  104 lines
  1. /* CSS Document */
  2. body{padding:0px; margin:0px; background:#fff; color:#666; font:14px/18px Georgia, "Times New Roman", Times, serif;}
  3. div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
  4. ul{list-style-type:none;}
  5. a{background:#0099FF; color:#fff; text-decoration:none;}
  6. a:hover{text-decoration:underline;}
  7.  
  8. /*----TOP PANEL----*/
  9. #maintopPan{height:277px; background:url(images/headerbg2.gif) 0 0 repeat-x; margin:0 auto;} 
  10. #topHeaderPan{width:514px; height:277px; float:left; background:url(images/header.jpg) 0 0 no-repeat;}
  11.  
  12. #topHeaderPan ul{width:114px; height:124px; position:absolute; top:119px; left:23px;}
  13. #topHeaderPan ul li{width:114px; height:24px; background:url(images/dot-line.gif) 0 100% repeat-x;}
  14. #topHeaderPan ul li a{display:block; width:102px; height:24px; background:url(images/bullet1.gif) 0 9px no-repeat; font:12px/24px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; padding:0 0 0 12px;}
  15. #topHeaderPan ul li a:hover{text-decoration:underline; background:url(images/bullet2.gif) 0 9px no-repeat;} 
  16. #topHeaderPan ul li.resources{width:114px; height:24px; background:none;}
  17.  
  18. #topHeaderPan img{width:220px; height:53px; position:absolute; top:24px; left:24px;}
  19. /*----Top Side Menu--*/
  20. #topSidemenuPan{width:264px; height:277px; float:left; background:url(images/right-bg.gif) 100% 0 no-repeat #fff; color:#000;}
  21. #topSidemenuPan ul{width:198px;  margin:0 0 0 20px;}
  22. #topSidemenuPan ul li{width:99px; height:277px; float:left;}
  23.  
  24. #topSidemenuPan ul li.home{width:99px; height:277px;}
  25. #topSidemenuPan ul li.home a{width:99px; height:277px; display:block; background:url(images/home-normal.jpg) 0 0 no-repeat; text-indent:-20000px;}
  26. #topSidemenuPan ul li.home a:hover{width:99px; height:277px; background:url(images/home-hover.jpg) 0 0 no-repeat;}
  27.  
  28. #topSidemenuPan ul li.contact a{width:99px; height:277px; display:block; background:url(images/contact-normal.jpg) 0 0 no-repeat; text-indent:-20000px;}
  29. #topSidemenuPan ul li.contact a:hover{width:99px; height:277px; background:url(images/contact-hover.jpg) 0 0 no-repeat;}
  30.  
  31.  
  32. /*----/TOP PANEL----*/
  33.  
  34. /*----BODY PANEL----*/
  35. #bodyPan{width:778px; clear:both;}
  36. /*----Left Panel----*/
  37. #leftPan{width:505px; float:left;}
  38. #leftPan p{padding:0 24px 14px;}
  39. #leftPan p span{font-weight:bold;}
  40. #leftPan p.more{width:70px; height:23px; margin:0 0 0 340px;}
  41. #leftPan p.more a{width:70px; height:23px; display:block; background:url(images/icon2.gif) 0 0 no-repeat #fff; color:#589B02; font:14px/23px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; padding:0 0 0 36px;}
  42. #leftPan p.more a:hover{background:url(images/icon2.gif) 0 0 no-repeat #fff; color:#046CB8; text-decoration:none;}
  43.  
  44. #leftPan h2{width:220px; height:100px; background:url(images/icon1.gif) 0 50% no-repeat; text-indent:-20000px; margin:0 0 0 22px;}
  45.  
  46. #leftPaninleftPan{width:270px; float:left;}
  47. #leftPaninleftPan h3{height:55px; background:url(images/icon3.gif) 0 0 no-repeat #fff; color:#046CB8; font:24px/40px Arial, Helvetica, sans-serif; padding:30px 0 0 54px; margin:0 0 0 22px;}
  48. #leftPaninleftPan h4{width:209px; height:90px; background:url(images/image1.jpg) 0 0 no-repeat; margin:0 0 0 22px; text-indent:-2000px;}
  49. #leftPaninleftPan p.strongtext{font:16px/18px Arial, Helvetica, sans-serif; background:#fff; color:#3A3A3A; font-weight:bold; padding:16px 24px 14px;}
  50.  
  51. #leftPaninleftPan p.moreone{width:100px; height:23px; margin:0 0 35px;}
  52. #leftPaninleftPan p.moreone a{width:100px; height:23px; display:block; background:url(images/icon2.gif) 0 0 no-repeat #fff; color:#589B02; font:14px/23px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; padding:0 0 0 36px;}
  53. #leftPaninleftPan p.moreone a:hover{background:url(images/icon2.gif) 0 0 no-repeat #fff; color:#046CB8; text-decoration:none;}
  54.  
  55. #leftPaninrightPan{width:235px; float:left;}
  56.  
  57. #leftPaninrightPan h4{width:209px; height:90px; background:url(images/image2.jpg) 0 0 no-repeat; text-indent:-2000px; margin:85px 0 0;}
  58.  
  59. #leftPaninrightPan p{padding:0 0 14px;}
  60. #leftPaninrightPan p.strongtext{font:16px/18px Arial, Helvetica, sans-serif; background:#fff; color:#3A3A3A; font-weight:bold; padding:16px 24px 14px 0;}
  61. #leftPaninrightPan p span{font-weight:bold;}
  62.  
  63. #leftPaninrightPan p.moretwo{width:100px; height:23px; margin:0 0 35px;}
  64. #leftPaninrightPan p.moretwo a{width:100px; height:23px; display:block; background:url(images/icon2.gif) 0 0 no-repeat #fff; color:#589B02; font:14px/23px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; padding:0 0 0 36px;}
  65. #leftPaninrightPan p.moretwo a:hover{background:url(images/icon2.gif) 0 0 no-repeat #fff; color:#046CB8; text-decoration:none;}
  66. /*----/Left Panel----*/
  67.  
  68. /*----Right Panel----*/
  69. #rightPan{width:273px; float:left; background:url(images/rightpanbg.gif) 0 0 repeat-y;}
  70.  
  71. #rightPan h2{width:85px; height:74px; background:url(images/icon4.gif) 0 0 no-repeat #fff; color:#3A3A3A; font:14px/18px Arial, Helvetica, sans-serif; padding:8px 0 0 66px; text-transform:uppercase; margin:24px 0 0 53px; }
  72. #rightPan h2 span{font-size:48px; line-height:32px; background:#fff; color:#61A804; text-transform:none;}
  73.  
  74. #rightPan ul{width:190px; margin:36px 0 60px 46px;}
  75. #rightPan ul li.dot{background:url(images/bullet.gif) 0 7px no-repeat; height:47px; padding:0 0 0 20px; font-weight:bold;}
  76. #rightPan ul li{background:none; height:47px; padding:0 0 0 20px;}
  77.  
  78. #rightbottomPan{width:273px; height:24px; background:url(images/rightbottompan.gif) 0 0 no-repeat;}
  79.  
  80. /*----Right Panel----*/
  81. #footermainPan{height:168px; background:#4C4C4C; color:#fff; clear:both;}
  82. #footerPan{width:778px; float:left; position:relative;}
  83.  
  84. #footerPan img{width:218px; height:52px; position:absolute; top:28px; right:30px;}
  85.  
  86. #footerPan ul{width:320px; position:absolute; top:38px; left:53px;}
  87. #footerPan li{float:left; font:11px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
  88. #footerPan ul li a{padding:0 5px 0; color:#fff; background:#4C4C4C; text-decoration:none;}
  89. #footerPan ul li a:hover{text-decoration:underline;}
  90.  
  91. #footerPan ul.templateworld{width:158px; background:#4C4C4C; color:#fff; display:block; position:absolute; top:125px; left:56px;}
  92. #footerPan ul.templateworld li a{background:#4C4C4C; display:block; color:#fff; text-decoration:none;}
  93. #footerPan ul.templateworld li a:hover{text-decoration:underline;}
  94.  
  95. #footerPan p.copyright{background:#4C4C4C; color:#79D000; font:11px/15px Tahoma,Arial, Helvetica, sans-serif; position:absolute; top:74px; left:58px;}
  96.  
  97. #footerPanhtml{width:75px; height:24px; display:block; position:absolute; top:95px; left:58px;}
  98. #footerPanhtml a{width:75px; height:24px; background:url(images/arrow1.gif) 90% 50% no-repeat #DFDFDF; display:block; font:14px/24px "Trebuchet MS",Arial, Helvetica, sans-serif; margin:0; padding:0 0 0 5px; color:#111111; text-transform:uppercase; text-decoration:none; font-weight:bold;}
  99. #footerPanhtml a:hover{background:url(images/arrow2.gif) 90% 50% no-repeat #DFDFDF; color:#111; text-decoration:none;}
  100.  
  101. #footerPancss{width:75px; height:24px; display:block; position:absolute; top:95px; left:145px;}
  102. #footerPancss a{width:75px; height:24px; background:url(images/arrow2.gif) 90% 50% no-repeat #DFDFDF; display:block; font:14px/24px "Trebuchet MS",Arial, Helvetica, sans-serif; margin:0; padding:0 0 0 5px; color:#111111; text-transform:uppercase; text-decoration:none; font-weight:bold;}
  103. #footerPancss a:hover{background:url(images/arrow1.gif) 90% 50% no-repeat #DFDFDF; color:#111; text-decoration:none;}
  104.