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