home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / hibiscus / default.css next >
Cascading Style Sheet File  |  2007-08-02  |  4KB  |  276 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) repeat-x;
  11.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  12.     font-size: 13px;
  13.     color: #7F6A63;
  14. }
  15.  
  16. h1, h2, h3 {
  17.     font-family: Georgia, "Times New Roman", Times, serif;
  18.     font-weight: normal;
  19.     color: #492B21;
  20. }
  21.  
  22. h1 {
  23.     letter-spacing: -1px;
  24.     font-size: 2.5em;
  25. }
  26.  
  27. h2 {
  28.     font-size: 2em;
  29. }
  30.  
  31. h3 {
  32.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  33.     font-size: 100%;
  34.     font-weight: bold;
  35. }
  36.  
  37. p, ul, ol {
  38.     margin-top: 0;
  39.     margin-bottom: 1.6em;
  40.     line-height: 180%;
  41.     font-size: 1.2em;
  42. }
  43.  
  44. p {
  45. }
  46.  
  47. blockquote {
  48.     float: right;
  49.     width: 160px;
  50.     padding-top: 1.6em;
  51.     border-top: 1px solid #CCCCCC;
  52.     border-bottom: 1px solid #CCCCCC;
  53.     text-align: center;
  54.     font-family: Georgia, "Times New Roman", Times, serif;
  55.     color: #492B21;
  56. }
  57.  
  58. ul {
  59. }
  60.  
  61. ol {
  62. }
  63.  
  64. a {
  65.     border-bottom: 1px dotted #CCCCCC;
  66.     text-decoration: none;
  67.     color: #AC021C;
  68. }
  69.  
  70. a:hover {
  71.     border: none;
  72.     text-decoration: underling;
  73. }
  74.  
  75. small {
  76. }
  77.  
  78. hr {
  79.     display: none;
  80. }
  81.  
  82. img {
  83.     border: none;
  84. }
  85.  
  86. img.left {
  87.     float: left;
  88.     margin: 0 15px 0 0;
  89. }
  90.  
  91. img.right {
  92.     float: left;
  93.     margin: 0 0 0 15px;
  94. }
  95.  
  96. /* Header */
  97.  
  98. #header {
  99.     width: 760px;
  100.     height: 170px;
  101.     margin: 0 auto;
  102.     background: url(images/img02.jpg);
  103.     text-transform: lowercase;
  104.     font-family: Georgia, "Times New Roman", Times, serif;
  105.     color: #FAE6D4;
  106. }
  107.  
  108. #header a {
  109.     border: none;
  110.     text-decoration: none;
  111.     color: #FAE6D4;
  112. }
  113.  
  114. #header a:hover {
  115.     text-decoration: underline;
  116. }
  117.  
  118. #logo {
  119.     float: left;
  120.     padding: 0 0 0 0;
  121. }
  122.  
  123. #logo h1 {
  124.     margin: 0;
  125.     padding-top: 50px;
  126.     font-size: 60px;
  127. }
  128.  
  129. #logo h2 {
  130.     margin: 0;
  131.     font-size: 18px;
  132. }
  133.  
  134. #menu {
  135.     float: right;
  136. }
  137.  
  138. #menu ul {
  139.     margin: 0;
  140.     padding: 118px 0 0 0;
  141.     list-style: none;
  142. }
  143.  
  144. #menu li {
  145.     display: inline;
  146. }
  147.  
  148. #menu a {
  149.     padding: 0 10px 0 22px;
  150.     background: url(images/img03.gif) no-repeat left center;
  151.     font-size: 18px;
  152. }
  153.  
  154. #menu .first a {
  155.     background: none;
  156. }
  157.  
  158. /* Page */
  159.  
  160. #page {
  161.     width: 760px;
  162.     margin: 0 auto;
  163. }
  164.  
  165. /* Content */
  166.  
  167. #content {
  168.     float: left;
  169.     width: 500px;
  170. }
  171.  
  172. /* Post */
  173.  
  174. .post {
  175.     padding: 40px 0 20px 0;
  176. }
  177.  
  178. .vline {
  179.     border-top: 2px dotted #CCCCCC;
  180. }
  181.  
  182. .post .date {
  183.     margin: 0;
  184.     font-size: .8em;
  185. }
  186.  
  187. .post .title {
  188.     margin-top: 0;
  189. }
  190.  
  191. .post .entry {
  192. }
  193.  
  194. .post .meta {
  195.     height: 30px;
  196.     font-size: 1em;
  197. }
  198.  
  199. .post .meta a {
  200.     display: block;
  201.     float: left;
  202.     height: 24px;
  203.     border: none;
  204. }
  205.  
  206. .post .meta b {
  207.     display: none;
  208. }
  209.  
  210. .post .category {
  211.     padding: 1px 40px;
  212.     background: url(images/img08.gif) no-repeat;
  213. }
  214.  
  215. .post .comments {
  216.     padding: 1px 40px;
  217.     background: url(images/img07.gif) no-repeat;
  218. }
  219.  
  220. /* Sidebar */
  221.  
  222. #sidebar {
  223.     float: right;
  224.     width: 220px;
  225.     padding-top: 30px;
  226. }
  227.  
  228. #sidebar ul {
  229.     margin: 0;
  230.     padding: 0;
  231.     list-style: none;
  232. }
  233.  
  234. #sidebar li {
  235.     padding-top: 30px;
  236. }
  237.  
  238. #sidebar li ul {
  239.     padding-left: 15px;
  240. }
  241.  
  242. #sidebar li li {
  243.     padding: 0;
  244.     padding-left: 15px;
  245.     background: url(images/img04.gif) no-repeat left center;
  246.     font-size: .75em;
  247. }
  248.  
  249. #sidebar li h2 {
  250.     margin-top: 0;
  251.     font-size: 1.4em;
  252. }
  253.  
  254. #sidebar li a {
  255. }
  256.  
  257. #sidebar fieldset {
  258.     border: none;
  259. }
  260.  
  261. /* Footer */
  262.  
  263. #footer {
  264.     clear: both;
  265.     height: 170px;
  266.     padding-top: 30px;
  267.     background: #AC0A22 url(images/img05.gif) repeat-x;
  268.     text-align: center;
  269.     font-size: .7em;
  270.     color: #DD5C73;
  271. }
  272.  
  273. #footer a {
  274.     border: none;
  275.     color: #F29DAE;
  276. }