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