home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / radiance / default.css next >
Cascading Style Sheet File  |  2007-10-08  |  5KB  |  328 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.     background: #A9B3BB url(images/img01.gif) repeat-x;
  14.     font-family: Arial, Helvetica, sans-serif;
  15.     font-size: 13px;
  16.     color: #555555;
  17. }
  18.  
  19. h1, h2, h3 {
  20.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  21. }
  22.  
  23. h1 {
  24.     font-size: 3em;
  25. }
  26.  
  27. h2 {
  28.     font-size: 2em;
  29. }
  30.  
  31. h3 {
  32.     font-size: 1em;
  33. }
  34.  
  35. p, ul, ol {
  36.     margin-bottom: 1em;
  37.     line-height: 140%;
  38. }
  39.  
  40. a {
  41.     color: #333333;
  42. }
  43.  
  44. a:hover {
  45.     text-decoration: none;
  46.     color: #FC3E1A;
  47. }
  48.  
  49. img.left {
  50.     float: left;
  51.     margin: 3px 20px 0 0;
  52.     border: 3px solid #848C8F;
  53. }
  54.  
  55. img.right {
  56.     float: right;
  57.     margin: 3px 0 0 20px;
  58.     border: 3px solid #848C8F;
  59. }
  60.  
  61. hr {
  62.     display: none;
  63. }
  64.  
  65. /* Header */
  66.  
  67. #logo {
  68.     width: 670px;
  69.     height: 130px;
  70.     margin: 0 auto;
  71.     padding: 70px 0 0 100px;
  72.     background: url(images/img02.gif) no-repeat 0px 50px;
  73. }
  74.  
  75. #logo h1, #logo p {
  76.     color: #FFFFFF;
  77. }
  78.  
  79. #logo h1 {
  80. }
  81.  
  82. #logo p {
  83.     margin: 0;
  84.     padding: 0 0 0 2px;
  85.     line-height: normal;
  86. }
  87.  
  88. #logo a {
  89.     text-decoration: none;
  90.     color: #FFFFFF;
  91. }
  92.  
  93. /* Menu */
  94.  
  95. #menu {
  96.     width: 770px;
  97.     height: 70px;
  98.     margin: 0 auto;
  99. }
  100.  
  101. #menu ul {
  102.     margin: 0;
  103.     padding: 0;
  104.     list-style: none;
  105.     line-height: normal;
  106. }
  107.  
  108. #menu li {
  109.     display: inline;
  110. }
  111.  
  112. #menu a {
  113.     display: block;
  114.     float: left;
  115.     height: 43px;
  116.     padding: 12px 30px 0 30px;
  117.     text-decoration: none;
  118.     font: bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
  119.     color: #333333;
  120. }
  121.  
  122. #menu a:hover {
  123.     text-decoration: underline;
  124. }
  125.  
  126. #menu .current_page_item a {
  127.     background: url(images/img03.gif) no-repeat center bottom;
  128. }
  129.  
  130. /* Wide Post */
  131.  
  132. .wide-post {
  133.     width: 770px;
  134.     margin: 0 auto;
  135.     background: #D4D9DD url(images/img04.gif) repeat-y;
  136. }
  137.  
  138. .wide-post .title {
  139.     padding: 30px 30px 20px 30px;
  140.     background: url(images/img05.gif) no-repeat;
  141.     font-size: 2em;
  142. }
  143.  
  144. .wide-post .title a {
  145.     text-decoration: none;
  146.     border-bottom: 1px solid #B4BBBE;
  147.     color: #333333;
  148. }
  149.  
  150. .wide-post .title a:hover {
  151.     border: none;
  152. }
  153.  
  154. .wide-post .entry {
  155.     padding: 0 30px;
  156. }
  157.  
  158. .wide-post .bottom {
  159.     height: 20px;
  160.     background: url(images/img06.gif) no-repeat left bottom;
  161. }
  162.  
  163. .wide-post .links {
  164.     clear: both;
  165.     margin: 0;
  166.     padding: 10px;
  167.     background: #CDD4D7;
  168.     border-top: 1px solid #B4BBBE;
  169.     font-size: .9em;
  170. }
  171.  
  172. .wide-post .links a {
  173.     text-decoration: none;
  174. }
  175.  
  176. .wide-post .links .date {
  177.     padding-left: 20px;
  178.     background: url(images/img08.gif) no-repeat left center;
  179. }
  180.  
  181. .wide-post .links .author {
  182.     padding-left: 20px;
  183.     background: url(images/img09.gif) no-repeat left center;
  184. }
  185.  
  186. .wide-post .links .comments {
  187.     padding-left: 20px;
  188.     background: url(images/img10.gif) no-repeat left center;
  189. }
  190.  
  191. .wide-post .links .feeds {
  192.     padding-left: 10px;
  193.     background: url(images/img11.gif) no-repeat left center;
  194. }
  195.  
  196. /* Two Columns */
  197.  
  198. .two-columns {
  199.     width: 770px;
  200.     margin: 0 auto;
  201.     padding: 20px 0;
  202. }
  203.  
  204. .two-columns .column-one {
  205.     float: left;
  206.     width: 370px;
  207. }
  208.  
  209. .two-columns .column-two {
  210.     float: right;
  211.     width: 370px;
  212. }
  213.  
  214. .two-columns .title {
  215.     height: 28px;
  216.     padding: 7px 0 0 10px;
  217.     background: #DB8603 url(images/img12.gif) no-repeat;
  218.     font-size: 1.4em;
  219.     color: #333333;
  220. }
  221.  
  222. .two-columns .entry {
  223.     background: url(images/img13.gif) repeat-x;
  224. }
  225.  
  226. /* Recent Posts */
  227.  
  228. #recent-posts {
  229. }
  230.  
  231. #recent-posts ul {
  232.     margin: 0;
  233.     padding: 20px;
  234.     list-style: none;
  235. }
  236.  
  237. #recent-posts li {
  238.     padding: 5px 15px;
  239.     background: url(images/img14.gif) no-repeat left center;
  240.     border-bottom: 1px solid #949EA4;
  241. }
  242.  
  243. /* Recent Comments */
  244.  
  245. #recent-comments {
  246. }
  247.  
  248. #recent-comments ul {
  249.     margin: 0;
  250.     padding: 20px;
  251.     list-style: none;
  252. }
  253.  
  254. #recent-comments li {
  255.     padding: 5px 15px 5px 17px;
  256.     background: url(images/img15.gif) no-repeat left center;
  257.     border-bottom: 1px solid #949EA4;
  258. }
  259.  
  260. /* Submenu */
  261.  
  262. #submenu {
  263.     clear: both;
  264.     padding: 20px 0;
  265.     background: #535657 url(images/img16.gif) repeat-x left bottom;
  266.     color: #A9B6BB;
  267. }
  268.  
  269. #submenu ul {
  270.     width: 770px;
  271.     margin: 0 auto;
  272.     padding: 0;
  273.     list-style: none;
  274.     line-height: normal;
  275. }
  276.  
  277. #submenu li {
  278.     display: block;
  279.     float: left;
  280.     width: 180px;
  281.     padding: 0 12px 0 0;
  282. }
  283.  
  284. #submenu li ul {
  285.     width: auto;
  286.     margin: 0;
  287. }
  288.  
  289. #submenu li li {
  290.     display: list-item;
  291.     float: none;
  292.     width: auto;
  293.     padding: 5px 0 5px 10px;
  294.     background: url(images/img17.gif) no-repeat left center;
  295.     border-bottom: 1px solid #424546;
  296. }
  297.  
  298. #submenu h2 {
  299.     margin: 0 0 5px 0;
  300.     border-bottom: 2px solid #424546;
  301.     font-size: 1.2em;
  302. }
  303.  
  304. #submenu a {
  305.     text-decoration: none;
  306.     color: #A9B6BB;
  307. }
  308.  
  309. #submenu a:hover {
  310.     text-decoration: underline;
  311. }
  312.  
  313. /* Footer */
  314.  
  315. #footer {
  316.     padding: 40px 0;
  317.     background: #3F4244 url(images/img18.gif) repeat-x;
  318. }
  319.  
  320. #footer p {
  321.     text-align: center;
  322.     font-size: smaller;
  323.     color: #666666;
  324. }
  325.  
  326. #footer a {
  327.     color: #666666;
  328. }