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