home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / stardust / default.css next >
Encoding:
Cascading Style Sheet File  |  2008-04-20  |  4.4 KB  |  336 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 left bottom;
  11.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  12.     font-size: 13px;
  13.     color: #652500;
  14. }
  15.  
  16. h1, h2, h3 {
  17.     margin: 0;
  18.     text-transform: lowercase;
  19.     font-weight: normal;
  20.     color: #652500;
  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: #BD520E;
  41. }
  42.  
  43. a:hover, a:active {
  44.     text-decoration: none;
  45.     color: #BD520E;
  46. }
  47.  
  48. a:visited {
  49.     color: #BD520E;
  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. #header-bg {
  91.     background: url(images/img02.gif) repeat-x left bottom;
  92. }
  93.  
  94. #header {
  95.     width: 850px;
  96.     height: 150px;
  97.     margin: 0 auto 40px auto;
  98.     background: url(images/img03.gif) no-repeat left top;
  99. }
  100.  
  101. #logo {
  102.     padding: 35px 0 0 100px;
  103.     float: left;
  104. }
  105.  
  106. #logo h1 {
  107.     font-size: 52px;
  108. }
  109.  
  110. #logo h1 sup {
  111.     vertical-align: text-top;
  112.     font-size: 24px;
  113. }
  114.  
  115. #logo h1 a {
  116.     color: #F4B07B;
  117. }
  118.  
  119. #logo h2 {
  120.     margin-top: -10px;
  121.     padding-left: 3px;
  122.     text-transform: uppercase;
  123.     font-family: Arial, Helvetica, sans-serif;
  124.     font-size: 9px;
  125.     color: #A0A0A0;
  126. }
  127.  
  128. #logo a {
  129.     text-decoration: none;
  130. }
  131.  
  132. /* Menu */
  133.  
  134. #menu {
  135.     float: right;
  136. }
  137.  
  138. #menu ul {
  139.     margin: 0;
  140.     padding: 55px 0 0 0;
  141.     list-style: none;
  142. }
  143.  
  144. #menu li {
  145.     display: inline;
  146. }
  147.  
  148. #menu a {
  149.     display: block;
  150.     float: left;
  151.     margin-left: 5px;
  152.     padding: 7px 20px 7px 15px;
  153.     background: url(images/img04.gif) no-repeat left 55%;
  154.     text-decoration: none;
  155.     font-size: 16px;
  156.     color: #BD520E;
  157. }
  158.  
  159. #menu a:hover {
  160.     text-decoration: none;
  161. }
  162.  
  163. #menu .active a {
  164. }
  165.  
  166. /* Page */
  167.  
  168. #page {
  169.     width: 850px;
  170.     margin: 0 auto;
  171. }
  172.  
  173. /* Content */
  174.  
  175. #content {
  176.     float: left;
  177.     width: 600px;
  178. }
  179.  
  180. /* Post */
  181.  
  182. .post {
  183. }
  184.  
  185. .post .title {
  186.     margin-bottom: 20px;
  187.     margin-top: 20px;
  188.     padding: 0 0 7px 0px;
  189. }
  190.  
  191. .post .entry {
  192. }
  193.  
  194. .post .meta {
  195.     background: url(images/img02.gif) repeat-x left top;
  196.     padding: 15px 10px 30px 0px;
  197. }
  198.  
  199. .post .meta p {
  200.     margin: 0;
  201.     line-height: normal;
  202.     color: #999999;
  203. }
  204.  
  205. .post .meta .byline {
  206.     float: right;
  207.     color: #BD520E;
  208. }
  209.  
  210. .post .meta .links {
  211.     float: left;
  212. }
  213.  
  214. .post .meta .more {
  215.     padding: 0 20px 0 18px;
  216.     background: url(images/img06.gif) no-repeat left center;
  217. }
  218.  
  219. .post .meta .comments {
  220.     padding-left: 22px;
  221.     background: url(images/img07.gif) no-repeat left center;
  222. }
  223.  
  224. .post .meta b {
  225.     display: none;
  226. }
  227.  
  228. /* Sidebar */
  229.  
  230. #sidebar {
  231.     float: right;
  232.     width: 195px;
  233. }
  234.  
  235. #sidebar ul {
  236.     margin: 0;
  237.     padding: 0;
  238.     list-style: none;
  239. }
  240.  
  241. #sidebar li {
  242.     margin-bottom: 40px;
  243. }
  244.  
  245. #sidebar li ul {
  246. }
  247.  
  248. #sidebar li li {
  249.     margin: 0;
  250.     padding-left: 12px;
  251. }
  252.  
  253. #sidebar h2 {
  254.     margin-bottom: 10px;
  255.     padding-left: 15px;
  256.     background: url(images/img02.gif) repeat-x left bottom;
  257.     font-size: 16px;
  258. }
  259.  
  260. /* Search */
  261.  
  262. #search {
  263. }
  264.  
  265. #search h2 {
  266.     margin-bottom: 20px;
  267. }
  268.  
  269. #s {
  270.     width: 110px;
  271.     margin-right: 5px;
  272.     padding: 2px;
  273.     border: 1px solid #F0F0F0;
  274. }
  275.  
  276. #x {
  277.     padding: 4px 4px;
  278.     background: #BD520E;
  279.     border: none;
  280.     text-transform: uppercase;
  281.     font-family: Arial, Helvetica, sans-serif;
  282.     font-size: 10px;
  283.     color: #FFFFFF;
  284. }
  285.  
  286. /* Boxes */
  287.  
  288. .box1 {
  289.     padding: 20px;
  290.     background: url(images/img05.gif) no-repeat;
  291. }
  292.  
  293. .box2 {
  294.     color: #BABABA;
  295. }
  296.  
  297. .box2 h2 {
  298.     margin-bottom: 15px;
  299.     background: url(images/img10.gif) repeat-x left bottom;
  300.     font-size: 16px;
  301.     color: #FFFFFF;
  302. }
  303.  
  304. .box2 ul {
  305.     margin: 0;
  306.     padding: 0;
  307.     list-style: none;
  308. }
  309.  
  310. .box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited  {
  311.     color: #EDEDED;
  312. }
  313.  
  314. /* Footer */
  315.  
  316. #footer {
  317.     min-height: 74px;
  318.     padding: 10px 0 0 0;
  319.     background: url(images/img02.gif) repeat-x left top;
  320. }
  321.  
  322. html>body #footer {
  323.     height: auto;
  324. }
  325.  
  326. #legal {
  327.     clear: both;
  328.     padding-top: 10px;
  329.     text-align: center;
  330.     color: #943505;
  331. }
  332.  
  333. #legal a {
  334.     color: #943505;
  335. }
  336.