home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / pastries / style.css < prev   
Cascading Style Sheet File  |  2008-06-18  |  4KB  |  310 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: 20px;
  9.     background: #6E0911 url(images/img01.jpg) repeat left top;
  10.     font-family: Georgia, "Times New Roman", Times, serif;
  11.     font-size: 13px;
  12.     color: #757890;
  13. }
  14.  
  15. h1, h2, h3 {
  16.     margin: 0;
  17.     text-transform: lowercase;
  18.     letter-spacing: -.05em;
  19.     font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
  20.     font-weight: normal;
  21. }
  22.  
  23. h1 {
  24.     font-size: 1.8em;
  25. }
  26.  
  27. h2 {
  28.     font-size: 1.4em;
  29. }
  30.  
  31. h3 {
  32.     font-size: 1em;
  33. }
  34.  
  35. p, ul, ol {
  36.     margin-top: 0;
  37.     line-height: 180%;
  38. }
  39.  
  40. ul, ol {
  41. }
  42.  
  43. a {
  44.     background: url(images/img05.gif) repeat-x left bottom;
  45.     text-decoration: none;
  46.     color: #C0BFBF;
  47. }
  48.  
  49. a:hover {
  50.     background: none;
  51.     color: #FFFFFF;
  52. }
  53.  
  54. /* Header */
  55.  
  56. #header {
  57.     width: 800px;
  58.     height: 200px;
  59.     margin: 0 auto;
  60.     background: url(images/img02.jpg) no-repeat left top;
  61. }
  62.  
  63. /* Logo */
  64.  
  65. #logo {
  66.     float: left;
  67.     color: #74788F;
  68. }
  69.  
  70. #logo h1 {
  71.     float: left;
  72.     padding-top: 120px;
  73.     padding-left: 135px;
  74.     text-transform: lowercase;
  75.     font-size: 2.9em;
  76. }
  77.  
  78. #logo p {
  79.     float: left;
  80.     margin: 0;
  81.     padding: 138px 0 0 2px;
  82.     text-transform: lowercase;
  83.     letter-spacing: -.05em;
  84.     font-size: 16px;
  85. } 
  86.  
  87. #logo a {
  88.     background: none;
  89.     text-decoration: none;
  90.     color: #FFFFFF;
  91. }
  92.  
  93. /* Search */
  94.  
  95. #search {
  96.     float: right;
  97.     width: 200px;
  98.     padding-top: 86px;
  99.     padding-right: 45px;
  100. }
  101.  
  102. #search form {
  103.     width: 200px;
  104.     height: 41px;
  105.     margin: 0;
  106.     padding: 55px 0 0 18px;
  107. }
  108.  
  109. #search fieldset {
  110.     margin: 0;
  111.     padding: 0;
  112.     border: none;
  113. }
  114.  
  115. #search-text {
  116.     width: 150px;
  117.     padding: 5px 10px 5px 10px;
  118.     border: none;
  119.     text-transform: uppercase;
  120.     background: #723C49;
  121.     border: none;
  122.     font: bold 12px Arial, Helvetica, sans-serif;
  123.     color: #ABB0D1;
  124. }
  125.  
  126. #search-submit {
  127.     display: none;
  128. }
  129.  
  130. /* Menu */
  131.  
  132. #menu {
  133.     width: 800px;
  134.     height: 60px;
  135.     margin: 0 auto;
  136.     background: #FFFFFF url(images/img03.jpg) repeat-y left top;
  137. }
  138.  
  139. #menu ul {
  140.     margin: 0;
  141.     padding: 20px 0 0 10px;
  142.     list-style: none;
  143.     line-height: normal;
  144. }
  145.  
  146. #menu li {
  147.     float: left;
  148. }
  149.  
  150. #menu a {
  151.     padding: 20px 20px;
  152.     margin-right: 2px;
  153.     text-transform: lowercase;
  154.     text-decoration: none;
  155.     font-family: Georgia, "Times New Roman", Times, serif;
  156.     font-size: 20px;
  157.     color: #757890;
  158. }
  159.  
  160. #menu a:hover, #menu .current_page_item a {
  161.     color: #FFFFFF;
  162.     text-decoration: none;
  163. }
  164.  
  165. #menu a:hover {
  166.     text-decoration: none;
  167. }
  168.  
  169. /* Wraper */
  170.  
  171. #wrapper {
  172.     width: 800px;
  173.     margin: 0 auto;
  174.     background: url(images/img04.jpg) repeat-y left top;
  175. }
  176.  
  177.  
  178. /* Page */
  179.  
  180. #page {
  181.     width: 800px;
  182.     margin: 0 auto;
  183.     padding-top: 30px;
  184.     background: url(images/img05.jpg) no-repeat left bottom;
  185. }
  186.  
  187. /* Content */
  188.  
  189. #content {
  190.     float: right;
  191.     width: 500px;
  192.     margin-right: 40px;
  193. }
  194.  
  195. .post {
  196. }
  197.  
  198. .post .title {
  199.     padding: 5px 0 5px 0;
  200.     border-bottom: 2px solid #000000;
  201.     color: #FFFFFF;
  202. }
  203.  
  204. .post .title a {
  205.     color: #FFFFFF;
  206. }
  207.  
  208. .post h2 {
  209.     font-size: 1.8em;
  210. }
  211.  
  212. .post .meta {
  213.     padding: 2px 10px;
  214.     background: #0D0D0D;
  215.     border-top: 1px solid #000000;
  216.     border-bottom: 1px solid #000000;
  217.     text-transform: uppercase;
  218.     text-align: left;
  219.     font-size: 9px;
  220. }
  221.  
  222. .post .entry {
  223.     padding: 20px 10px;
  224.     text-align: justify;
  225. }
  226.  
  227. /* Sidebar */
  228.  
  229. #sidebar {
  230.     float: left;
  231.     width: 220px;
  232.     margin-left: 25px;
  233.     color: #7893AE;
  234. }
  235.  
  236. #sidebar ul {
  237.     margin: 0;
  238.     padding: 0;
  239.     list-style: none;
  240. }
  241.  
  242. #sidebar li {
  243. }
  244.  
  245. #sidebar li ul {
  246.     padding: 10px 0 15px 15px;
  247. }
  248.  
  249. #sidebar li li {
  250.     padding-left: 10px;
  251. }
  252.  
  253. #sidebar h2 {
  254.     padding-bottom: 10px;
  255.     padding-left: 20px;
  256.     margin: 5px 22px;
  257.     font-size: 1.5em;
  258.     border-bottom: 2px solid #000000;
  259.     background: url(images/img06.jpg) no-repeat left 35%;
  260.     color: #FFFFFF;
  261. }
  262.  
  263. #sidebar p {
  264.     padding: 10px 13px 15px 23px;
  265.     text-align: justify;
  266. }
  267.  
  268. /* Calendar */
  269.  
  270. #calendar {
  271. }
  272.  
  273. #calendar_wrap {
  274.     padding: 20px;
  275. }
  276.  
  277. #calendar table {
  278.     width: 100%;
  279. }
  280.  
  281. #calendar tbody td {
  282.     text-align: center;
  283. }
  284.  
  285. #calendar #next {
  286.     text-align: right;
  287. }
  288.  
  289. /* Footer */
  290.  
  291. #footer {
  292.     width: 800px;
  293.     margin: 0 auto;
  294.     padding: 30px 0;
  295.     height: 60px;
  296.     font-family: Arial, Helvetica, sans-serif;
  297.     color: #D6969B;
  298. }
  299.  
  300. #footer p {
  301.     margin: 0;
  302.     line-height: normal;
  303.     font-size: 9px;
  304.     text-transform: uppercase;
  305.     text-align: center;
  306. }
  307.  
  308. #footer a {
  309.     color: #D6969B;
  310. }