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