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