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