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