home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / zymic.com / lib / style.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2005-08-10  |  4.5 KB  |  259 lines
  1. /* Main */
  2.  
  3. body {
  4. font: small/1.6em verdana, sans-serif; 
  5. margin: 0px; 
  6. font: normal 10px verdana, arial, sans-serif; 
  7. color: #000; 
  8. background-color: #ddd;
  9. }
  10. a {    
  11. color: #888;    
  12. text-decoration: none; 
  13. }
  14. a:hover {
  15. color: #000;
  16. text-decoration: none;
  17. }
  18. a:active {
  19. color: #000;
  20. }
  21. input, textarea, select {
  22. border-top: 1px solid #858585;
  23. border-right: 1px solid #BEBEBE;
  24. border-bottom: 1px solid #DCDCDC;
  25. border-left: 1px solid #BEBEBE;
  26. background: #fff url(input_image.gif) repeat-x;
  27. font: normal 10px verdana, arial, sans-serif;
  28. color: #000;
  29. margin: 1px;
  30. }
  31. input.button {
  32. border-top: 1px solid #DCDCDC;
  33. border-right: 1px solid #BEBEBE;
  34. border-bottom: 1px solid #858585;
  35. border-left: 1px solid #BEBEBE;
  36. background: #eee;
  37. }
  38. h1, h2, h3 {
  39. margin: 0px;
  40. padding: 0px;
  41. font-weight: normal;
  42. }
  43. ul li {
  44. padding: 2px 0 2px 20px; 
  45. line-height: 1.3em; 
  46. color: #333333; 
  47. font-family: Verdana, Arial, Helvetica, sans-serif; 
  48. font-size: 120%; 
  49. color: #7C7C7C;
  50. }
  51. ul {
  52. list-style: none; 
  53. margin: 0px; 
  54. padding-left: 0px; 
  55. list-style-type: none; 
  56. }
  57. h1 {
  58. height: 160px; 
  59. margin: 0; 
  60. padding: 0;
  61. }
  62. #content  {
  63. position : absolute;
  64. left : 50%;
  65. width : 800px;
  66. margin-left : -400px;
  67. background: #393939;
  68. border: 1px solid #000;
  69. }
  70.  
  71. /* Banner */
  72.  
  73. #banner {
  74. position: absolute;
  75. top : 22px;
  76. left: 0px;
  77. margin: 0; 
  78. padding: 0;
  79. }
  80.  
  81. /* Top Navigation */
  82.     
  83. #top {
  84. background: #393939;
  85. position: absolute;
  86. top: 0px;
  87. left: 0px;
  88. padding: 0;
  89. text-align: right;
  90. width: 800px;
  91. }
  92. #top li {
  93. margin: 0; 
  94. padding: 0; 
  95. display: inline;
  96. list-style-type: none;
  97. }
  98. #top a:link, #top a:visited {
  99. float: left;
  100. font-size: 11px;
  101. line-height: 12px;
  102. font-weight: bold;
  103. margin: 4px 8px 0 8px;
  104. padding: 2px;
  105. text-decoration: none;
  106. border: none;
  107. color: #fff;
  108. }
  109. #top a:hover {
  110. padding: 2px;
  111. color: #ccc;
  112. border-bottom: 1px solid #fff; 
  113. }
  114. #top a#active_top {
  115. padding: 2px 2px 1px 2px;
  116. color: #D1D1D1;
  117. border-bottom: 2px solid #fff;
  118. }
  119.  
  120. /* Left Naviagtion */
  121.  
  122. #left {
  123. display: inline;
  124. float: left;
  125. margin: 0; 
  126. padding: 3px 3px 3px 0px;
  127. width: 170px;
  128. }
  129. #left p  {
  130. background: #e7e7e7;
  131. color: #eee;
  132. font: normal 11px "Trebuchet MS", Verdana, sans-serif;
  133. line-height: 15px;
  134. text-align: left;
  135. margin: 0;
  136. }
  137. #left h2 {
  138. background: #4D4D4D url(h2_image.gif) no-repeat;
  139. color: #fff;
  140. font: bold 13px "Trebuchet MS", Verdana, sans-serif;
  141. text-align: left;
  142. line-height: 17px;
  143. margin: 0;
  144. padding: 2px 0 0 20px;
  145. }
  146. #left ul {
  147. padding: 0;
  148. margin: 0px;
  149. }
  150. #left li  {
  151. background: #E7E7E7 url(li_image.gif) no-repeat;
  152. border-bottom: 1px solid white;
  153. color: #eee;
  154. font-size: 11px;
  155. font-family: "Trebuchet MS", Verdana, sans-serif;
  156. line-height: 100%;
  157. text-align: left;
  158. }
  159.  
  160. #right {
  161. display: inline;
  162. float: right;
  163. margin: 0; 
  164. padding: 3px 0px 3px 3px;
  165. width: 170px;
  166. }
  167. #right p  {
  168. background: #e7e7e7;
  169. color: #eee;
  170. font: normal 11px "Trebuchet MS", Verdana, sans-serif;
  171. line-height: 15px;
  172. text-align: right;
  173. margin: 0;
  174. }
  175. #right h2 {
  176. background: #4D4D4D url(h2_image.gif) right no-repeat;
  177. color: #fff;
  178. font: bold 13px "Trebuchet MS", Verdana, sans-serif;
  179. text-align: right;
  180. line-height: 17px;
  181. margin: 0;
  182. padding: 2px 20px 0 0;
  183. }
  184. #right ul {
  185. padding: 0;
  186. margin: 0px;
  187. }
  188. #right li  {
  189. background: #E7E7E7 url(li_image.gif) right no-repeat;
  190. border-bottom: 1px solid white;
  191. color: #eee;
  192. font-size: 11px;
  193. font-family: "Trebuchet MS", Verdana, sans-serif;
  194. line-height: 100%;
  195. text-align: right;
  196. padding-right: 20px;
  197. }
  198. #right img, #left img {
  199. border: 0;
  200. margin: 1px;
  201. }
  202.  
  203. /* Main Content */
  204.  
  205. #main {
  206. background: #fff;
  207. border: 1px solid #393939;
  208. margin: 2px 170px 0 170px; 
  209. padding: 0;
  210. width: auto;
  211. }
  212. #main h2 {
  213. background: #393939;
  214. color: #fff;
  215. font: bold 13px "Trebuchet MS", Verdana, sans-serif;
  216. text-align: left;
  217. line-height: 17px;
  218. margin: 0;
  219. padding: 2px 0 0 20px;
  220. }
  221. #main p { 
  222. font-size: 110%; 
  223. margin: 1px 0 15px 0; 
  224. padding: 2px; 
  225. line-height: 16px;
  226. }
  227. #main blockquote {
  228. color: #999;
  229. font: normal 10px Verdana, Arial, Helvetica, sans-serif;
  230. line-height: 150%;
  231. text-align: left;
  232. margin: 5px 30px 5px 0px;
  233. padding-left: 5px;
  234. border-left: 5px solid #393939;
  235. }
  236. #main p.date { 
  237. color: #555;
  238. font-weight: bold;
  239. font-size: 11px;
  240. margin: 0 0 5px 0;
  241. text-align: left;
  242. }
  243. #main p.posted  { 
  244. color: #bbb;
  245. font-size: 11px;
  246. font-family: "Trebuchet MS", Verdana, sans-serif;
  247. font-weight: bold; 
  248. line-height: normal;
  249. text-align: left; 
  250. margin-bottom: 10px;
  251. padding: 3px;
  252. border-top: 1px dashed #ccc;
  253. }
  254. #copyright {
  255. background: #393939;
  256. border-top: 1px solid #000;
  257. padding: 2px;
  258. text-align: center;
  259. }