home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / NetStyles1 / styles.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2007-01-06  |  3.4 KB  |  205 lines
  1. /*** MAIN ***/
  2. *{
  3. margin: 0px;
  4. padding: 0px;
  5. }
  6. body{
  7. margin: 10px 0;
  8. background: #ccc;
  9. text-align: center;
  10. font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
  11. font-size: 12pt;
  12. color: #222222;
  13. }
  14.  
  15.  
  16. /*** DIV SPECIFIC ***/
  17. #wrap{
  18. text-align: left;
  19. width: 760px;
  20. margin: 0 auto;
  21. background: #ffffff;
  22. }
  23. #header{
  24. width: 100%;
  25. background: #aaaaaa url("greenheader.jpg") top center no-repeat;
  26.  
  27. /*NOTE: Change "greenheader.jpg" above to "blueheader.jpg", "redheader.jpg",
  28.         or "brownheader.jpg" to change the color scheme of this page */
  29.  
  30. height: 130px;
  31. }
  32. #header h1{
  33. color: #ffffff;
  34. text-align: right;
  35. position: relative;
  36. top: 10px;
  37. right: 5px;
  38. line-height: 50px;
  39. }
  40. #menu{
  41. width: 100%;
  42. height: 30px;
  43. margin-top: 50px;
  44. }
  45. #menu ul{
  46. list-style: none;
  47. }
  48. #menu li{
  49. float: left;
  50. }
  51. #menu li a{
  52. margin-left: 8px;
  53. display: block;
  54. padding: 0 5px;
  55. color: #ffffff;
  56. text-transform: lowercase;
  57. text-decoration: none;
  58. border-top: 2px solid #ffffff;
  59. }
  60. #menu li a:hover{
  61. border-color: #a0a0a0;
  62. }
  63. #searchbox{
  64. float: right;
  65. margin-right: 15px;
  66. }
  67. #searchbox input{
  68. background: #ffffff url('mg.jpg') right no-repeat;
  69. border: 1px solid #ccc;
  70. font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
  71. font-size: 8pt;
  72. }
  73. .noshow{
  74. display: none;
  75. }
  76. #main{
  77. width: 100%;
  78. background: #ffffff url('main.jpg') top left repeat-x;
  79. }
  80. #main h1{
  81. font-size: 20pt;
  82. padding-bottom: 22px;
  83. color: #000000;
  84. background: url('titles.jpg') bottom left no-repeat;
  85. }
  86. #main h2{
  87. font-size: 14pt;
  88. padding-bottom: 9px;
  89. margin-bottom: 10px;
  90. color: #222222;
  91. background: url('titles2.jpg') bottom left no-repeat;
  92. }
  93. #main h3{
  94. font-size: 12pt;
  95. padding-bottom: 9px;
  96. margin-bottom: 10px;
  97. color: #222222;
  98. background: url('titles2.jpg') bottom left no-repeat;
  99. }
  100. #main a{
  101. color: #222222;
  102. text-decoration: none;
  103. border-bottom: 1px dashed #222222;
  104. }
  105. #main a:hover{
  106. background: #e0e0e0;
  107. }
  108. #submain{
  109. padding: 8px;
  110. }
  111. #left{
  112. float: left;
  113. width: 560px;
  114. margin-bottom: 5px;
  115. }
  116. #left p{
  117. font-size: 13px;
  118. line-height: 22px;
  119. margin-bottom: 10px;
  120. }
  121. #left ul{
  122. margin-left: 20px;
  123. margin-bottom: 15px;
  124. font-size: 13px;
  125. }
  126. #left ul li{
  127. margin-bottom: 5px;
  128. }
  129. #right{
  130. margin-top: 5px;
  131. margin-bottom: 5px;
  132. border-left: 1px solid #e0e0e0;
  133. padding-left: 7px;
  134. width: 170px;
  135. float: right;
  136. }
  137. #right p{
  138. font-size: 11px;
  139. line-height: 18px;
  140. margin-bottom: 8px;
  141. }
  142. #right ul{
  143. margin-left: 20px;
  144. font-size: 11px;
  145. }
  146. #right ul li{
  147. margin-bottom: 3px;
  148. }
  149. #footer{
  150. clear: both;
  151. width: 100%;
  152. background: #aaaaaa url('footer.jpg') bottom center no-repeat;
  153. }
  154. #subfooter{
  155. padding: 8px;
  156. }
  157. #subfooter p{
  158. text-align: center;
  159. font-size: 11px;
  160. color: #ffffff;
  161. }
  162. #subfooter a{
  163. color: #ffffff;
  164. text-decoration: underline;
  165. }
  166. #subfooter a:hover{
  167. border-bottom: 1px solid #ffffff;
  168. }
  169.  
  170. /*** SPECIAL CLASSES & MISC***/
  171. .imgleft, .imgright, .imgcenter{
  172. padding: 3px;
  173. border: 1px solid #e0e0e0;
  174. }
  175. .imgleft{
  176. float: left;
  177. margin: 5px 15px 5px 0;
  178. }
  179. .imgright{
  180. float: right;
  181. margin: 5px 0 5px 15px;
  182. }
  183. .imgcenter{
  184. display: block;
  185. margin: 5px auto;
  186. }
  187. h1,h2,h3{
  188. text-transform: lowercase;
  189. }
  190. table{
  191. font-size: 13px;
  192. border-collapse: collapse;
  193. margin-bottom: 10px;
  194. }
  195. th{
  196. background: #d0d0d0;
  197. padding: 5px;
  198. border: 1px solid #a0a0a0;
  199. }
  200. td{
  201. vertical-align: top;
  202. line-height: 18px;
  203. padding: 5px;
  204. border: 1px solid #a0a0a0;
  205. }