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