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