home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / plainoffice / default.css next >
Encoding:
Cascading Style Sheet File  |  2007-10-24  |  3.2 KB  |  249 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. body {
  8.     margin: 0;
  9.     padding: 0;
  10.     background: #333333 url(images/img01.gif) repeat-x;
  11.     text-align: justify;
  12.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  13.     font-size: 13px;
  14.     color: #666666;
  15. }
  16.  
  17. h1, h2, h3 {
  18.     margin-top: 0;
  19. }
  20.  
  21. h1 {
  22.     font-size: 2em;
  23. }
  24.  
  25. h2 {
  26.     font-size: 1.6em;
  27. }
  28.  
  29. h3 {
  30.     font-size: 1em;
  31. }
  32.  
  33. ul {
  34.     list-style-image: url(images/img07.gif);
  35. }
  36.  
  37. a {
  38.     color: #333333;
  39. }
  40.  
  41. a:hover {
  42.     text-decoration: none;
  43.     color: #000000;
  44. }
  45.  
  46. a img {
  47.     border: none;
  48. }
  49.  
  50. img.left {
  51.     float: left;
  52.     margin: 0 20px 0 0;
  53. }
  54.  
  55. img.right {
  56.     float: right;
  57.     margin: 0 0 0 20px;
  58. }
  59.  
  60. /* Header */
  61.  
  62. #logo {
  63.     width: 750px;
  64.     height: 65px;
  65.     margin: 0 auto;
  66. }
  67.  
  68. #logo h1, #logo p {
  69.     margin: 0;
  70.     color: #FFFFFF;
  71. }
  72.  
  73. #logo h1 {
  74.     float: left;
  75.     padding-top: 30px;
  76. }
  77.  
  78. #logo p {
  79.     float: right;
  80.     padding-top: 39px;
  81.     font-size: 1.2em;
  82. }
  83.  
  84. #logo a {
  85.     text-decoration: none;
  86.     color: #FFFFFF;
  87. }
  88.  
  89. /* Menu */
  90.  
  91. #menu {
  92.     width: 778px;
  93.     height: 45px;
  94.     margin: 0 auto;
  95.     background: #F6F6F6 url(images/img02.gif) no-repeat;
  96. }
  97.  
  98. #menu ul {
  99.     margin: 0;
  100.     padding: 5px 0 0 14px;
  101.     list-style: none;
  102. }
  103.  
  104. #menu li {
  105.     display: inline;
  106. }
  107.  
  108. #menu a {
  109.     display: block;
  110.     float: left;
  111.     height: 29px;
  112.     padding: 11px 30px 0 30px;
  113.     text-decoration: none;
  114.     font-weight: bold;
  115.     color: #333333;
  116. }
  117.  
  118. #menu a:hover {
  119.     text-decoration: underline;
  120.     color: #000000;
  121. }
  122.  
  123. #menu .current_page_item a {
  124.     background: url(images/img06.gif) repeat-x;
  125. }
  126.  
  127. /* Page */
  128.  
  129. #page {
  130.     width: 778px;
  131.     margin: 0 auto;
  132.     background: #FFFFFF url(images/img05.gif) repeat-y;
  133. }
  134.  
  135. #page-bg {
  136.     padding: 11px 24px;
  137.     background: url(images/img03.jpg) no-repeat;
  138. }
  139.  
  140. /* Latest Post */
  141.  
  142. #latest-post {
  143.     padding: 20px;
  144.     border: 1px solid #E7E7E7;
  145. }
  146.  
  147. /* Content */
  148.  
  149. #content {
  150.     float: left;
  151.     width: 420px;
  152.     padding: 20px 0 0 20px;
  153. }
  154.  
  155. .post {
  156.     margin-bottom: 20px;
  157.     padding-bottom: 15px;
  158.     border-bottom: 1px solid #E7E7E7;
  159. }
  160.  
  161. .title {
  162.     margin: 0;
  163. }
  164.  
  165. .title a {
  166.     text-decoration: none;
  167. }
  168.  
  169. .title a:hover {
  170.     border-bottom: 1px dotted #999999;
  171. }
  172.  
  173. .byline {
  174.     margin: 0 0 20px 0;
  175. }
  176.  
  177. .entry {
  178. }
  179.  
  180. .links {
  181.     padding-top: 10px;
  182.     text-align: right;
  183.     font-weight: bold;
  184. }
  185.  
  186. /* Sidebar */
  187.  
  188. #sidebar {
  189.     float: right;
  190.     width: 230px;
  191.     padding-right: 20px;
  192. }
  193.  
  194. #sidebar ul {
  195.     margin: 0;
  196.     padding: 0;
  197.     list-style: none;
  198. }
  199.  
  200. #sidebar li {
  201. }
  202.  
  203. #sidebar li ul {
  204.     margin-bottom: 10px;
  205.     padding-bottom: 10px;
  206. }
  207.  
  208. #sidebar li li {
  209.     padding: 5px 20px 5px 35px;
  210.     background: url(images/img07.gif) no-repeat 20px 50%;
  211.     border-bottom: 1px solid #F3F3F3;
  212. }
  213.  
  214. #sidebar h2 {
  215.     margin: 0;
  216.     padding: 24px 0 3px 20px;
  217.     border-bottom: 1px solid #E7E7E7;
  218.     letter-spacing: -1px;
  219.     font-size: 1.2em;
  220.     font-weight: bold;
  221. }
  222.  
  223. #sidebar a {
  224.     text-decoration: none;
  225. }
  226.  
  227. #sidebar a:hover {
  228.     text-decoration: underline;
  229. }
  230.  
  231. /* Footer */
  232.  
  233. #footer {
  234.     width: 750px;
  235.     margin: 0 auto;
  236.     padding: 20px 0;
  237.     background: url(images/img08.gif) no-repeat;
  238. }
  239.  
  240. #footer p {
  241.     margin: 0;
  242.     text-align: center;
  243.     font-size: smaller;
  244.     color: #666666;
  245. }
  246.  
  247. #footer a {
  248.     color: #666666;
  249. }