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