home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / patternmaker / default.css next >
Encoding:
Cascading Style Sheet File  |  2007-03-05  |  2.7 KB  |  213 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: #54C3D8 url(images/img01.jpg);
  11.     font-family: Arial, Helvetica, sans-serif;
  12.     color: #FFFFFF;
  13. }
  14.  
  15. h1, h2, h3 {
  16.     margin: 0;
  17.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  18.     color: #00679A;
  19. }
  20.  
  21. h2 {
  22. }
  23.  
  24. h3 {
  25. }
  26.  
  27. p, blockquote, ul, ol {
  28.     line-height: 160%;
  29. }
  30.  
  31. ul, ol {
  32.     margin-left: 0;
  33.     padding-left: 0;
  34.     list-style: inside;
  35. }
  36.  
  37. img {
  38.     border: none;
  39. }
  40.  
  41. a {
  42.     color: #00679A;
  43. }
  44.  
  45. a:hover {
  46.     text-decoration: none;
  47. }
  48.  
  49. /* Wrapper */
  50.  
  51. #wrapper {
  52.     background: url(images/img02.jpg) repeat-x;
  53. }
  54.  
  55. /* Header */
  56.  
  57. #header {
  58.     width: 760px;
  59.     height: 160px;
  60.     margin: 0 auto;
  61. }
  62.  
  63. /* Logo */
  64.  
  65. #logo {
  66.     float: left;
  67.     width: 235px;
  68. }
  69.  
  70. #logo h1 {
  71.     padding: 70px 0 0 10px;
  72.     font-size: 2em;
  73. }
  74.  
  75. #logo h2 {
  76.     padding-left: 10px;
  77.     font-size: 1em;
  78. }
  79.  
  80. #logo a {
  81.     text-decoration: none;
  82.     color: #00679A;
  83. }
  84.  
  85. /* Menu */
  86.  
  87. #menu {
  88.     float: right;
  89. }
  90.  
  91. #menu ul {
  92.     margin: 0;
  93.     padding: 100px 10px 0 0;
  94.     list-style: none;
  95. }
  96.  
  97. #menu li {
  98.     display: inline;
  99. }
  100.  
  101. #menu a {
  102.     display: block;
  103.     float: left;
  104.     width: 100px;
  105.     height: 30px;
  106.     margin-left: 1px;
  107.     padding-top: 10px;
  108.     background: url(images/img03.jpg);
  109.     text-decoration: none;
  110.     text-align: center;
  111.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  112.     font-size: 1.2em;
  113.     color: #FFFFFF;
  114. }
  115.  
  116. #menu a:hover, #menu .active a {
  117.     background: url(images/img04.jpg);
  118.     color: #00679A;
  119. }
  120.  
  121. /* Content */
  122.  
  123. #content {
  124.     width: 760px;
  125.     margin: 0 auto;
  126. }
  127.  
  128. /* Posts */
  129.  
  130. #posts {
  131.     float: right;
  132.     width: 510px;
  133. }
  134.  
  135. .post {
  136. }
  137.  
  138. .post .title {
  139.     padding: 10px;
  140.     background: url(images/img07.jpg) repeat-x;
  141. }
  142.  
  143. .post .meta {
  144.     padding: 0 0 0 10px;
  145. }
  146.  
  147. .post .meta p {
  148.     margin: 0;
  149.     font-size: x-small;
  150. }
  151.  
  152. .post .story {
  153.     padding: 10px;
  154. }
  155.  
  156. /* Sidebar */
  157.  
  158. #sidebar {
  159.     float: left;
  160.     width: 220px;
  161. }
  162.  
  163. /* Boxed */
  164.  
  165. #sidebar .boxed {
  166.     background: url(images/img05.jpg);
  167. }
  168.  
  169. #sidebar .boxed h2 {
  170.     height: 33px;
  171.     padding: 8px 0 0 10px;
  172.     background: url(images/img06.jpg);
  173.     font-size: 1.2em;
  174.     font-weight: normal;
  175.     color: #FFFFFF;
  176. }
  177.  
  178. #sidebar .boxed .content {
  179.     padding: 10px 10px 60px 10px;
  180.     background: url(images/img07.jpg) repeat-x left bottom;
  181. }
  182.  
  183. #sidebar .boxed ul {
  184. }
  185.  
  186. #sidebar .boxed li {
  187. }
  188.  
  189. #sidebar .boxed a {
  190. }
  191.  
  192. #sidebar .boxed a:hover {
  193. }
  194.  
  195. /* Footer */
  196.  
  197. #footer {
  198.     clear: both;
  199.     padding: 20px;
  200.     background: url(images/img07.jpg) repeat-x;
  201. }
  202.  
  203. #footer p {
  204.     text-align: center;
  205.     font-size: smaller;
  206.     color: #FFFFFF;
  207. }
  208.  
  209. #footer a {
  210.     color: #FFFFFF;
  211. }
  212.  
  213.