home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / zenlike / default.css next >
Cascading Style Sheet File  |  2006-09-26  |  5KB  |  368 lines
  1. /*
  2.  
  3.     zenlike1.0 by nodethirtythree design
  4.     http://www.nodethirtythree.com
  5.  
  6. */
  7.  
  8. *
  9. {
  10. padding: 0em;
  11. margin: 0em;
  12. }
  13.  
  14. body
  15. {
  16. background: #000000 url('images/bg1.jpg');
  17. padding: 35px 0px 35px 0px;
  18. }
  19.  
  20. body,input
  21. {
  22. font-size: 10pt;
  23. font-family: "georgia", "times new roman", serif;
  24. color: #333333;
  25. }
  26.  
  27. p
  28. {
  29. line-height: 1.5em;
  30. margin-bottom: 1.0em;
  31. text-align: justify;
  32. }
  33.  
  34. a
  35. {
  36. color: #B96D00;
  37. text-decoration: underline;
  38. }
  39.  
  40. a:hover
  41. {
  42. text-decoration: none;
  43. }
  44.  
  45.  
  46. h3 span
  47. {
  48. font-weight: normal;
  49. }
  50.  
  51. h3,h4
  52. {
  53. display: inline;
  54. font-weight: bold;
  55. background-repeat: no-repeat;
  56. background-position: right;
  57. }
  58.  
  59. h3
  60. {
  61. font-size: 1.7em;
  62. padding-right: 34px;
  63. background-image: url('images/db1.gif');
  64. }
  65.  
  66. h4
  67. {
  68. font-size: 1.2em;
  69. padding-right: 28px;
  70. background-image: url('images/db2.gif');
  71. }
  72.  
  73. .contentarea
  74. {
  75. padding-top: 1.3em;
  76. }
  77.  
  78. img
  79. {
  80. border: solid 1px #6F5230;
  81. }
  82.  
  83. img.left
  84. {
  85. position: relative;
  86. float: left;
  87. margin: 0em 1.8em 1.4em 0em;
  88. }
  89.  
  90. img.right
  91. {
  92. position: relative;
  93. float: right;
  94. margin: 0em 0em 1.8em 1.8em;
  95. }
  96.  
  97. .divider1
  98. {
  99. position: relative;
  100. background: #fff url('images/border2.gif') repeat-x;
  101. height: 14px;
  102. margin: 2.0em 0em 1.5em 0em;
  103. clear: both;
  104. }
  105.  
  106. .divider2
  107. {
  108. position: relative;
  109. height: 1px;
  110. border-bottom: solid 1px #eaeaea;
  111. margin: 2.0em 0em 2.0em 0em;
  112. }
  113.  
  114. .post .details
  115. {
  116. position: relative;
  117. top: -1.5em;
  118. font-size: 0.8em;
  119. color: #787878;
  120. }
  121.  
  122. .post ul.controls
  123. {
  124. clear: both;
  125. }
  126.  
  127. .post ul.controls li
  128. {
  129. display: inline;
  130. font-size: 0.8em;
  131. }
  132.  
  133. .post ul.controls li a
  134. {
  135. background-repeat: no-repeat;
  136. background-position: left;
  137. padding: 0em 1.0em 0em 20px;
  138. }
  139.  
  140. .post ul.controls li a.printerfriendly
  141. {
  142. background-image: url('images/icon-printerfriendly.gif');
  143. }
  144.  
  145. .post ul.controls li a.comments
  146. {
  147. background-image: url('images/icon-comments.gif');
  148. }
  149.  
  150. .post ul.controls li a.more
  151. {
  152. background-image: url('images/icon-more.gif');
  153. }
  154.  
  155. .box
  156. {
  157. position: relative;
  158. background: #FDFCF6 url('images/boxbg.gif') repeat-x;
  159. left: -1.5em;
  160. top: -1.5em;
  161. padding: 1.5em;
  162. border-bottom: solid 1px #E1D2BD;
  163. margin-bottom: 1.0em;
  164. }
  165.  
  166. ul.linklist
  167. {
  168. list-style: none;
  169. }
  170.  
  171. ul.linklist li
  172. {
  173. line-height: 2.0em;
  174. }
  175.  
  176. #upbg
  177. {
  178. position: absolute;
  179. top: 0px;
  180. left: 0px;
  181. width: 100%;
  182. height: 275px;
  183. background: #fff url('images/bg2.jpg') repeat-x;
  184. z-index: 1;
  185. }
  186.  
  187. #outer
  188. {
  189. z-index: 2;
  190. position: relative;
  191. /*
  192.     The width value below controls the overall width of the design. By default it's set to 82%
  193.     (so it'll take up 82% of the browser window's width). You can set it to a different percentage
  194.     value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.
  195. */
  196. width: 82%;
  197. border: solid 7px #fff;
  198. background-color: #fff;
  199. margin: 0 auto;
  200. }
  201.  
  202. #header
  203. {
  204. position: relative;
  205. width: 100%;
  206. height: 9.0em;
  207. background: #2B2B2B url('images/topbg.gif') repeat-x;
  208. margin-bottom: 2px;
  209. }
  210.  
  211. #headercontent
  212. {
  213. position: absolute;
  214. bottom: 0em;
  215. padding: 0em 2.0em 1.3em 2.0em;
  216. }
  217.  
  218. #headercontent h1
  219. {
  220. font-weight: normal;
  221. color: #fff;
  222. font-size: 2.5em;
  223. }
  224.  
  225. #headercontent h1 sup
  226. {
  227. color: #777;
  228. }
  229.  
  230. #headercontent h2
  231. {
  232. font-size: 1.0em;
  233. font-weight: normal;
  234. color: #aaa;
  235. }
  236.  
  237. #search
  238. {
  239. position: absolute;
  240. top: 5.5em;
  241. right: 2.0em;
  242. padding-right: 0.0em;
  243. }
  244.  
  245. #search input.text
  246. {
  247. margin-right: 0.5em;
  248. vertical-align: middle;
  249. border-top: solid 1px #000000;
  250. border-right: 0px;
  251. border-bottom: solid 1px #777777;
  252. border-left: 0px;
  253. padding: 0.15em;
  254. width: 10.0em;
  255. }
  256.  
  257. #search input.submit
  258. {
  259. background: #939B00 url('images/buttonbg.gif') repeat-x;
  260. border: solid 1px #5F6800;
  261. font-weight: bold;
  262. padding: 0.25em;
  263. font-size: 0.8em;
  264. color: #F2F3DE;
  265. vertical-align: middle;
  266. }
  267.  
  268. #headerpic
  269. {
  270. position: relative;
  271. height: 109px;
  272. background: #fff url('images/hdrpic.jpg') no-repeat top left;
  273. margin-bottom: 2px;
  274. }
  275.  
  276. #menu
  277. {
  278. position: relative;
  279. background: #7F8400 url('images/menubg.gif') repeat-x top left;
  280. height: 3.5em;
  281. padding: 0em 1.0em 0em 1.0em;
  282. margin-bottom: 2px;
  283. }
  284.  
  285. #menu ul
  286. {
  287. position: absolute;
  288. top: 1.1em;
  289. }
  290.  
  291. #menu ul li
  292. {
  293. position: relative;
  294. display: inline;
  295. }
  296.  
  297. #menu ul li a
  298. {
  299. padding: 0.5em 1.0em 0.9em 1.0em;
  300. color: #fff;
  301. text-decoration: none;
  302. }
  303.  
  304. #menu ul li a:hover
  305. {
  306. text-decoration: underline;
  307. }
  308.  
  309. #menu ul li a.active
  310. {
  311. background: #7F8400 url('images/menuactive.gif') repeat-x top left;
  312. }
  313.  
  314. #menubottom
  315. {
  316. background: #fff url('images/border1.gif') repeat-x;
  317. height: 14px;
  318. margin-bottom: 1.5em;
  319. }
  320.  
  321. #content
  322. {
  323. padding: 0em 2.0em 0em 2.0em;
  324. }
  325.  
  326. #primarycontainer
  327. {
  328. float: left;
  329. margin-right: -18.0em;
  330. width: 100%;
  331. }
  332.  
  333. #primarycontent
  334. {
  335. margin: 1.5em 22.0em 0em 0em;
  336. }
  337.  
  338. #secondarycontent
  339. {
  340. margin-top: 1.5em;
  341. float: right;
  342. width: 18.0em;
  343. }
  344.  
  345. #footer
  346. {
  347. position: relative;
  348. height: 2.0em;
  349. clear: both;
  350. padding-top: 5.0em;
  351. background: #fff url('images/border2.gif') repeat-x 0em 2.5em;
  352. font-size: 0.8em;
  353. }
  354.  
  355. #footer .left
  356. {
  357. position: absolute;
  358. left: 2.0em;
  359. bottom: 1.2em;
  360. }
  361.  
  362. #footer .right
  363. {
  364. position: absolute;
  365. right: 2.0em;
  366. bottom: 1.2em;
  367. }
  368.