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