home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / smooth / default.css next >
Encoding:
Cascading Style Sheet File  |  2007-04-02  |  4.8 KB  |  387 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 url(images/img01.gif) repeat-x;
  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: #7FE63C url(images/img05.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/img06.gif) repeat-x;
  104. }
  105.  
  106. /* Post */
  107.  
  108. .post {
  109. }
  110.  
  111. .post .title {
  112.     background: #A923FF url(images/img07.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 #A923FF;
  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/img08.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. }
  168.  
  169. /* Header > Logo */
  170.  
  171. #logo {
  172.     float: left;
  173.     width: 240px;
  174.     height: 50px;
  175. }
  176.  
  177. #logo h1 {
  178.     margin: 0;
  179.     padding: 50px 0 0 0;
  180.     font-size: 2.6em;
  181. }
  182.  
  183. #logo h2 {
  184.     margin-top: -5px;
  185.     font-size: 1em;
  186. }
  187.  
  188. #logo a {
  189.     text-decoration: none;
  190.     color: #000000;
  191. }
  192.  
  193. /* Header > Menu */
  194.  
  195. #menu {
  196.     float: right;
  197. }
  198.  
  199. #menu ul {
  200.     margin: 0;
  201.     padding-top: 79px;
  202.     list-style: none;
  203. }
  204.  
  205. #menu li {
  206.     display: inline;
  207. }
  208.  
  209. #menu a {
  210.     display: block;
  211.     float: left;
  212.     width: 120px;
  213.     height: 30px;
  214.     margin-left: 2px;
  215.     padding-top: 10px;
  216.     background: url(images/img02.gif) no-repeat;
  217.     text-decoration: none;
  218.     text-align: center;
  219.     font-weight: bold;
  220.     color: #000000;
  221. }
  222.  
  223. #menu a:hover {
  224.     background-image: url(images/img03.gif);
  225. }
  226.  
  227. #menu .active a {
  228.     background-image: url(images/img04.gif);
  229. }
  230.  
  231. /* Content */
  232.  
  233. #content {
  234.     width: 920px;
  235.     margin: 0 auto;
  236.     padding: 20px;
  237.     background: url(images/img02.jpg) no-repeat;
  238.     border-top: 1px solid #FFFFFF;
  239. }
  240.  
  241. /* Content > Main */
  242.  
  243. #main {
  244.     float: left;
  245.     width: 480px;
  246. }
  247.  
  248. /* Content > Main > Welcome */
  249.  
  250. #welcome {
  251. }
  252.  
  253. /* Content > Main > Example */
  254.  
  255. #example {
  256. }
  257.  
  258. /* Content > Sidebar */
  259.  
  260. #sidebar {
  261.     float: right;
  262.     width: 220px;
  263. }
  264.  
  265. /* Content > Sidebar > Login */
  266.  
  267. #login {
  268. }
  269.  
  270. #login form {
  271. }
  272.  
  273. #login fieldset {
  274.     border: none;
  275. }
  276.  
  277. #login legend {
  278.     display: none;
  279. }
  280.  
  281. #login label {
  282.     display: block;
  283. }
  284.  
  285. #login input {
  286.     margin-bottom: 10px;
  287.     padding: 2px 5px;
  288.     font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
  289.     color: #666666;
  290. }
  291.  
  292. #inputtext1, #inputtext2 {
  293.     width: 160px;
  294. }
  295.  
  296. #inputsubmit1 {
  297.     margin: 0;
  298.     padding: 0;
  299. }
  300.  
  301. /* Content > Sidebar > Updates*/
  302.  
  303. #updates {
  304. }
  305.  
  306. #updates ul {
  307.     margin: 0;
  308.     list-style: none;
  309. }
  310.  
  311. #updates h3 {
  312.     font-size: .8em;
  313. }
  314.  
  315. #updates p {
  316.     line-height: normal;
  317.     font-size: .8em;
  318. }
  319.  
  320. #updates a {
  321.     text-decoration: none;
  322. }
  323.  
  324. /* Content > Sidebar2 */
  325.  
  326. #sidebar2 {
  327.     float: right;
  328.     width: 180px;
  329.     padding-right: 20px;
  330. }
  331.  
  332. /* Content > Sidebar2 > Sponsors */
  333.  
  334. #sponsors {
  335. }
  336.  
  337. #sponsors ul {
  338.     margin-left: 0;
  339.     padding-left: 0;
  340.     list-style: inside;
  341. }
  342.  
  343. /* Content > Sidebar2 > ad120x600 */
  344.  
  345. #ad120x600 {
  346. }
  347.  
  348. #ad120x600 .content {
  349.     padding: 20px 0;
  350.     text-align: center;
  351. }
  352.  
  353. /* Footer */
  354.  
  355. #footer {
  356.     clear: both;
  357.     height: 100px;
  358.     padding: 40px 0;
  359.     background: #EA5ADA;
  360.     color: #FFFFFF;
  361. }
  362.  
  363. #footer p {
  364.     margin: 0;
  365.     text-align: center;
  366.     line-height: normal;
  367.     font-size: x-small;
  368. }
  369.  
  370. #footer a {
  371.     text-decoration: underline;
  372.     color: #FFFFFF;
  373. }
  374.  
  375. #footer a:hover {
  376.     text-decoration: none;
  377. }
  378.  
  379. /* Footer > Legal */
  380.  
  381. #legal {
  382. }
  383.  
  384. /* Footer > Links */
  385.  
  386. #links {
  387. }