home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / description / default.css next >
Cascading Style Sheet File  |  2008-04-05  |  5KB  |  349 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: 0;
  9.     padding: 0;
  10.     background: #424242 url(images/img01.jpg) repeat-x;
  11.     font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  12.     font-size: 11px;
  13.     color: #666666;
  14. }
  15.  
  16. h1, h2, h3 {
  17.     margin-top: 0;
  18. }
  19.  
  20. h1 {
  21.     font-size: 2em;
  22. }
  23.  
  24. h2 {
  25.     font-size: 1.6em;
  26. }
  27.  
  28. h3 {
  29.     font-size: 1em;
  30. }
  31.  
  32. ul {
  33.     list-style-image: url(images/img07.gif);
  34. }
  35.  
  36. a {
  37.     text-decoration: none;
  38.     border-bottom: 1px dotted #CCCCCC;
  39.     color: #D56E22;
  40. }
  41.  
  42. a:hover {
  43.     border-bottom: none;
  44. }
  45.  
  46. a img {
  47.     border: none;
  48. }
  49.  
  50. img.left {
  51.     float: left;
  52.     margin: 0 20px 0 0;
  53. }
  54.  
  55. img.right {
  56.     float: right;
  57.     margin: 0 0 0 20px;
  58. }
  59.  
  60. /* Header */
  61.  
  62. #logo {
  63.     width: 880px;
  64.     height: 88px;
  65.     margin: 0 auto;
  66.     padding: 0 10px;
  67. }
  68.  
  69. #logo h1, #logo p {
  70.     float: left;
  71.     margin: 0;
  72.     color: #FFFFFF;
  73. }
  74.  
  75. #logo h1 {
  76.     padding: 30px 0 0 0;
  77.     text-transform: lowercase;
  78.     font-weight: normal;
  79.     font-size: 3em;
  80. }
  81.  
  82. #logo p {
  83.     text-transform: uppercase;
  84.     padding: 52px 0 0 3px;
  85.     font-size: 10px;
  86.     color: #616161;
  87. }
  88.  
  89. #logo a {
  90.     border: none;
  91.     text-decoration: none;
  92.     color: #FFFFFF;
  93. }
  94.  
  95. /* Menu */
  96.  
  97. #menu {
  98.     width: 880px;
  99.     height: 42px;
  100.     margin: 0 auto;
  101.     padding-top: 10px;
  102. }
  103.  
  104. #menu ul {
  105.     margin: 0;
  106.     padding: 0;
  107.     list-style: none;
  108. }
  109.  
  110. #menu li {
  111.     display: inline;
  112. }
  113.  
  114. #menu a {
  115.     display: block;
  116.     float: left;
  117.     margin: 0 3px 0 0;
  118.     padding: 8px 15px 10px 15px;
  119.     border: none;
  120.     text-decoration: none;
  121.     text-transform: uppercase;
  122.     font-family: Arial, Helvetica, sans-serif;
  123.     font-size: 10px;
  124.     color: #CCCCCC;
  125. }
  126.  
  127. #menu a:hover {
  128.     background: url(images/img05.jpg) repeat-x;
  129.     margin: 0 3px 0 0;
  130.     padding: 8px 15px 10px 15px;
  131.     color: #FFFFFF;
  132. }
  133.  
  134. #menu .current_page_item a {
  135.     background: url(images/img05.jpg) repeat-x;
  136.     margin: 0 3px 0 0;
  137.     padding: 8px 15px 10px 15px;
  138.     color: #FFFFFF;
  139. }
  140.  
  141. /* Wrapper */
  142.  
  143. #wrapper {
  144.     background: #000000;
  145. }
  146.  
  147. /* Page */
  148.  
  149. #page {
  150.     width: 880px;
  151.     margin: 0 auto;
  152.     padding: 30px 0;
  153. }
  154.  
  155. #page-bg {
  156.     padding: 11px 24px;
  157.     background: url(images/img03.jpg) no-repeat;
  158. }
  159.  
  160. /* Latest Post */
  161.  
  162. #latest-post {
  163.     padding: 20px;
  164.     border: 1px solid #E7E7E7;
  165. }
  166.  
  167. /* Content */
  168.  
  169. #content {
  170.     float: left;
  171.     width: 438px;
  172. }
  173.  
  174. .post {
  175.     margin-bottom: 20px;
  176.     padding-bottom: 15px;
  177.     border-bottom: 1px dotted #949494;
  178.     line-height: 200%;
  179. }
  180.  
  181. .post h1 {
  182.     font-weight: normal;
  183. }
  184.  
  185. .title {
  186.     margin: 0;
  187.     font-weight: normal;
  188. }
  189.  
  190. .title a {
  191.     border-bottom: none;
  192. }
  193.  
  194. .title a:hover {
  195.     border-bottom: 1px dotted #CCCCCC;
  196. }
  197.  
  198. .byline {
  199.     margin: 0 0 20px 0;
  200. }
  201.  
  202. .entry {
  203.     padding: 0 20px;
  204. }
  205.  
  206. .links {
  207.     padding-top: 10px;
  208.     text-align: right;
  209.     font-weight: bold;
  210. }
  211.  
  212. .links a {
  213.     padding-left: 15px;
  214.     background: url(images/img04.gif) no-repeat left center;
  215.     border: none;
  216. }
  217.  
  218. .links a:hover {
  219.     border-bottom: 1px dotted #CCCCCC;
  220. }
  221.  
  222. /* Sidebars */
  223.  
  224. .sidebar {
  225.     float: left;
  226.     width: 200px;
  227.     padding: 0 0 0 21px;
  228. }
  229.  
  230. .sidebar ul {
  231.     margin: 0;
  232.     padding: 0;
  233.     list-style: none;
  234. }
  235.  
  236. .sidebar li {
  237.     padding: 0 0 20px 0;
  238. }
  239.  
  240. .sidebar li ul {
  241. }
  242.  
  243. .sidebar li li {
  244.     padding: 5px 0 5px 25px;
  245.     background: url(images/img04.gif) no-repeat 10px 9px;
  246. }
  247.  
  248. .sidebar li h2 {
  249.     margin: 0 0 10px 0;
  250.     padding: 5px 10px;
  251.     background: url(images/img06.jpg) repeat-x;
  252.     border: 1px solid #4A4A4A;
  253.     font-size: 12px;
  254.     color: #CCCCCC;
  255. }
  256.  
  257. /* Search */
  258.  
  259. #searchform {
  260.     margin: 0;
  261.     padding: 0;
  262. }
  263.  
  264. #searchform br {
  265.     display: none;
  266. }
  267.  
  268. #s {
  269.     margin: 0;
  270.     padding: 2px 2px;
  271.     width: 120px;
  272.     height: 18px;
  273.     border: 1px solid #333333;
  274.     background: #000000;
  275.     font-size: 10px;
  276.     color: #CCCCCC;
  277. }
  278.  
  279. #x {
  280.     margin: 0;
  281.     padding: 2px 5px;
  282.     height: 25px;
  283.     background: #666666;
  284.     border: 1px solid #333333;
  285.     text-decoration: none;
  286.     text-transform: uppercase;
  287.     font-family: Arial, Helvetica, sans-serif;
  288.     font-size: 10px;
  289.     color: #CCCCCC;
  290. }
  291. /* Calendar */
  292.  
  293. #calendar_wrap {
  294.     padding: 0 0 0 20px;
  295.     text-align: center;
  296. }
  297.  
  298. #calendar_wrap table {
  299.     width: 90%;
  300. }
  301.  
  302. #calendar_wrap th {
  303. }
  304.  
  305. #calendar_wrap td {
  306. }
  307.  
  308. #calendar_wrap tfoot td {
  309.     border: none;
  310. }
  311.  
  312. #calendar_wrap tfoot td#prev {
  313.     text-align: left;
  314.     font-weight: bold;
  315.     border: none;
  316. }
  317.  
  318. #calendar_wrap tfoot td#prev a {
  319.     border: none;
  320. }
  321.  
  322. #calendar_wrap tfoot td#next {
  323.     text-align: right;
  324.     font-weight: bold;
  325.     border: none;
  326. }
  327.  
  328. #calendar_wrap tfoot td#next a {
  329.     border: none;
  330. }
  331.  
  332. /* Footer */
  333.  
  334. #footer {
  335.     height: 50px;
  336.     background: #000000 url(images/img06.jpg) repeat-x left top;
  337. }
  338.  
  339. #footer p {
  340.     margin: 0;
  341.     padding: 20px 0 0 0;
  342.     text-align: center;
  343.     font-size: smaller;
  344.     color: #FFFFFF;
  345. }
  346.  
  347. #footer a {
  348.     color: #FFFFFF;
  349. }