home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / oxidation / style.css < prev   
Encoding:
Cascading Style Sheet File  |  2007-12-30  |  5.4 KB  |  409 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: 20px 0;
  9.     padding: 0;
  10.     background: #ECEADC;
  11.     font-family: Georgia, "Times New Roman", Times, serif;
  12.     font-size: 13px;
  13.     color: #7F7E77;
  14. }
  15.  
  16. form {
  17.     margin: 0;
  18.     padding: 0;
  19. }
  20.  
  21. fieldset {
  22.     margin: 0;
  23.     padding: 0;
  24.     border: none;
  25. }
  26.  
  27. input, textarea {
  28.     padding: 2px 5px;
  29.     background: #F9F8F1 url(images/img03.gif) repeat-x;
  30.     border: 1px solid #D2BA29;
  31.     font: bold 1em Georgia, "Times New Roman", Times, serif;
  32.     color: #2D2D2B;
  33. }
  34.  
  35. h1, h2, h3 {
  36.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  37.     font-weight: normal;
  38.     color: #2D2D2B;
  39. }
  40.  
  41. h1 a, h2 a, h3 a {
  42.     color: #2D2D2B;
  43. }
  44.  
  45. h1 a:hover, h2 a:hover, h3 a:hover {
  46.     color: #D2BA29;
  47. }
  48.  
  49. h1 {
  50.     letter-spacing: -2px;
  51.     font-size: 2.8em;
  52. }
  53.  
  54. h2 {
  55.     letter-spacing: -1px;
  56.     font-size: 2em;
  57. }
  58.  
  59. h3 {
  60.     letter-spacing: -1px;
  61.     font-size: 1.6em;
  62. }
  63.  
  64. p, ul, ol {
  65.     margin-bottom: 2em;
  66.     line-height: 180%;
  67. }
  68.  
  69. blockquote {
  70.     margin: 0 0 0 2em;
  71.     padding: 0 0 0 1em;
  72.     font-style: italic;
  73.     border-left: 4px solid #F2EAB8;
  74. }
  75.  
  76. a {
  77.     border-bottom: 1px solid #F2EAB8;
  78.     text-decoration: none;
  79.     color: #D2BA29;
  80. }
  81.  
  82. a:hover {
  83.     border: none;
  84.     color: #FFB700;
  85. }
  86.  
  87. hr {
  88.     display: none;
  89. }
  90.  
  91. /* Header */
  92.  
  93. #header {
  94.     width: 960px;
  95.     height: 50px;
  96.     margin: 0 auto;
  97. }
  98.  
  99. /* Logo */
  100.  
  101. #logo {
  102.     float: left;
  103.     height: 50px;
  104.     padding: 0 30px;
  105.     background: #D2BA29 url(images/img01.jpg) no-repeat right top;
  106. }
  107.  
  108. #logo h1, #logo h2 {
  109.     float: left;
  110.     margin: 0;
  111.     color: #FFFFFF;
  112. }
  113.  
  114. #logo h1 {
  115.     padding-top: 10px;
  116.     text-transform: lowercase;
  117.     letter-spacing: 2px;
  118.     font-size: 2.6em;
  119.     font-weight: normal;
  120. }
  121.  
  122. #logo h2 {
  123.     padding-top: 30px;
  124.     font-size: .9em;
  125. }
  126.  
  127. #logo a {
  128.     border: none;
  129.     color: #FFFFFF;
  130. }
  131.  
  132. /* Search */
  133.  
  134. #search {
  135.     float: right;
  136.     padding-top: 15px;
  137. }
  138.  
  139. #searchsubmit {
  140.     background: #D5BF36 url(images/img04.gif) repeat-x;
  141.     font-size: .9em;
  142.     color: #FFFFFF;
  143. }
  144.  
  145. /* Menu */
  146.  
  147. #menu {
  148.     width: 960px;
  149.     height: 65px;
  150.     margin: 0 auto;
  151.     background: #242424 url(images/img02.jpg) no-repeat;
  152. }
  153.  
  154. #menu ul {
  155.     margin: 0;
  156.     padding: 18px 0 0 10px;
  157.     list-style: none;
  158. }
  159.  
  160. #menu li {
  161.     float: left;
  162. }
  163.  
  164. #menu a {
  165.     padding: 0 20px;
  166.     border: none;
  167.     letter-spacing: -1px;
  168.     font: normal 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
  169.     color: #CABFB4;
  170. }
  171.  
  172. #menu a:hover {
  173.     color: #FFFFFF;
  174. }
  175.  
  176. /* Page */
  177.  
  178. #page {
  179.     width: 960px;
  180.     margin: 0 auto;
  181.     background: url(images/img05.gif) repeat-y;
  182. }
  183.  
  184. /* Content */
  185.  
  186. #content {
  187.     float: left;
  188.     width: 710px;
  189. }
  190.  
  191. /* Post */
  192.  
  193. .post {
  194.     padding: 25px;
  195. }
  196.  
  197. .post .title {
  198.     margin: 0;
  199.     border-bottom: 2px solid #F2EAB8;
  200. }
  201.  
  202. .post .meta {
  203.     height: 11px;
  204.     margin: 0;
  205.     padding: 5px 0;
  206.     border-bottom: 1px solid #F2EAB8;
  207.     line-height: normal;
  208.     font: bold .8em Arial, Helvetica, sans-serif;
  209.     color: #C5C3BC;
  210. }
  211.  
  212. .post .meta .author {
  213.     float: left;
  214. }
  215.  
  216. .post .meta .date {
  217.     float: right;
  218. }
  219.  
  220. .post .meta a {
  221.     border: none;
  222. }
  223.  
  224. .post .entry {
  225. }
  226.  
  227. .post .tags {
  228.     margin: 0;
  229.     padding: 5px 0;
  230.     border-top: 2px solid #F2EAB8;
  231.     line-height: normal;
  232.     font-size: smaller;
  233. }
  234.  
  235. .post .links {
  236.     margin: 0;
  237.     padding: 5px 0;
  238.     border-top: 1px solid #F2EAB8;
  239.     border-bottom: 1px solid #F2EAB8;
  240.     line-height: normal;
  241.     font-size: smaller;
  242. }
  243.  
  244. /* Posts */
  245.  
  246. .posts {
  247.     padding: 20px;
  248. }
  249.  
  250. .posts h2 {
  251.     margin: 0;
  252.     border-bottom: 2px solid #F2EAB8;
  253. }
  254.  
  255. .posts ul {
  256.     margin: 0;
  257.     padding: 0;
  258.     list-style: none;
  259. }
  260.  
  261. .posts li {
  262.     padding-bottom: 1px;
  263. }
  264.  
  265. .posts .title {
  266.     margin: 30px 0 0 0;
  267.     border-bottom: 2px solid #F2EAB8;
  268. }
  269.  
  270. .posts .title a {
  271.     border: none;
  272. }
  273.  
  274. .posts .meta {
  275.     height: 11px;
  276.     margin: 0;
  277.     padding: 5px 0;
  278.     border-bottom: 1px solid #F2EAB8;
  279.     line-height: normal;
  280.     font: bold .8em Arial, Helvetica, sans-serif;
  281.     color: #C5C3BC;
  282. }
  283.  
  284. .posts .meta .author {
  285.     float: left;
  286. }
  287.  
  288. .posts .meta .date {
  289.     float: right;
  290. }
  291.  
  292. .posts .meta a {
  293.     border: none;
  294. }
  295.  
  296. /* Latest Post */
  297.  
  298. #latest-post {
  299.     float: left;
  300.     width: 350px;
  301. }
  302.  
  303. /* Recent Posts */
  304.  
  305. #recent-posts {
  306.     float: right;
  307.     width: 270px;
  308.     padding-top: 36px;
  309. }
  310.  
  311. /* Sidebar */
  312.  
  313. #sidebar {
  314.     float: right;
  315.     width: 210px;
  316.     padding: 20px;
  317. }
  318.  
  319. #sidebar ul {
  320.     margin: 0;
  321.     padding: 0;
  322.     list-style: none;
  323. }
  324.  
  325. #sidebar li {
  326. }
  327.  
  328. #sidebar li ul {
  329.     padding-left: 10px;
  330. }
  331.  
  332. #sidebar li li {
  333.     padding-left: 15px;
  334.     background: url(images/img06.gif) no-repeat left center;
  335. }
  336.  
  337. #sidebar h2 {
  338.     margin: 0;
  339.     padding: 20px 0;
  340. }
  341.  
  342. #sidebar a {
  343.     border-bottom-color: #B4AF8E;
  344.     color: #666666;
  345. }
  346.  
  347. #sidebar a:hover {
  348.     color: #000000;
  349. }
  350.  
  351. /* Calendar */
  352.  
  353. #calendar {
  354.     padding-left: 10px;
  355. }
  356.  
  357. #calendar table {
  358.     width:  190px;
  359.     border-collapse: collapse;
  360. }
  361.  
  362. #calendar thead th {
  363.     border-top: 2px solid #B4AF8E;
  364.     border-bottom: 2px solid #B4AF8E;
  365. }
  366.  
  367. #calendar tbody td {
  368.     border-bottom: 1px solid #B4AF8E;
  369.     text-align: center;
  370. }
  371.  
  372. #calendar tfoot td {
  373.     border-top: 2px solid #B4AF8E;
  374.     font-weight: bold;
  375. }
  376.  
  377. #calendar #today {
  378.     background: #B4AF8E;
  379.     font-weight: bold;
  380.     color: #FDFBED;
  381. }
  382.  
  383. #calendar #next {
  384.     text-align: right;
  385. }
  386.  
  387. #calendar a {
  388.     font-weight: bold;
  389. }
  390.  
  391. /* Footer */
  392.  
  393. #footer {
  394.     width: 940px;
  395.     height: 80px;
  396.     padding: 20px 0 0 20px;
  397.     margin: 0 auto;
  398.     background: url(images/img07.gif) no-repeat;
  399. }
  400.  
  401. #footer p {
  402.     margin: 0;
  403.     font: bold .8em Arial, Helvetica, sans-serif;
  404.     color: #B4AF8E;
  405. }
  406.  
  407. #footer a {
  408.     color: #B4AF8E;
  409. }