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