home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / office / default.css next >
Cascading Style Sheet File  |  2007-04-03  |  4KB  |  283 lines
  1. /*
  2. Design by Free CSS Templates
  3. http://www.freecsstemplates.org
  4. Released for free under a Creative Commons Attribution 2.5 License
  5. */
  6.  
  7. * {
  8.     margin: 0;
  9.     padding: 0;
  10. }
  11.  
  12. body {
  13.     background: #FFFFFF url(images/img01.jpg);
  14.     text-align: justify;
  15. }
  16.  
  17. body, input, textarea, select {
  18.     font: normal small Arial, Helvetica, sans-serif;
  19.     color: #666666;
  20. }
  21.  
  22. h1, h2, h3 {
  23.     margin-bottom: 1em;
  24.     font-weight: normal;
  25.     color: #990000;
  26. }
  27.  
  28. h1 {
  29.     font-size: 2.2em;
  30. }
  31.  
  32. h2 {
  33.     font-size: 1.7em;
  34. }
  35.  
  36. h3 {
  37.     font-size: 1.3em;
  38. }
  39.  
  40. p, blockquote, ul, ol, form {
  41.     margin-bottom: 1.5em;
  42. }
  43.  
  44. blockquote, ul, ol {
  45.     margin-left: 3em;
  46. }
  47.  
  48. blockquote {
  49.     margin-right: 3em;
  50.     font-style: italic;
  51. }
  52.  
  53. ul {
  54.     list-style-type: square;
  55. }
  56.  
  57. a {
  58.     color: #990000;
  59. }
  60.  
  61. a:hover {
  62.     text-decoration: none;
  63. }
  64.  
  65. hr {
  66.     display: none;
  67. }
  68.  
  69. .hr {
  70. }
  71.  
  72. img.left {
  73.     float: left;
  74.     margin: 0 15px 15px 0;
  75. }
  76.  
  77. img.right {
  78.     float: right;
  79.     margin: 0 0 15px 15px;
  80. }
  81.  
  82. /* Wrapper */
  83.  
  84. #wrapper {
  85.     padding: 20px 0;
  86.     background: url(images/img02.jpg) repeat-x;
  87. }
  88.  
  89. /* Header */
  90.  
  91. #header {
  92.     width: 720px;
  93.     height: 170px;
  94.     margin: 0 auto;
  95.     background: url(images/img03.jpg) no-repeat;
  96. }
  97.  
  98. #header h1, #header h2 {
  99.     margin: 0;
  100.     padding-left: 30px;
  101. }
  102.  
  103. #header h1 {
  104.     padding-top: 80px;
  105.     font-size: 3em;
  106. }
  107.  
  108. #header h2 {
  109.     font-size: 1em;
  110.     font-weight: bold;
  111.     font-style: italic;
  112. }
  113.  
  114. #header a {
  115.     text-decoration: none;
  116.     color: #FFFFFF;
  117. }
  118.  
  119. /* Content */
  120.  
  121. #content {
  122.     width: 720px;
  123.     margin: 0 auto;
  124.     background: #FBE8E8 url(images/img04.jpg) repeat-y;
  125. }
  126.  
  127. /* Blog */
  128.  
  129. #blog {
  130.     float: left;
  131.     width: 424px;
  132.     padding: 50px 16px 0px 30px;
  133.     background: url(images/img05.jpg) no-repeat;
  134. }
  135.  
  136. /* Post */
  137.  
  138. .post {
  139.     margin-bottom: 20px;
  140.     padding-bottom: 20px;
  141.     background: url(images/img08.gif) no-repeat center bottom;
  142. }
  143.  
  144. .post .title {
  145.     margin-bottom: 15px;
  146.     padding-left: 15px;
  147.     border-bottom: 1px solid #D3B6AF;
  148.     text-transform: uppercase;
  149.     font-size: small;
  150.     font-weight: bold;
  151. }
  152.  
  153. .post .title a {
  154.     text-decoration: none;
  155. }
  156.  
  157. .post .title a:hover {
  158.     text-decoration: underline;
  159. }
  160.  
  161. .post .date {
  162.     margin-top: -30px;
  163.     padding-right: 15px;
  164.     text-align: right;
  165.     font-size: x-small;
  166. }
  167.  
  168. .post .entry {
  169.     padding: 20px 15px 10px 15px;
  170.     line-height: 1.8em;
  171. }
  172.  
  173. .post .meta {
  174.     margin-bottom: 2em;
  175.     padding: 0 15px;
  176.     font-size: x-small;
  177. }
  178.  
  179. /* Sidebar */
  180.  
  181. #sidebar {
  182.     float: right;
  183.     width: 204px;
  184.     padding: 50px 30px 0px 16px;
  185.     background: url(images/img06.jpg) no-repeat;
  186. }
  187.  
  188. #sidebar ul {
  189.     margin: 0;
  190.     list-style: none;
  191. }
  192.  
  193. #sidebar li {
  194.     margin-bottom: 20px;
  195. }
  196.  
  197. #sidebar li ul {
  198.     padding-left: 5px;
  199.     line-height: 1.4em;
  200. }
  201.  
  202. #sidebar li li {
  203.     margin: 0;
  204.     padding-left: 12px;
  205.     background: url(images/img07.gif) no-repeat left center;
  206. }
  207.  
  208. #sidebar h2 {
  209.     margin-bottom: 15px;
  210.     padding-left: 5px;
  211.     border-bottom: 1px solid #D3B6AF;
  212.     text-transform: uppercase;
  213.     font-size: small;
  214.     font-weight: bold;
  215. }
  216.  
  217. #sidebar a {
  218.     text-decoration: none;
  219. }
  220.  
  221. #sidebar a:hover {
  222.     text-decoration: underline;
  223. }
  224.  
  225. /* Search */
  226.  
  227. #search {
  228. }
  229.  
  230. #search h2 {
  231. }
  232.  
  233. #search form {
  234.     padding-left: 20px;
  235. }
  236.  
  237. #search #inputtext1 {
  238.     width: 160px;
  239.     margin-bottom: 10px;
  240. }
  241.  
  242. #search #inputsubmit1 {
  243. }
  244.  
  245. /* Archives */
  246.  
  247. #archives {
  248. }
  249.  
  250. /* Categories */
  251.  
  252. #categories {
  253. }
  254.  
  255. /* Blogroll */
  256.  
  257. #blogroll {
  258. }
  259.  
  260. /* Meta */
  261.  
  262. #meta {
  263. }
  264.  
  265. /* Footer */
  266.  
  267. #footer {
  268.     width: 720px;
  269.     margin: 0 auto;
  270.     padding-top: 60px;
  271.     background: url(images/img09.jpg) no-repeat;
  272. }
  273.  
  274. #footer p {
  275.     margin: 0;
  276.     text-align: center;
  277.     font-size: x-small;
  278.     color: #FFFFFF;
  279. }
  280.  
  281. #footer a {
  282.     color: #FFFFFF;
  283. }