home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / 106x / style.css < prev   
Cascading Style Sheet File  |  2006-11-20  |  11KB  |  138 lines
  1. /* CSS Document */
  2. body{padding:0; margin:12px 0 0; background:url(images/main-bg.gif) 0 0 repeat-x #fff; font:14px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#7D7D7D; }
  3. div, p, ul, h1, h2, h3, h4, h5, img{margin:0px; padding:0px;}
  4. ul{list-style-type:none;}
  5.  
  6. #mainPan{width:778px; position:relative; margin:0 auto;}
  7. /*---TOP PANEL---*/
  8. #topPan{width:778px; height:185px;}
  9. #topleftPan{width:608px; margin:0; float:left; background:url(images/header.jpg) 0 0 no-repeat #FDFDFC; color:#fff;}
  10. #topleftPan h1{width:268px; height:131px; background:none; font:20px/22px Arial, Helvetica, sans-serif; padding:54px 0 0 340px; }
  11. #topleftPan h2{font:13px/20px Arial, Helvetica, sans-serif; display:block; border-top:1px solid #6CEC16; width:203px; position:absolute; top:105px; left:340px;}
  12. #topPan img{ width:229px; height:102px; display:block; margin:0; position:absolute; top:42px; left:61px;}
  13.  
  14.  
  15. #toprightPan{width:170px; height:185px; position:absolute; top:0px; right:0px;}
  16. #toprightPan ul{width:117px; height:147px; margin:18px 0 0;}
  17. #toprightPan ul li{height:30px; border-bottom:1px solid #CBCACA; line-height:29px;}
  18. #toprightPan ul li a{width:117px; display:block; background:url(images/arrow-normal.gif) 0 50% no-repeat #fff; color:#3B3B3B; text-decoration:none; padding:0 0 0 20px;}
  19. #toprightPan ul li a:hover{background:url(images/arrow-hover.gif) 0 50% no-repeat; text-decoration:none;}
  20. #toprightPan ul li.underlinenone{height:30px; border-bottom:none; line-height:29px;}
  21.  
  22.  
  23. /*---/TOP PANEL---*/
  24.  
  25. /*---BODY PANEL---*/
  26. #bodytopPan{width:778px; height:138px; background:url(images/bodytop.jpg) 0 0 no-repeat;}
  27. /*---BodyTop Left Panel--*/
  28. #bodytopleftPan{width:608px; margin:0; float:left;}
  29. #bodytopleftPan h2{width:478px; height:26px; display:block; font:24px/24px Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#39A002; background:#fff; margin:28px 0 30px 61px;}
  30. #bodytopleftPan h2 span{font-size:21px; line-height:24px; font-weight:normal;}
  31. #bodytopleftPan h3{width:116px; height:47px; display:block; background:url(images/icon1.jpg) 0 0 no-repeat #fff; color:#06507A; border-bottom:1px solid #E6E6E6; font-size:14px; line-height:14px ; margin:0 0 0 61px; padding:6px 0 0 100px; font-weight:bold; text-transform:uppercase;}
  32. #bodytopleftPan h3 span{background:#fff; color:#39A002; text-transform:none;}
  33.  
  34. /*---/BodyTop Left Panel--*/
  35.  
  36. /*---BodyTop Right Panel--*/
  37. #bodytoprightPan{width:170px; position:absolute; top:185px; right:0px;}
  38. #bodytoprightPan form{width:151px; height:119px; background:url(images/formarea.jpg) 0 0 no-repeat; margin:15px 0 0;}
  39. #bodytoprightPan input{width:100px; height:15px; line-height:14px; font-size:11px; margin:0 0 0 22px;}
  40. #bodytoprightPan input.button{width:103px; height:22px; background: url(images/button.gif) 0 0 no-repeat #fff; color:#fff; font:14px/18px Georgia, "Times New Roman", Times, serif; text-align:center; font-weight:bold; border:none; margin:14px 0 0 22px;}
  41.  
  42. #bodytoprightPan form h2{width:100px; height:62px; display:block; background:url(images/icon5.jpg) 0 50% no-repeat #fff; color:#39A002; font:15px/52px Georgia, "Times New Roman", Times, serif; font-weight:bold; text-transform:uppercase; padding:0 0 0 33px; margin:0 0 0 19px;}
  43.  
  44. /*---/BodyTop Right Panel--*/
  45.  
  46. #bodyPan{width:778px;}
  47. /*---Body Left Panel--*/
  48. #bodyleftPan{width:608px; background: url(images/body-bg.gif) 0 0 repeat-y; margin:0; padding:0 0 40px;}
  49. #bodyleftPan p{padding:19px 61px 0;}
  50. #bodyleftPan p span.boldtext{font-weight:bold;}
  51. #bodyleftPan p.border{height:6px; background:url(images/line.gif) 0 100% repeat-x; margin:20px 61px; padding:0;}
  52. #bodyleftPan p.captiontext{font:16px/22px Georgia, "Times New Roman", Times, serif; background: url(images/body-bg.gif) 0 0 repeat-y #fff; color:#7D7D7D; font-style:italic; font-weight:bold;}
  53. #bodyleftPan p span.quetion{font-size:50px;}
  54.  
  55. #bodyleftPan h2{width:478px; height:40px; display:block; font:21px/21px Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#39A002; background:#fff; margin:0 0 0 61px;}
  56. #bodyleftPan h2 span{font-size:21px; line-height:21px; font-weight:normal;}
  57. #bodyleftPan h3{width:116px; height:47px; display:block; background:url(images/icon1.jpg) 0 0 no-repeat #fff; color:#06507A; border-bottom:1px solid #E6E6E6; font-size:14px; line-height:14px ; margin:20px 0 0 61px; padding:6px 0 0 100px; font-weight:bold; text-transform:uppercase;}
  58. #bodyleftPan h3 span{background:#fff; color:#39A002; text-transform:none;}
  59. #bodyleftPan h4{width:478px; height:40px; display:block; font:24px/24px Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#39A002; background:#fff; margin:0 0 0 61px;}
  60. #bodyleftPan h5{width:200px; height:47px; display:block; background:url(images/icon4.jpg) 0 0 no-repeat #fff; color:#06507A; border-bottom:1px solid #E6E6E6; font-size:18px; line-height:24px ; margin:10px 0 10px 59px; padding:0 0 10px 100px; border-bottom:1px solid #E6E6E6;}
  61. #bodyleftPan h5 span{font-size:24px;}
  62.  
  63. #bodyleftlinkboxonePan{width:400px; height:50px; display:block; margin:25px 0 0  61px; padding:0px;}
  64. #bodyleftlinkboxonePan ul{width:400px; height:28px; width:318px; height:24px;}
  65. #bodyleftlinkboxonePan ul li{display:block; width:156px; height:34px; float:left;}
  66. #bodyleftlinkboxonePan ul li.comments{width:110px; height:28px; display:block; background:url(images/icon2.jpg) 0 0 no-repeat #fff; color:#00456F; font-size:14px; font-weight:normal; padding:0 0 0 35px;}
  67. #bodyleftlinkboxonePan ul li.comments span.boldtext{font-weight:bold;}
  68.  
  69. #bodyleftlinkboxonePan ul li.continue{width:134px; height:28px; background:url(images/icon3.jpg) 0 0 no-repeat; padding:2px 0 0 36px;}
  70. #bodyleftlinkboxonePan ul li.continue a{display:block; height:18px; background:#fff; color:#00456F; font-size:14px; font-weight:normal; text-decoration:none; float:left;}
  71. #bodyleftlinkboxonePan ul li.continue a:hover{display:block; height:18px; background:#F4F4F4; text-decoration:none;}
  72.  
  73.  
  74. #bodyleftlinkboxPan{width:400px; height:88px; display:block; margin:25px 0 0  61px; padding:0px;}
  75. #bodyleftlinkboxPan ul{width:400px; height:28px; width:318px; height:24px; margin:0px;}
  76. #bodyleftlinkboxPan ul li{display:block; height:34px; float:left;}
  77. #bodyleftlinkboxPan ul li.comments{width:110px; height:28px; display:block; background:url(images/icon2.jpg) 0 0 no-repeat #fff; color:#00456F; font-size:14px; font-weight:normal; padding:0 0 0 36px;}
  78. #bodyleftlinkboxPan ul li.comments span.boldtext{font-weight:bold;}
  79.  
  80. #bodyleftlinkboxPan ul li.continue{width:134px; height:28px; background:url(images/icon3.jpg) 0 0 no-repeat; padding:2px 0 0 36px;}
  81. #bodyleftlinkboxPan ul li.continue a{display:block; height:18px; background:#fff; color:#00456F; font-size:14px; font-weight:normal; text-decoration:none; float:left;}
  82. #bodyleftlinkboxPan ul li.continue a:hover{display:block; height:18px; background:#F4F4F4; text-decoration:none;}
  83.  
  84. #bodyleftpublicationPan{width:468px; margin:25px 0 0  61px; padding:0px;}
  85. #bodyleftpublicationPan h2{width:448px; height:70px; background:url(images/bullet1.gif) 0 0 no-repeat #fff; font-size:16px; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; margin:0; color:#7D7D7D; padding:0 0 0 40px;}
  86. #bodyleftpublicationPan h2 span{background:#fff; color:#06507A; font-size:14px;}
  87.  
  88. #bodyleftpublicationPan h3{width:448px; height:70px; background:url(images/bullet2.gif) 0 0 no-repeat #fff; font-size:16px; line-height:20px; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; margin:0; color:#7D7D7D; padding:0 0 0 40px; text-transform:none; border:none;}
  89. #bodyleftpublicationPan h3 span{background:#fff; color:#06507A; font-size:14px; font-weight:normal;}
  90.  
  91. #bodyleftpublicationPan h4{width:448px; height:70px; background:url(images/bullet3.gif) 0 0 no-repeat #fff; font-size:16px; line-height:20px; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; margin:0; color:#7D7D7D; padding:0 0 0 40px; text-transform:none;}
  92. #bodyleftpublicationPan h4 span{background:#fff; color:#06507A; font-size:14px; font-weight:normal;}
  93.  
  94. #bodyleftpublicationPan h5{width:448px; height:70px; background:url(images/bullet4.gif) 0 0 no-repeat #fff; font-size:16px; line-height:20px; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; margin:0; color:#7D7D7D; padding:0 0 0 40px; text-transform:none; border:none;}
  95. #bodyleftpublicationPan h5 span{background:#fff; color:#06507A; font-size:14px; font-weight:normal;}
  96.  
  97.  
  98. #bodyleftpublicationPan p.dotline{background:url(images/dotline.gif) 0 0 repeat-x; margin:0 0 0 38px; padding:0;}
  99. /*---/Body Left Panel--*/
  100.  
  101. /*---Body Right Panel--*/
  102. #bodyrightPan{width:170px; position:absolute; top:389px; right:0px;}
  103. #bodyrightPan ul{width:170px;} 
  104. #bodyrightPan ul li{width:170px; height:26px;}
  105. #bodyrightPan ul li a{width:150px; display:block; background:url(images/arrow2.gif) 0 50% no-repeat #fff; color:#3B3B3B; text-decoration:underline; padding:0 0 0 20px;}
  106. #bodyrightPan ul li a:hover{text-decoration:none;}
  107. /*---/Body Right Panel--*/
  108.  
  109. /*---FOOTER PANEL--*/
  110. #footermainPan{height:174px; background:url(images/footerbg.gif) 0 0 repeat-x #777; color:#fff; margin:0; padding:0;}
  111. #footerPan{width:778px; position:relative; margin:0 auto;}
  112. #footerPan img{width:164px; height:69; position:absolute; top:37px; right:6px;}
  113.  
  114. #footerPan ul{width:500px; position:absolute; top:36px; left:49px;}
  115. #footerPan li{float:left; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
  116. #footerPan ul li a{padding:0 0 0 12px; color:#fff; background:#777777; text-decoration:none;}
  117. #footerPan ul li a:hover{text-decoration:underline;}
  118.  
  119. #footerPan ul.templateworld{width:190px; background:#7D7D7D; color:#fff; display:block; position:absolute; top:120px; left:60px; }
  120. #footerPan ul.templateworld li{height:20px;}
  121. #footerPan ul.templateworld li a{background:#7D7D7D; display:block; color:#fff; text-decoration:none; padding:0px;}
  122. #footerPan ul.templateworld li a:hover{text-decoration:underline;}
  123.  
  124. #footerPan p.copyright{background:#7D7D7D; color:#fff; font:11px/15px Tahoma,Arial, Helvetica, sans-serif; position:absolute; top:56px; left:61px;}
  125.  
  126. #footerPanhtml{width:70px; height:24px; background:url(images/htmlbutton.gif) 0 0 no-repeat #7D7D7D; display:block; position:absolute; top:90px; left:61px;}
  127. #footerPanhtml a{width:59px; height:19px; background:url(images/arrow3-normal.gif) no-repeat 45px 4px #fff; display:block; position:absolute; top:3px; left:3px; margin:0; padding:0 0 0 5px; color:#353427; text-transform:uppercase; text-decoration:none;}
  128. #footerPanhtml a:hover{background:url(images/arrow3-hover.gif) no-repeat 45px 4px #fff; color:#353427; text-decoration:none;}
  129.  
  130. #footerPancss{width:58px; height:24px; background:url(images/cssbutton.gif) 0 0 no-repeat #7D7D7D; display:block; position:absolute; top:90px; left:135px;}
  131. #footerPancss a{width:46px; height:19px; background: url(images/arrow3-normal.gif) no-repeat 35px 4px #fff; display:block; position:absolute; top:3px; left:3px; margin:0; padding:0 0 0 5px; color:#353427; text-transform:uppercase; text-decoration:none;}
  132. #footerPancss a:hover{background:url(images/arrow3-hover.gif) no-repeat 35px 4px #fff; color:#353427; text-decoration:none;}
  133.  
  134.  
  135.  
  136.  
  137.  
  138.