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