home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / collaboration / style.css < prev   
Cascading Style Sheet File  |  2008-02-03  |  4KB  |  294 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: #FFFFFF url(images/img01.gif) repeat-x;
  11.     font-family: Arial, Helvetica, sans-serif;
  12.     font-size: 13px;
  13.     color: #737373;
  14. }
  15.  
  16. form {
  17.     margin: 0;
  18.     padding: 0;
  19. }
  20.  
  21. input, textarea {
  22.     font-family: Arial, Helvetica, sans-serif;
  23.     font-size: 1em;
  24.     color: #000000;
  25. }
  26.  
  27. h1, h2, h3 {
  28.     font-family: Arial, Helvetica, sans-serif;
  29. }
  30.  
  31. h1 {
  32.     font-size: 3em;
  33. }
  34.  
  35. h2 {
  36.     font-size: 2em;
  37. }
  38.  
  39. h3 {
  40.     font-size: 1em;
  41. }
  42.  
  43. p, ul, ol {
  44.     margin-bottom: 1.8em;
  45.     line-height: 160%;
  46. }
  47.  
  48. ul, ol {
  49. }
  50.  
  51. blockquote {
  52. }
  53.  
  54. a {
  55.     color: #414141;
  56. }
  57.  
  58. a:hover {
  59.     text-decoration: none;
  60. }
  61.  
  62. hr {
  63.     display: none;
  64. }
  65.  
  66. /* Menu */
  67.  
  68. #menu {
  69.     width: 960px;
  70.     height: 45px;
  71.     margin: 0 auto;
  72.     padding: 0px 0;
  73.     background: url(images/img02.jpg) no-repeat center top;
  74. }
  75.  
  76. #menu ul {
  77.     height: 45px;
  78.     margin: 0;
  79.     padding: 0;
  80.     background: url(images/img03.gif) no-repeat;
  81.     list-style: none;
  82. }
  83.  
  84. #menu li {
  85.     float: left;
  86.     height: 45px;
  87.     background: url(images/img03.gif) no-repeat right top;
  88. }
  89.  
  90. #menu a {
  91.     float: left;
  92.     height: 20px;
  93.     margin: 0px;
  94.     padding: 10px 15px;
  95.     text-decoration: none;
  96.     text-transform: uppercase;
  97.     font-size: smaller;
  98.     font-weight: bold;
  99.     color: #000000;
  100. }
  101.  
  102. #menu a:hover {
  103.     background: url(images/img02.gif) repeat-x;
  104.     color: #FFFFFF;
  105.     height: 45px;
  106. }
  107.  
  108. #menu .current_page_item a {
  109.     height: 45px;
  110.     color: #FFFFFF;
  111. }
  112.  
  113. /* Splash */
  114.  
  115. #splash {
  116.     width: 960px;
  117.     height: 200px;
  118.     margin: 0 auto;
  119. }
  120.  
  121.  
  122. /* Logo */
  123.  
  124. #logo {
  125.     width: 960px;
  126.     height: 91px;
  127.     margin: 0 auto;
  128.     border-bottom: 6px solid #3F3F3F;
  129.     color: #414141;
  130. }
  131.  
  132. #logo h1, #logo h2 {
  133.     margin: 0;
  134.     padding: 0 20px;
  135. }
  136.  
  137. #logo h1 {
  138.     float: left;
  139.     padding-top: 30px;
  140.     letter-spacing: -3px;
  141.     text-transform: uppercase;
  142.     font-size: 3em;
  143. }
  144.  
  145. #logo h2 {
  146.     float: right;
  147.     padding-top: 49px;
  148.     letter-spacing: -1px;
  149.     text-transform: uppercase;
  150.     font-weight: bold;
  151.     font-size: 16px;
  152. }
  153.  
  154. #logo a {
  155.     text-decoration: none;
  156.     color: #414141;
  157. }
  158.  
  159. /* Page */
  160.  
  161. #page {
  162.     width: 960px;
  163.     margin: 0 auto;
  164.     padding: 30px;
  165. }
  166.  
  167. /* Content */
  168.  
  169. #content {
  170.     float: right;
  171.     width: 680px;
  172. }
  173.  
  174. .post {
  175.     padding-bottom: 20px;
  176. }
  177.  
  178. .post .title {
  179.     margin: 0;
  180.     padding: 5px 20px;
  181.     letter-spacing: -2px;
  182.     border-bottom: 1px dashed #B9B9B9;
  183.     text-transform: uppercase;
  184.     font-size: 24px;
  185. }
  186.  
  187. .post .title a {
  188.     text-decoration: none;
  189. }
  190.  
  191. .post .entry {
  192.     padding: 10px 20px;
  193. }
  194.  
  195. .post .meta {
  196.     height: 26px;
  197.     background: #F5F5F5;
  198.     border-top: 1px solid #E9E9E9;
  199.     text-decoration: none;
  200.     text-transform: uppercase;
  201.     font-size: smaller;
  202. }
  203.  
  204. .post .posted {
  205.     float: left;
  206.     height: 16px;
  207.     padding: 5px 20px;
  208. }
  209.  
  210. .post .permalink, .post .comments {
  211.     float: right;
  212.     height: 16px;
  213.     padding: 5px 20px;
  214. }
  215.  
  216. .post .permalink {
  217. }
  218.  
  219. /* Sidebar */
  220.  
  221. #sidebar {
  222.     float: left;
  223.     width: 250px;
  224. }
  225.  
  226. #sidebar ul {
  227.     margin: 0;
  228.     padding: 0;
  229.     list-style: none;
  230. }
  231.  
  232. #sidebar li {
  233.     margin-bottom: 20px;
  234. }
  235.  
  236. #sidebar li ul {
  237.     padding: 20px;
  238. }
  239.  
  240. #sidebar li li {
  241.     margin: 0;
  242.     padding-left: 10px;
  243.     padding-bottom: 5px;
  244.     background: url(images/img04.gif) no-repeat left 50%;
  245. }
  246.  
  247. #sidebar p {
  248.     padding: 0 20px;
  249. }
  250.  
  251. #sidebar h2 {
  252.     height: 20px;
  253.     margin: 0;
  254.     padding: 6px 0 0 20px;
  255.     background: url(images/img07.jpg) no-repeat;
  256.     border-bottom: 1px dashed #B9B9B9;
  257.     text-transform: uppercase;
  258.     font-size: 14px;
  259.     font-weight: bold;
  260.     color: #000000;
  261. }
  262.  
  263. /* Search */
  264.  
  265. #search form {
  266.     padding: 20px;
  267. }
  268.  
  269. #search br {
  270.     display: none;
  271. }
  272.  
  273. #search #s {
  274.     width: 135px;
  275. }
  276.  
  277. /* Footer */
  278.  
  279. #footer {
  280.     clear: both;
  281.     width: 960px;
  282.     height: 50px;
  283.     margin: 0 auto;
  284.     padding: 20px 0;
  285.     border-top: 6px solid #3F3F3F;
  286.     font-size: smaller;
  287. }
  288.  
  289. #footer p {
  290.     margin: 0;
  291.     text-align: center;
  292.     line-height: normal;
  293. }
  294.