home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / newfangled / default.css next >
Cascading Style Sheet File  |  2007-04-02  |  5KB  |  396 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 "Trebuchet MS", Arial, Helvetica, sans-serif;
  16.     color: #666666;
  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.65em;
  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: underline;
  61.     color: #3E9722;
  62. }
  63.  
  64. a:hover {
  65.     text-decoration: none;
  66.     color: #E58C24;
  67. }
  68.  
  69. img {
  70.     border: none;
  71. }
  72.  
  73. img.left {
  74.     float: left;
  75.     margin: 5px 20px 0 0;
  76. }
  77.  
  78. img.right {
  79.     float: right;
  80.     margin: 5px 0 0 20px;
  81. }
  82.  
  83. /* Boxed Style */
  84.  
  85. .boxed {
  86. }
  87.  
  88. .boxed .title {
  89.     background: #3C74E6 url(images/img06.gif) repeat-x;
  90. }
  91.  
  92. .boxed .title h2 {
  93.     height: 28px;
  94.     padding: 12px 0 0 20px;
  95.     text-transform: uppercase;
  96.     font-size: 1em;
  97.     color: #FFFFFF;
  98. }
  99.  
  100. .boxed .content {
  101.     padding: 20px;
  102.     border-top: 1px solid #FFFFFF;
  103.     background: url(images/img07.gif) repeat-x;
  104. }
  105.  
  106. /* Post */
  107.  
  108. .post {
  109. }
  110.  
  111. .post .title {
  112.     background: #3C74E6 url(images/img06.gif) repeat-x;
  113.     font-size: 1em;
  114.     text-transform: uppercase;
  115.     color: #FFFFFF;
  116. }
  117.  
  118. .post .title span {
  119.     display: block;
  120.     height: 28px;
  121.     padding: 12px 0 0 20px;
  122. }
  123.  
  124. .post .date {
  125.     margin-top: -25px;
  126.     padding-bottom: 10px;
  127.     padding-right: 20px;
  128.     text-align: right;
  129.     font-size: x-small;
  130.     color: #FFFFFF;
  131. }
  132.  
  133. .post .date .month {
  134. }
  135.  
  136. .post .date .day {
  137. }
  138.  
  139. .post .date .year {
  140. }
  141.  
  142. .post .meta {
  143.     clear: both;
  144. }
  145.  
  146. .post .meta p {
  147.     margin: 0;
  148.     padding: 10px 20px 40px 20px;
  149.     border-top: 1px dotted #CCCCCC;
  150.     line-height: normal;
  151.     font-size: x-small;
  152. }
  153.  
  154. .post .story {
  155.     padding: 20px;
  156.     border-top: 1px solid #FFFFFF;
  157.     background: url(images/img07.gif) repeat-x;
  158. }
  159.  
  160. /* Header */
  161.  
  162. #header {
  163.     width: 920px;
  164.     height: 120px;
  165.     margin: 0 auto;
  166.     padding: 20px 20px 0 20px;
  167.     background: #CAE646 url(images/img01.jpg) no-repeat;
  168. }
  169.  
  170. /* Header > Logo */
  171.  
  172. #logo {
  173.     float: left;
  174.     width: 240px;
  175.     height: 50px;
  176. }
  177.  
  178. #logo h1 {
  179.     float: left;
  180.     margin: 0;
  181.     padding: 50px 0 0 0;
  182.     font-size: 2.6em;
  183. }
  184.  
  185. #logo h2 {
  186.     float: left;
  187.     margin-top: -5px;
  188.     font-size: 1em;
  189. }
  190.  
  191. #logo a {
  192.     text-decoration: none;
  193.     color: #000000;
  194. }
  195.  
  196. /* Header > Menu */
  197.  
  198. #menu {
  199.     float: right;
  200. }
  201.  
  202. #menu ul {
  203.     margin: 0;
  204.     padding-top: 79px;
  205.     list-style: none;
  206. }
  207.  
  208. #menu li {
  209.     display: inline;
  210. }
  211.  
  212. #menu a {
  213.     display: block;
  214.     float: left;
  215.     width: 120px;
  216.     height: 30px;
  217.     margin-left: 2px;
  218.     padding-top: 10px;
  219.     background: url(images/img03.gif) no-repeat;
  220.     text-decoration: none;
  221.     text-align: center;
  222.     font-weight: bold;
  223.     color: #000000;
  224. }
  225.  
  226. #menu a:hover {
  227.     background-image: url(images/img04.gif);
  228. }
  229.  
  230. #menu .active a {
  231.     background-image: url(images/img05.gif);
  232. }
  233.  
  234. /* Content */
  235.  
  236. #content {
  237.     width: 920px;
  238.     margin: 0 auto;
  239.     padding: 20px;
  240.     background: url(images/img02.jpg) no-repeat;
  241.     border-top: 1px solid #FFFFFF;
  242. }
  243.  
  244. /* Content > Main */
  245.  
  246. #main {
  247.     float: left;
  248.     width: 480px;
  249.     padding-left: 20px;
  250. }
  251.  
  252. /* Content > Main > Welcome */
  253.  
  254. #welcome {
  255. }
  256.  
  257. /* Content > Main > Example */
  258.  
  259. #example {
  260. }
  261.  
  262. /* Content > Sidebar */
  263.  
  264. #sidebar {
  265.     float: left;
  266.     width: 220px;
  267. }
  268.  
  269. #sidebar .boxed .title h2 {
  270.     background: url(images/img08.gif) no-repeat;
  271. }
  272.  
  273. /* Content > Sidebar > Login */
  274.  
  275. #login {
  276. }
  277.  
  278. #login form {
  279. }
  280.  
  281. #login fieldset {
  282.     border: none;
  283. }
  284.  
  285. #login legend {
  286.     display: none;
  287. }
  288.  
  289. #login label {
  290.     display: block;
  291. }
  292.  
  293. #login input {
  294.     margin-bottom: 10px;
  295.     padding: 2px 5px;
  296.     font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
  297.     color: #666666;
  298. }
  299.  
  300. #inputtext1, #inputtext2 {
  301.     width: 160px;
  302. }
  303.  
  304. #inputsubmit1 {
  305.     margin: 0;
  306.     padding: 0;
  307. }
  308.  
  309. /* Content > Sidebar > Updates*/
  310.  
  311. #updates {
  312. }
  313.  
  314. #updates ul {
  315.     margin: 0;
  316.     list-style: none;
  317. }
  318.  
  319. #updates h3 {
  320.     font-size: .8em;
  321. }
  322.  
  323. #updates p {
  324.     line-height: normal;
  325.     font-size: .8em;
  326. }
  327.  
  328. #updates a {
  329.     text-decoration: none;
  330. }
  331.  
  332. /* Content > Sidebar2 */
  333.  
  334. #sidebar2 {
  335.     float: left;
  336.     width: 180px;
  337.     padding-left: 20px;
  338. }
  339.  
  340. #sidebar2 .boxed .title h2 {
  341.     background: url(images/img10.gif) no-repeat right top;
  342. }
  343.  
  344. /* Content > Sidebar2 > Sponsors */
  345.  
  346. #sponsors {
  347. }
  348.  
  349. #sponsors ul {
  350.     margin-left: 0;
  351.     padding-left: 0;
  352.     list-style: inside;
  353. }
  354.  
  355. /* Content > Sidebar2 > ad120x600 */
  356.  
  357. #ad120x600 {
  358.     text-align: center;
  359. }
  360.  
  361. /* Footer */
  362.  
  363. #footer {
  364.     clear: both;
  365.     width: 960px;
  366.     height: 80px;
  367.     margin: 0 auto;
  368.     padding: 20px 0;
  369.     background: url(images/img02.jpg) no-repeat;
  370. }
  371.  
  372. #footer p {
  373.     margin: 0;
  374.     text-align: center;
  375.     line-height: normal;
  376.     font-size: x-small;
  377. }
  378.  
  379. #footer a {
  380.     text-decoration: underline;
  381.     color: #666666;
  382. }
  383.  
  384. #footer a:hover {
  385.     text-decoration: none;
  386. }
  387.  
  388. /* Footer > Legal */
  389.  
  390. #legal {
  391. }
  392.  
  393. /* Footer > Links */
  394.  
  395. #links {
  396. }