home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / neoneon / default.css next >
Encoding:
Cascading Style Sheet File  |  2007-03-03  |  2.9 KB  |  230 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. body {
  8.     margin: 20px 0;
  9.     padding: 0;
  10.     background: #3399FF url(images/img01.gif) repeat-y center;
  11.     font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
  12.     color: #999999;
  13. }
  14.  
  15. h1, h2, h3 {
  16.     margin: 0;
  17.     text-transform: lowercase;
  18.     font-weight: normal;
  19. }
  20.  
  21. h2 {
  22.     font-size: 2em;
  23. }
  24.  
  25. h3 {
  26.     font-size: 1.4em;
  27. }
  28.  
  29. img {
  30.     border: none;
  31. }
  32.  
  33. a {
  34.     color: #333333;
  35. }
  36.  
  37. a:hover {
  38.     text-decoration: none;
  39.     color: #000000;
  40. }
  41.  
  42. /* Header */
  43.  
  44. #header {
  45.     width: 740px;
  46.     height: 160px;
  47.     margin: 0 auto;
  48. }
  49.  
  50. /* Logo */
  51.  
  52. #logo {
  53.     float: left;
  54.     width: 260px;
  55.     height: 160px;
  56.     background: url(images/img02.gif) no-repeat;
  57. }
  58.  
  59. #logo h1 {
  60.     padding: 50px 0 0 20px;
  61.     letter-spacing: -.05em;
  62.     font-size: 4em;
  63. }
  64.  
  65. #logo h2 {
  66.     font-size: 1.8em;
  67. }
  68.  
  69. #logo a {
  70.     text-decoration: none;
  71.     color: #3399FF;
  72. }
  73.  
  74. /* Menu */
  75.  
  76. #menu {
  77.     float: right;
  78.     width: 431px;
  79.     height: 50px;
  80.     margin: 50px 30px 0 0;
  81.     background: #99CC00 url(images/img05.gif);
  82. }
  83.  
  84. #menu ul {
  85.     margin: 0;
  86.     padding: 0 0 0 1em;
  87.     list-style: none;
  88. }
  89.  
  90. #menu li {
  91.     display: inline;
  92. }
  93.  
  94. #menu a {
  95.     display: block;
  96.     float: left;
  97.     padding: .5em .7em;
  98.     text-decoration: none;
  99.     text-transform: lowercase;
  100.     letter-spacing: -1px;
  101.     font-size: 1.5em;
  102.     color: #FFFFFF;
  103. }
  104.  
  105. #menu a:hover {
  106.     background: #FF9900;
  107. }
  108.  
  109. #menu .active a {
  110. }
  111.  
  112. /* Content */
  113.  
  114. #content {
  115.     width: 740px;
  116.     margin: 0 auto;
  117. }
  118.  
  119. /* Posts */
  120.  
  121. #posts {
  122.     float: right;
  123.     width: 440px;
  124.     padding: 0 30px 0 0;
  125. }
  126.  
  127. .post {
  128.     margin-bottom: 10px;
  129. }
  130.  
  131. .post .title {
  132.     padding: 0 0 5px 20px;
  133.     color: #FF8400;
  134. }
  135.  
  136. .post .meta {
  137.     margin-left: 10px;
  138.     padding: 10px 20px;
  139.     background: url(images/img06.gif) no-repeat;
  140.     font-size: smaller;
  141. }
  142.  
  143. .post .meta p {
  144.     margin: 0;
  145. }
  146.  
  147. .post .story {
  148.     padding: 10px 20px;
  149.     line-height: 180%;
  150. }
  151.  
  152. /* Sidebar */
  153.  
  154. #sidebar {
  155.     float: left;
  156.     width: 240px;
  157. }
  158.  
  159. /* Boxed */
  160.  
  161. #sidebar .boxed {
  162.     width: 240px;
  163.     padding: 0 0 3em 0;
  164.     background: #FFCC00 url(images/img04.gif) no-repeat left bottom;
  165. }
  166.  
  167. #sidebar .boxed h2 {
  168.     height: 40px;
  169.     padding: 10px 0 0 30px;
  170.     background: url(images/img03.gif) no-repeat;
  171.     font-size: 2em;
  172.     color: #FFFFFF;
  173. }
  174.  
  175. #sidebar .boxed .content {
  176.     color: #FFFFFF;
  177. }
  178.  
  179. #sidebar .boxed ul {
  180. }
  181.  
  182. #sidebar .boxed li {
  183. }
  184.  
  185. #sidebar .boxed a {
  186.     text-decoration: none;
  187.     color: #3399FF;
  188. }
  189.  
  190. #sidebar .boxed a:hover {
  191.     color: #FF9900;
  192. }
  193.  
  194. /* Tag Cloud */
  195.  
  196. #tagcloud {
  197. }
  198.  
  199. #tagcloud .content {
  200.     padding: 1em;
  201.     text-align: justify;
  202.     font-size: .8em;
  203. }
  204.  
  205. #tagcloud .content a {
  206.     color: #FFFFFF;
  207. }
  208.  
  209. #tagcloud .content a:hover {
  210.     color: #3399FF;
  211. }
  212.  
  213. /* Footer */
  214.  
  215. #footer {
  216.     clear: both;
  217.     width: 200px;
  218.     margin: 0 auto;
  219.     padding: 0 520px 0 20px;
  220. }
  221.  
  222. #footer p {
  223.     color: #FFFFFF;
  224. }
  225.  
  226. #footer a {
  227.     color: #FFFFFF;
  228. }
  229.  
  230.