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