home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / lotusflower / default.css next >
Cascading Style Sheet File  |  2008-05-01  |  5KB  |  384 lines
  1. /*
  2. Design by Free CSS Templates
  3. http://www.freecsstemplates.org
  4. Released for free under a Creative Commons Attribution 2.5 License
  5. */
  6.  
  7. body {
  8.     margin-top: 49px;
  9.     padding: 0;
  10.     background: url(images/img01.jpg) repeat-x left top;
  11.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  12.     font-size: 13px;
  13.     color: #333333;
  14. }
  15.  
  16. h1, h2, h3 {
  17.     margin: 0;
  18.     text-transform: lowercase;
  19.     font-weight: normal;
  20.     color: #559106;
  21. }
  22.  
  23. h1 {
  24.     letter-spacing: -1px;
  25.     font-size: 32px;
  26. }
  27.  
  28. h2 {
  29.     font-size: 23px;
  30. }
  31.  
  32. p, ul, ol {
  33.     margin: 0 0 2em 0;
  34.     text-align: justify;
  35.     line-height: 26px;
  36.     font-size: 11px;
  37. }
  38.  
  39. a:link {
  40.     color: #4E8006;
  41. }
  42.  
  43. a:hover, a:active {
  44.     text-decoration: none;
  45.     color: #4E8006;
  46. }
  47.  
  48. a:visited {
  49.     color: #4E8006;
  50. }
  51.  
  52. img {
  53.     border: none;
  54. }
  55.  
  56. img.left {
  57.     float: left;
  58.     margin-right: 15px;
  59. }
  60.  
  61. img.right {
  62.     float: right;
  63.     margin-left: 15px;
  64. }
  65.  
  66. /* Form */
  67.  
  68. form {
  69.     margin: 0;
  70.     padding: 0;
  71. }
  72.  
  73. fieldset {
  74.     margin: 0;
  75.     padding: 0;
  76.     border: none;
  77. }
  78.  
  79. legend {
  80.     display: none;
  81. }
  82.  
  83. input, textarea, select {
  84.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  85.     font-size: 13px;
  86.     color: #333333;
  87. }
  88.  
  89. /* Header */
  90.  
  91. #header {
  92.     width: 860px;
  93.     height: 52px;
  94.     margin: 0 auto;
  95.     background: url(images/img02.jpg) no-repeat left top;
  96. }
  97.  
  98. /* Menu */
  99.  
  100. #menu {
  101.     float: left;
  102.     width: 860px;
  103.     height: 54px;
  104. }
  105.  
  106. #menu ul {
  107.     margin: 0;
  108.     padding: 0px 0 0 20px;
  109.     list-style: none;
  110.     line-height: normal;
  111. }
  112.  
  113. #menu li {
  114.     display: block;
  115.     float: left;
  116. }
  117.  
  118. #menu a {
  119.     display: block;
  120.     float: left;
  121.     margin-right: 3px;
  122.     padding: 12px 20px;
  123.     letter-spacing: -.5px;
  124.     text-decoration: none;
  125.     text-transform: lowercase;
  126.     font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
  127.     color: #FFFFFF;
  128. }
  129.  
  130. #menu a:hover { 
  131.     text-decoration: none; 
  132.     color: #FFFFFF;
  133. }
  134.  
  135. #menu .current_page_item a {
  136.     color: #FFFFFF;
  137. }
  138.  
  139. /** LOGO */
  140.  
  141. #logo-wrap {
  142.     width: 860px;
  143.     margin: 0 auto;
  144.     padding: 30px 0 20px 0;
  145.     background: url(images/img03.jpg) no-repeat left top;
  146. }
  147.  
  148. #logo {
  149.     width: 820px;
  150.     height: 200px;
  151.     margin: 0 auto;
  152.     background: url(images/img05.jpg) no-repeat left top;
  153. }
  154.  
  155. #logo h1, #logo h2 {
  156.     float: left;
  157.     margin: 0;
  158.     padding: 0 0 0 20px;
  159.     line-height: normal;
  160. }
  161.  
  162. #logo h1 { 
  163.     padding-top: 95px;
  164.     font-family: Georgia, "Times New Roman", Times, serif;
  165.     font-size:36px;
  166.     font-style: italic;
  167. }
  168.  
  169. #logo h1 a {
  170.     text-decoration: none;
  171.     color: #FFFFFF; 
  172. }
  173.  
  174. #logo h1 a:hover { text-decoration: underline; }
  175.  
  176. #logo h2 {
  177.     padding: 115px 0 0 5px;
  178.     font: italic 13px Georgia, "Times New Roman", Times, serif;
  179.     color: #000000;
  180. }
  181.  
  182. #logo p a {
  183.     text-decoration: none;
  184.     color: #B6ACA2;
  185. }
  186.  
  187. #logo p a:hover { text-decoration: underline; }
  188.  
  189.  
  190.  
  191. /* Page */
  192.  
  193. #page {
  194.     width: 850px;
  195.     margin: 0 auto;
  196. }
  197.  
  198. /* Content */
  199.  
  200. #content {
  201.     float: right;
  202.     width: 620px;
  203.     background: url(images/img10.jpg) no-repeat left top;
  204. }
  205.  
  206. /* Post */
  207.  
  208. .post {
  209.     padding: 15px 15px;
  210. }
  211.  
  212. .post .title {
  213.     margin-bottom: 20px;
  214.     padding-bottom: 5px;
  215. }
  216.  
  217. .post h1 {
  218. }
  219.  
  220. .post h2 {
  221.     height: 32px;
  222.     padding: 8px 0 0 15px;
  223.     background: url(images/img09.jpg) no-repeat left top;
  224.     font-size: 18px;
  225.     color: #DADADA;
  226. }
  227.  
  228. .post .entry {
  229.     padding: 0 15px;
  230. }
  231.  
  232. .post .meta {
  233.     padding: 15px 0 30px 0;
  234.     border-top: 1px dotted #D1D1D1;
  235. }
  236.  
  237. .post .meta p {
  238.     margin: 0;
  239.     line-height: normal;
  240.     color: #999999;
  241. }
  242.  
  243. .post .meta .byline {
  244.     float: left;
  245. }
  246.  
  247. .post .meta .links {
  248.     float: right;
  249. }
  250.  
  251. .post .meta .more {
  252.     padding: 0 20px 0 18px;
  253.     background: url(images/img11.gif) no-repeat left center;
  254. }
  255.  
  256. .post .meta .comments {
  257.     padding-left: 22px;
  258.     background: url(images/img12.gif) no-repeat left center;
  259. }
  260.  
  261. .post .meta b {
  262.     display: none;
  263. }
  264.  
  265. /* Sidebar */
  266.  
  267. #sidebar {
  268.     float: left;
  269.     width: 215px;
  270. }
  271.  
  272. #sidebar ul {
  273.     margin: 0;
  274.     padding: 0;
  275.     list-style: none;
  276. }
  277.  
  278. #sidebar li {
  279.     margin-bottom: 40px;
  280.     padding: 0 15px;
  281. }
  282.  
  283. #sidebar li ul {
  284. }
  285.  
  286. #sidebar li li {
  287.     margin: 0;
  288.     padding-left: 15px;
  289.     background: url(images/img08.jpg) no-repeat left 50%;
  290. }
  291.  
  292. #sidebar h2 {
  293.     height: 32px;
  294.     padding: 8px 0 0 15px;
  295.     margin-bottom: 10px;
  296.     background: url(images/img07.jpg) no-repeat left top;
  297.     font-size: 18px;
  298.     color: #DADADA;
  299. }
  300.  
  301. /* Search */
  302.  
  303. #search {
  304. }
  305.  
  306. #search h2 {
  307.     margin-bottom: 20px;
  308. }
  309.  
  310. #s {
  311.     width: 115px;
  312.     margin-right: 5px;
  313.     padding: 3px;
  314.     border: 1px solid #BED99C;
  315. }
  316.  
  317. #x {
  318.     padding: 3px;
  319.     border: none;
  320.     background: #467805;
  321.     text-transform: lowercase;
  322.     font-size: 11px;
  323.     color: #FFFFFF;
  324. }
  325.  
  326. /* Boxes */
  327.  
  328. .box1 {
  329.     padding: 20px;
  330. }
  331.  
  332. .box2 {
  333.     color: #BABABA;
  334. }
  335.  
  336. .box2 h2 {
  337.     margin-bottom: 15px;
  338.     font-size: 16px;
  339.     color: #FFFFFF;
  340. }
  341.  
  342. .box2 ul {
  343.     margin: 0;
  344.     padding: 0;
  345.     list-style: none;
  346. }
  347.  
  348. .box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited  {
  349.     color: #EDEDED;
  350. }
  351.  
  352. /* Footer */
  353. #footer-wrap {
  354.     width: 860px;
  355.     height: 64px;
  356.     margin: 0 auto;
  357.     background: url(images/img04.jpg) no-repeat left top;
  358. }
  359.  
  360. #footer {
  361.     margin: 0 auto;
  362.     height: 64px;
  363.     min-height: 64px;
  364.     padding: 0;
  365. }
  366.  
  367. html>body #footer {
  368.     height: auto;
  369. }
  370.  
  371. #footer p {
  372. }
  373.  
  374. #legal {
  375.     clear: both;
  376.     padding-top: 10px;
  377.     text-align: center;
  378.     color: #999999;
  379. }
  380.  
  381. #legal a {
  382.     color: #999999;
  383. }
  384.