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