home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / thecoffeeshop / default.css next >
Cascading Style Sheet File  |  2007-04-09  |  4KB  |  245 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: 0;
  9.     padding: 0;
  10.     background: #FFFFFF url(images/img01.jpg);
  11.     font: normal small Georgia, "Times New Roman", Times, serif;
  12.     line-height: 1.8em;
  13.     color: #797C7A;
  14. }
  15.  
  16. h1, h2, h3, h4, h5, h6 {
  17.     margin: 0;
  18.     padding: 0;
  19.     color: #715558;
  20. }
  21.  
  22. h2 {
  23.     padding-left: 20px;
  24.     background: url(images/img07.gif) no-repeat left center;
  25.     font-size: 22px;
  26. }
  27.  
  28. h3 {
  29.     margin-bottom: 1em;
  30.     text-transform: uppercase;
  31.     letter-spacing: 2px;
  32.     font-size: .9em;
  33.     font-weight: bold;
  34. }
  35.  
  36. p, blockquote, ul, ol {
  37.     margin-top: 0;
  38. }
  39.  
  40. blockquote {
  41.     padding: 0 0 0 40px;
  42.     background: url(images/img09.gif) no-repeat;
  43.     line-height: 1.6em;
  44. }
  45.  
  46. a {
  47.     background: url(images/img06.gif) repeat-x left bottom;
  48.     text-decoration: none;
  49.     color: #5A5C53;
  50. }
  51.  
  52. a:hover {
  53.     background: none;
  54.     text-decoration: underline;
  55. }
  56.  
  57. /* Wrapper */
  58.  
  59. #wrapper {
  60.     background: #FFFFFF url(images/img02.jpg) repeat-x left top;
  61. }
  62.  
  63. /* Menu */
  64.  
  65. #menu {
  66.     width: 750px;
  67.     height: 60px;
  68.     margin: 0 auto;
  69.     background: url(images/img03.jpg) no-repeat right top;
  70. }
  71.  
  72. #menu ul {
  73.     margin: 0;
  74.     padding: 0;
  75.     list-style: none;
  76. }
  77.  
  78. #menu li {
  79.     display: block;
  80.     float: left;
  81.     width: 148px;
  82.     height: 60px;
  83.     padding: 0 0 0 2px;
  84.     background: url(images/img02.gif) no-repeat;
  85. }
  86.  
  87. #menu a {
  88.     display: block;
  89.     width: 108px;
  90.     height: 36px;
  91.     padding: 20px 20px 0 20px;
  92.     background: url(images/img03.jpg) no-repeat;
  93.     letter-spacing: -1px;
  94.     text-align: center;
  95.     font-size: 1.6em;
  96.     color: #FFFFFF;
  97. }
  98.  
  99. #menu a:hover {
  100. }
  101.  
  102. #menu .active a {
  103. }
  104.  
  105. /* Header */
  106.  
  107. #header {
  108.     width: 754px;
  109.     height: 247px;
  110.     margin: 0 auto;
  111.     padding: 13px 0 0 0;
  112. }
  113.  
  114. #header h1 {
  115.     float: left;
  116.     width: 104px;
  117.     height: 110px;
  118.     padding: 104px 100px 0 20px;
  119.     background: url(images/img04.jpg) no-repeat;
  120.     line-height: 32px;
  121.     font-size: 30px;
  122.     font-style: italic;
  123.     color: #715558;
  124. }
  125.  
  126. #header h2 {
  127.     float: right;
  128.     width: 494px;
  129.     height: 34px;
  130.     padding: 180px 20px 0 0;
  131.     background: url(images/img05.jpg) no-repeat;
  132.     text-transform: lowercase;
  133.     text-align: right;
  134.     letter-spacing: -1px;
  135.     font-size: 22px;
  136.     font-weight: normal;
  137.     font-style: italic;
  138.     color: #FFFFFF;
  139. }
  140.  
  141. /* Content */
  142.  
  143. #content {
  144.     width: 750px;
  145.     margin: 0 auto;
  146. }
  147.  
  148. /* Posts */
  149.  
  150. #posts {
  151.     float: right;
  152.     width: 510px;
  153. }
  154.  
  155. #posts .post {
  156.     padding-bottom: 30px;
  157. }
  158.  
  159. #posts .story {
  160.     padding: 15px 20px 0 20px;
  161.     background: url(images/img08.jpg) repeat-x;
  162. }
  163.  
  164. #posts .meta {
  165.     padding: 5px 0 0 20px;
  166.     background: url(images/img06.gif) repeat-x;
  167. }
  168.  
  169. #posts .meta p {
  170.     margin: 0;
  171.     line-height: normal;
  172.     font-size: smaller;
  173. }
  174.  
  175. #posts ul {
  176. }
  177.  
  178. #posts ul li {
  179. }
  180.  
  181. /* Links */
  182.  
  183. #links {
  184.     float: left;
  185.     width: 220px;
  186. }
  187.  
  188. #links ul {
  189.     margin: 0;
  190.     padding: 0;
  191.     list-style: none;
  192. }
  193.  
  194. #links li ul {
  195.     padding: 15px 20px 30px 20px;
  196.     background: url(images/img08.jpg) repeat-x;
  197. }
  198.  
  199. #links li li {
  200.     padding: 3px 0;
  201.     background: url(images/img06.gif) repeat-x left bottom;
  202. }
  203.  
  204. #links li a {
  205.     background: none;
  206. }
  207.  
  208. #links li i {
  209.     font-size: smaller;
  210. }
  211.  
  212. #links h2 {
  213.     font-size: 1.3em;
  214. }
  215.  
  216. /* Footer */
  217.  
  218. #footer {
  219.     padding: 40px 0 60px 0;
  220.     background: url(images/img07.jpg) repeat-x;
  221. }
  222.  
  223. #footer p {
  224.     width: 750px;
  225.     color: #FFFFFF;
  226. }
  227.  
  228. #footer a {
  229.     background: none;
  230.     font-weight: bold;
  231.     color: #FFFFFF;
  232. }
  233.  
  234. #legal {
  235.     margin: 0 auto;
  236.     text-align: right;
  237.     font-size: 12px;
  238. }
  239.  
  240. #brand {
  241.     margin: -35px auto 0 auto;
  242.     padding: 10px 0 0 0;
  243.     letter-spacing: -1px;
  244.     font-size: 24px;
  245. }