home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / aquaria / default.css next >
Encoding:
Cascading Style Sheet File  |  2007-06-02  |  4.5 KB  |  332 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) repeat-x;
  14.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  15.     font-size: 13px;
  16.     color: #7F7772;
  17. }
  18.  
  19. h1, h2, h3 {
  20.     margin-bottom: 15px;
  21.     font-family: Georgia, "Times New Roman", Times, serif;
  22.     font-weight: normal;
  23.     color: #333333;
  24. }
  25.  
  26. h1 {
  27.     font-size: 197%;
  28. }
  29.  
  30. h2 {
  31.     font-size: 152%;
  32. }
  33.  
  34. h3 {
  35.     font-size: 100%;
  36.     font-weight: bold;
  37. }
  38.  
  39. p, ul, ol {
  40.     margin-bottom: 15px;
  41.     line-height: 1.6em;
  42. }
  43.  
  44. ul, ol {
  45.     margin-left: 2em;
  46. }
  47.  
  48. blockquote {
  49.     margin-left: 1em;
  50.     padding-left: 1em;
  51.     background: url(images/img09.gif) repeat-y;
  52.     font-style: italic;
  53. }
  54.  
  55. a:link {
  56.     color: #0AAAFD;
  57. }
  58.  
  59. a:hover, a:active {
  60.     text-decoration: none;
  61.     color: #FF6700;
  62. }
  63.  
  64. a:visited {
  65.     color: #7F7772;
  66. }
  67.  
  68. img {
  69.     border: none;
  70. }
  71.  
  72. img.left {
  73.     float: left;
  74.     margin: 0 20px 0 0;
  75. }
  76.  
  77. img.right {
  78.     float: right;
  79.     margin: 0 0 0 20px;
  80. }
  81.  
  82. /* Menu */
  83.  
  84. #menu {
  85.     width: 770px;
  86.     height: 105px;
  87.     margin: 0 auto;
  88. }
  89.  
  90. #menu ul {
  91.     margin: 0;
  92.     padding: 0;
  93.     list-style: none;
  94. }
  95.  
  96. #menu li {
  97.     display: block;
  98.     float: left;
  99.     width: 122px;
  100.     height: 65px;
  101.     padding: 40px 0 0 0;
  102. }
  103.  
  104. #menu a {
  105.     display: block;
  106.     width: 122px;
  107.     height: 32px;
  108.     padding: 13px 0 0 0;
  109.     background: url(images/img02.jpg) no-repeat;
  110.     text-align: center;
  111.     text-transform: uppercase;
  112.     text-decoration: none;
  113.     font-weight: bold;
  114.     color: #FFFFFF;
  115. }
  116.  
  117. #menu a:hover {
  118.     background-image: url(images/img03.jpg);
  119. }
  120.  
  121. #menu .active {
  122.     padding-top: 35px;
  123. }
  124.  
  125. #menu .active a {
  126.     height: 37px;
  127.     padding-top: 16px;
  128.     background-image: url(images/img04.jpg);
  129.     color: #327EBE;
  130. }
  131.  
  132. #menu .active a:hover {
  133.     background-image: url(images/img04.jpg);
  134. }
  135.  
  136. /* Header */
  137.  
  138. #header {
  139.     width: 770px;
  140.     height: 160px;
  141.     margin: 0 auto;
  142. }
  143.  
  144. /* Logo */
  145.  
  146. #logo {
  147.     float: left;
  148.     width: 250px;
  149.     height: 160px;
  150.     background: url(images/img05.jpg) no-repeat;
  151. }
  152.  
  153. #logo h1, #logo h2 {
  154.     text-align: center;
  155. }
  156.  
  157. #logo h1 {
  158.     padding-top: 90px;
  159.     background: url(images/img07.jpg) no-repeat center center;
  160.     letter-spacing: 8px;
  161.     font-size: 197%;
  162. }
  163.  
  164. #logo h2 {
  165.     letter-spacing: 2px;
  166.     font-size: 85%;
  167. }
  168.  
  169. #logo a {
  170.     text-transform: uppercase;
  171.     text-decoration: none;
  172.     color: #FFFFFF;
  173. }
  174.  
  175. /* Banner */
  176.  
  177. #banner {
  178.     float: right;
  179.     width: 520px;
  180.     height: 160px;
  181.     background: url(images/img06.jpg) no-repeat;
  182. }
  183.  
  184. #banner a {
  185.     float: right;
  186.     padding: 120px 20px 0 0;
  187.     text-decoration: none;
  188.     text-align: right;
  189.     font-size: 136%;
  190.     font-style: italic;
  191.     color: #FFFFFF;
  192. }
  193.  
  194. /* Page */
  195.  
  196. #page {
  197.     width: 760px;
  198.     margin: 0 auto;
  199.     padding: 20px 0 0 0;
  200. }
  201.  
  202. /* Content */
  203.  
  204. #content {
  205.     float: right;
  206.     width: 510px;
  207. }
  208.  
  209. .post {
  210.     margin-bottom: 20px;
  211. }
  212.  
  213. .post .title {
  214.     padding: 0 20px;
  215. }
  216.  
  217. .post .story {
  218.     padding: 0 20px;
  219. }
  220.  
  221. .post .meta {
  222.     padding: 5px 20px;
  223.     background: url(images/img09.gif) repeat-x;
  224. }
  225.  
  226. .post .meta p {
  227.     margin: 0;
  228.     font-size: 77%;
  229. }
  230.  
  231. .boxed .title {
  232.     height: 32px;
  233.     margin: 0;
  234.     padding: 8px 0 0 20px;
  235.     background: url(images/img08.jpg) no-repeat;
  236.     letter-spacing: -1px;
  237.     color: #FF3300;
  238. }
  239.  
  240. .boxed .story {
  241.     padding: 20px;
  242.     border: 1px solid #FF8D17;
  243. }
  244.  
  245. .boxed .meta {
  246.     padding: 5px 10px;
  247.     background: #FF8D17;
  248.     color: #FFFFFF;
  249. }
  250.  
  251. .boxed .meta a {
  252.     color: #FFFFFF;
  253. }
  254.  
  255. /* Sidebar */
  256.  
  257. #sidebar {
  258.     float: left;
  259.     width: 240px;
  260. }
  261.  
  262. #sidebar ul {
  263.     margin: 0;
  264.     padding: 0;
  265.     list-style: none;
  266. }
  267.  
  268. #sidebar li {
  269.     margin-bottom: 15px;
  270. }
  271.  
  272. #sidebar li ul {
  273.     padding: 10px;
  274.     border: 1px solid #0AAAFD;
  275.     border-top: none;
  276. }
  277.  
  278. #sidebar li li {
  279.     margin: 0;
  280.     padding: 3px 0;
  281.     background: url(images/img09.gif) repeat-x;
  282. }
  283.  
  284. #sidebar li li.first {
  285.     background: none;
  286. }
  287.  
  288. #sidebar li h2 {
  289.     height: 30px;
  290.     margin: 0;
  291.     padding: 10px 0 0 15px;
  292.     background: url(images/img10.jpg) no-repeat;
  293.     letter-spacing: -1px;
  294.     color: #327EBE;
  295. }
  296.  
  297. #sidebar a:link {
  298.     text-decoration: none;
  299. }
  300.  
  301. #sidebar a:hover {
  302.     text-decoration: underline;
  303. }
  304.  
  305. #sidebar li a {
  306.     padding-left: 10px;
  307.     background: url(images/img11.gif) no-repeat left center;
  308. }
  309.  
  310. /* Footer */
  311.  
  312. #footer {
  313.     clear: both;
  314.     height: 100px;
  315.     padding: 15px 0;
  316.     background: #D1D1D1;
  317.     border-top: 5px solid #999999;
  318.     text-align: center;
  319. }
  320.  
  321. #footer p {
  322.     margin: 0;
  323.     color: #999999;
  324. }
  325.  
  326. #footer a {
  327.     color: #999999;
  328. }
  329.  
  330. #footer a:hover {
  331.     color: #FFFFFF;
  332. }