home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / nonzero / style_brown.css < prev    next >
Cascading Style Sheet File  |  2006-11-15  |  5KB  |  430 lines
  1. /*
  2.  
  3.     Nonzero1.0 by nodethirtythree design
  4.     http://www.nodethirtythree.com
  5.     missing in a maze
  6.  
  7. */
  8.  
  9. /* This controls the width of the fluid width layouts */
  10.  
  11. div.fluid
  12. {
  13. width: 90% !important;
  14. }
  15.  
  16. /* This controls the width of the fixed width layouts */
  17.  
  18. div.fixed
  19. {
  20. width: 950px !important;
  21. }
  22.  
  23. /* Basic Stuff */
  24.  
  25. *
  26. {
  27. margin: 0em;
  28. padding: 0em;
  29. }
  30.  
  31. body
  32. {
  33. background-color: #fff;
  34. color: #585858;
  35. font-size: 9pt;
  36. font-family: "trebuchet ms", helvetica, sans-serif;
  37. }
  38.  
  39. h1,h2,h3,h4,h5,h6
  40. {
  41. font-weight: normal;
  42. letter-spacing: -1px;
  43. text-transform: lowercase;
  44. }
  45.  
  46. h3,h4,h5,h6
  47. {
  48. color: #562F00;
  49. }
  50.  
  51. h1 span
  52. {
  53. font-weight: bold;
  54. }
  55.  
  56. h3 span
  57. {
  58. font-weight: bold;
  59. }
  60.  
  61. h4 span
  62. {
  63. font-weight: bold;
  64. }
  65.  
  66. br.clear
  67. {
  68. clear: both;
  69. }
  70.  
  71. img
  72. {
  73. padding: 3px;
  74. border: solid 1px #e1e1e1;
  75. }
  76.  
  77. img.floatTL
  78. {
  79. float: left;
  80. margin-right: 1.5em;
  81. margin-bottom: 1.5em;
  82. margin-top: 0.5em;
  83. }
  84.  
  85. a
  86. {
  87. text-decoration: underline;
  88. color: #AB5500;
  89. }
  90.  
  91. a:hover
  92. {
  93. text-decoration: none;
  94. }
  95.  
  96. ul.links
  97. {
  98. list-style: none;
  99. }
  100.  
  101. ul.links li
  102. {
  103. line-height: 2em;
  104. }
  105.  
  106. ul.links li.first
  107. {
  108. }
  109.  
  110. p
  111. {
  112. line-height: 1.8em;
  113. }
  114.  
  115. /* Header */
  116.  
  117. #header
  118. {
  119. width:100%;
  120. height:122px;
  121. background: #440000 url('images_brown/n1.gif') repeat-x;
  122. }
  123.  
  124. #header_inner
  125. {
  126. position: relative;
  127. width: 950px;
  128. height:122px;
  129. margin: 0 auto;
  130. }
  131.  
  132. /* Logo */
  133.  
  134. #logo
  135. {
  136. position: absolute;
  137. bottom: 0.6em;
  138. }
  139.  
  140. #logo h1
  141. {
  142. display: inline;
  143. color: #fff;
  144. font-size: 2.6em;
  145. }
  146.  
  147. #logo h2
  148. {
  149. display: inline;
  150. padding-left: 0.5em;
  151. color: #E0D7CC;
  152. font-size: 1.0em;
  153. }
  154.  
  155. /* Menu */
  156.  
  157. #menu
  158. {
  159. position: absolute;
  160. right: 0em;
  161. bottom: 0em;
  162. }
  163.  
  164. #menu ul
  165. {
  166. list-style: none;
  167. }
  168.  
  169. #menu li
  170. {
  171. float: left;
  172. }
  173.  
  174. #menu li a
  175. {
  176. margin-left: 0.5em;
  177. display: block;
  178. padding: 1.1em 1.4em 1.0em 1.4em;
  179. background: #fff url('images_brown/n4.gif') repeat-x;
  180. border: solid 1px #fff;
  181. color: #616161;
  182. font-weight: bold;
  183. font-size: 1.0em;
  184. text-transform: lowercase;
  185. text-decoration: none;
  186. }
  187.  
  188. #menu li a.active
  189. {
  190. background: #CC6C0C url('images_brown/n3.gif') repeat-x;
  191. color: #fff;
  192. border: solid 1px #AA7036;
  193. }
  194.  
  195. /* Main */
  196.  
  197. #main
  198. {
  199. background: #fff url('images_brown/n2.gif') 0px 1px repeat-x;
  200. }
  201.  
  202. #main_inner p
  203. {
  204. text-align: justify;
  205. margin-bottom: 2.0em;
  206. }
  207.  
  208. #main_inner ul
  209. {
  210. margin-bottom: 2.0em;
  211. }
  212.  
  213. #main_inner
  214. {
  215. position: relative;
  216. width: 950px;
  217. margin: 0 auto;
  218. padding-top: 3.5em;
  219. }
  220.  
  221. #main_inner h3,h4
  222. {
  223. border-bottom: dotted 1px #E1E1E1;
  224. position: relative;
  225. }
  226.  
  227. #main_inner h3
  228. {
  229. font-size: 2.1em;
  230. padding-bottom: 0.1em;
  231. margin-bottom: 0.8em;
  232. }
  233.  
  234. #main_inner h4
  235. {
  236. font-size: 1.2em;
  237. padding-bottom: 0.175em;
  238. margin-bottom: 1.4em;
  239. margin-top: 0.95em;
  240. }
  241.  
  242. #main_inner .post
  243. {
  244. position: relative;
  245. }
  246.  
  247. #main_inner .post h3
  248. {
  249. position: relative;
  250. font-size: 1.7em;
  251. padding-bottom: 1.2em;
  252. }
  253.  
  254. #main_inner .post ul.post_info
  255. {
  256. list-style: none;
  257. position: absolute;
  258. top: 3em;
  259. font-size: 0.8em;
  260. }
  261.  
  262. #main_inner .post ul.post_info li
  263. {
  264. background-position: 0em 0.2em;
  265. background-repeat: no-repeat;
  266. display: inline;
  267. padding-left: 18px;
  268. }
  269.  
  270. #main_inner .post ul.post_info li.date
  271. {
  272. background-image: url('images_brown/n5.gif');
  273. }
  274.  
  275. #main_inner .post ul.post_info li.comments
  276. {
  277. background-image: url('images_brown/n6.gif');
  278. margin-left: 1.1em;
  279. }
  280.  
  281. /* Footer */
  282.  
  283. #footer
  284. {
  285. width: 950px;
  286. margin: 0 auto;
  287. text-align: center;
  288. clear: both;
  289. border-top: dotted 1px #E1E1E1;
  290. margin-top: 1.0em;
  291. margin-bottom: 1.0em;
  292. padding-top: 1.0em;
  293. text-transform: lowercase;
  294. }
  295.  
  296. /* Search */
  297.  
  298. input.button
  299. {
  300. background: #CC6C0C url('images_brown/n3.gif') repeat-x;
  301. color: #fff;
  302. border: solid 1px #AA7036;
  303. font-weight: bold;
  304. text-transform: lowercase;
  305. font-size: 0.8em;
  306. height: 2.0em;
  307. }
  308.  
  309. input.text
  310. {
  311. border: solid 1px #F1F1F1;
  312. font-size: 1.0em;
  313. padding: 0.25em 0.25em 0.25em 0.25em;
  314. }
  315.  
  316. #search
  317. {
  318. position: relative;
  319. width: 100%;
  320. margin-bottom: 2.0em;
  321. }
  322.  
  323. #search input.text
  324. {
  325. position: absolute;
  326. top: 0em;
  327. left: 0em;
  328. width: 9.5em;
  329. }
  330.  
  331. #search input.button
  332. {
  333. position: absolute;
  334. top: 0em;
  335. right: 0em;
  336. min-width: 2.0em;
  337. max-width: 2.5em;
  338. }
  339.  
  340. /* LAYOUT - 3 COLUMNS */
  341.  
  342.     /* Primary content */
  343.     
  344.     #primaryContent_3columns
  345.     {
  346.     position: relative;
  347.     margin-right: 34em;
  348.     }
  349.     
  350.     #columnA_3columns
  351.     {
  352.     position: relative;
  353.     float: left;
  354.     width: 100%;
  355.     margin-right: -34em;
  356.     padding-right: 2em;
  357.     }
  358.     
  359.     /* Secondary Content */
  360.     
  361.     #secondaryContent_3columns
  362.     {
  363.     float: right;
  364.     }
  365.     
  366.     #columnB_3columns
  367.     {
  368.     width: 13.0em;
  369.     float: left;
  370.     padding: 0em 2em 0.5em 2em;
  371.     border-left: dotted 1px #E1E1E1;
  372.     }
  373.     
  374.     #columnC_3columns
  375.     {
  376.     width: 13.0em;
  377.     float: left;
  378.     padding: 0em 0em 0.5em 2em;
  379.     border-left: dotted 1px #E1E1E1;
  380.     }
  381.     
  382. /* LAYOUT - 2 COLUMNS */
  383.  
  384.     /* Primary content */
  385.     
  386.     #primaryContent_2columns
  387.     {
  388.     position: relative;
  389.     margin-right: 17em;
  390.     }
  391.     
  392.     #columnA_2columns
  393.     {
  394.     position: relative;
  395.     float: left;
  396.     width: 100%;
  397.     margin-right: -17em;
  398.     padding-right: 2em;
  399.     }
  400.     
  401.     /* Secondary Content */
  402.     
  403.     #secondaryContent_2columns
  404.     {
  405.     float: right;
  406.     }
  407.     
  408.     #columnC_2columns
  409.     {
  410.     width: 13.0em;
  411.     float: left;
  412.     padding: 0em 0em 0.5em 2em;
  413.     border-left: dotted 1px #E1E1E1;
  414.     }
  415.  
  416. /* LAYOUT - COLUMNLESS */
  417.  
  418.     /* Primary content */
  419.     
  420.     #primaryContent_columnless
  421.     {
  422.     position: relative;
  423.     }
  424.     
  425.     #columnA_columnless
  426.     {
  427.     position: relative;
  428.     width: 100%;
  429.     }
  430.