home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / bestfriends / default.css next >
Encoding:
Cascading Style Sheet File  |  2008-05-17  |  5.3 KB  |  397 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.jpg) repeat left top;
  11.     font-size: 14px;
  12.     text-align: justify;
  13.     color: #ABABAB;
  14. }
  15.  
  16. h1, h2, h3 {
  17.     margin: 0;
  18.     text-transform: lowercase;
  19.     font-weight: normal;
  20.     color: #559106;
  21. }
  22.  
  23. h1 {
  24.     letter-spacing: -1px;
  25.     font-size: 32px;
  26. }
  27.  
  28. h2 {
  29.     font-size: 23px;
  30. }
  31.  
  32. p, ul, ol {
  33.     margin: 0 0 2em 0;
  34.     text-align: justify;
  35.     line-height: 26px;
  36. }
  37.  
  38. a:link {
  39.     color: #A5E543;
  40. }
  41.  
  42. a:hover, a:active {
  43.     text-decoration: none;
  44.     color: #A5E543;
  45. }
  46.  
  47. a:visited {
  48.     color: #A5E543;
  49. }
  50.  
  51. img {
  52.     border: none;
  53. }
  54.  
  55. img.left {
  56.     float: left;
  57.     margin-right: 15px;
  58. }
  59.  
  60. img.right {
  61.     float: right;
  62.     margin-left: 15px;
  63. }
  64.  
  65. /* Form */
  66.  
  67. form {
  68.     margin: 0;
  69.     padding: 0;
  70. }
  71.  
  72. fieldset {
  73.     margin: 0;
  74.     padding: 0;
  75.     border: none;
  76. }
  77.  
  78. legend {
  79.     display: none;
  80. }
  81.  
  82. input, textarea, select {
  83.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  84.     font-size: 13px;
  85.     color: #333333;
  86. }
  87.  
  88. #wrapper {
  89.     margin: 0;
  90.     padding: 0;
  91.     height: 350px;
  92.     background: url(images/img02.jpg) repeat-x left top;
  93. }
  94.  
  95. /* Header */
  96.  
  97. #header {
  98.     width: 810px;
  99.     margin: 0 auto;
  100.     height: 75px;
  101. }
  102.  
  103. /* Menu */
  104.  
  105. #menu {
  106.     float: left;
  107.     width: 810px;
  108.     height: 60px;
  109.     background: url(images/img03.jpg) no-repeat left top;
  110. }
  111.  
  112. #menu ul {
  113.     margin: 0;
  114.     padding: 0px 0 0 20px;
  115.     list-style: none;
  116.     line-height: normal;
  117. }
  118.  
  119. #menu li {
  120.     display: block;
  121.     float: left;
  122.     background: url(images/img06.jpg) no-repeat left 50%;
  123. }
  124.  
  125. #menu a {
  126.     display: block;
  127.     float: left;
  128.     margin-right: 3px;
  129.     padding: 12px 30px 12px 20px;
  130.     letter-spacing: -.5px;
  131.     text-decoration: none;
  132.     text-transform: lowercase;
  133.     font-size: 20px;
  134.     color: #FFFFFF;
  135. }
  136.  
  137. #menu a:hover { 
  138.     text-decoration: none; 
  139.     color: #A5E543;
  140. }
  141.  
  142. #menu .current_page_item a {
  143.     color: #A5E543;
  144. }
  145.  
  146. /** LOGO */
  147.  
  148. #logo {
  149.     width: 810px;
  150.     height: 260px;
  151.     margin: 0 auto;
  152.     background: url(images/img04.jpg) no-repeat left top;
  153. }
  154.  
  155. #logo h1, #logo h2 {
  156.     margin: 0;
  157.     padding: 0 0 0 100px;
  158.     line-height: normal;
  159. }
  160.  
  161. #logo h1 { 
  162.     padding-top: 105px;
  163.     font-family: Georgia, "Times New Roman", Times, serif;
  164.     font-size:40px;
  165. }
  166.  
  167. #logo h1 a {
  168.     text-decoration: none;
  169.     color: #FFFFFF; 
  170. }
  171.  
  172. #logo h1 a:hover { text-decoration: underline; }
  173.  
  174. #logo h2 {
  175.     float: left;
  176.     padding: 0px 0 0 100px;
  177.     font: 18px Georgia, "Times New Roman", Times, serif;
  178.     color: #9B9B9B; 
  179. }
  180.  
  181. #logo p a {
  182.     text-decoration: none;
  183.     color: #B6ACA2;
  184. }
  185.  
  186. #logo p a:hover { text-decoration: underline; }
  187.  
  188.  
  189.  
  190. /* Page */
  191.  
  192. #page {
  193.     width: 810px;
  194.     margin: 0 auto;
  195. }
  196.  
  197. /* Content */
  198.  
  199. #content {
  200.     float: left;
  201.     width: 520px;
  202.     margin-top: 15px;
  203.     background: url(images/img10.jpg) no-repeat left top;
  204.     
  205. }
  206.  
  207. /* Post */
  208.  
  209. .post {
  210.     padding: 15px 0px;
  211. }
  212.  
  213. .post .title {
  214.     margin-bottom: 20px;
  215.     padding-bottom: 5px;
  216. }
  217.  
  218. .post h1 {
  219.     width: 520px;
  220.     height: 60px;
  221.     padding: 20px 0 0 15px;
  222.     background: url(images/img08.jpg) no-repeat left top;
  223.     font-size: 24px;
  224.     color: #DADADA;
  225. }
  226.  
  227. .post h2 {
  228.     width: 520px;
  229.     height: 60px;
  230.     padding: 20px 0 0 15px;
  231.     background: url(images/img08.jpg) no-repeat left top;
  232.     font-size: 22px;
  233.     color: #DADADA;
  234. }
  235.  
  236. .post .entry {
  237.     padding: 0 15px;
  238.     font-size: 14px;
  239.     border-bottom: 1px dotted #1F1F1F;
  240. }
  241.  
  242. .post .meta {
  243.     padding: 15px 15px 30px 15px;
  244.     font-size: 13px;
  245. }
  246.  
  247. .post .meta p {
  248.     margin: 0;
  249.     padding-top: 15px;
  250.     line-height: normal;
  251.     color: #999999;
  252. }
  253.  
  254. .post .meta .byline {
  255.     float: left;
  256. }
  257.  
  258. .post .meta .links {
  259.     float: right;
  260. }
  261.  
  262. .post .meta .more {
  263.     padding: 0 20px 0 18px;
  264. }
  265.  
  266. .post .meta .comments {
  267.     padding-left: 22px;
  268. }
  269.  
  270. .post .meta b {
  271.     display: none;
  272. }
  273.  
  274. /* Sidebar */
  275.  
  276. #sidebar {
  277.     float: right;
  278.     width: 250px;
  279.     margin: 0;
  280.     padding: 0;
  281.     margin-top: 30px;
  282. }
  283.  
  284. #sidebar ul {
  285.     margin: 0;
  286.     padding: 0;
  287.     list-style: none;
  288. }
  289.  
  290. #sidebar li {
  291.     margin-bottom: 40px;
  292. }
  293.  
  294. #sidebar li ul {
  295. }
  296.  
  297. #sidebar li li {
  298.     margin: 0;
  299.     padding-left: 25px;
  300. }
  301.  
  302. #sidebar h2 {
  303.     width: 250px;
  304.     height: 60px;
  305.     padding: 8px 0 0 25px;
  306.     margin-bottom: 10px;
  307.     background: url(images/img07.jpg) no-repeat left top;
  308.     font-size: 20px;
  309.     color: #DADADA;
  310. }
  311.  
  312. /* Search */
  313.  
  314. #search {
  315.  
  316. }
  317.  
  318. #search h2 {
  319.     margin-bottom: 20px;
  320. }
  321.  
  322. #s {
  323.     width: 140px;
  324.     margin-left: 25px;
  325.     margin-right: 5px;
  326.     padding: 3px;
  327.     border: 1px solid #BED99C;
  328. }
  329.  
  330. #x {
  331.     padding: 3px;
  332.     border: none;
  333.     background: #467805;
  334.     text-transform: lowercase;
  335.     font-size: 11px;
  336.     color: #FFFFFF;
  337. }
  338.  
  339. /* Boxes */
  340.  
  341. .box1 {
  342.     padding: 20px;
  343. }
  344.  
  345. .box2 {
  346.     color: #BABABA;
  347. }
  348.  
  349. .box2 h2 {
  350.     margin-bottom: 15px;
  351.     font-size: 16px;
  352.     color: #FFFFFF;
  353. }
  354.  
  355. .box2 ul {
  356.     margin: 0;
  357.     padding: 0;
  358.     list-style: none;
  359. }
  360.  
  361. .box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited  {
  362.     color: #EDEDED;
  363. }
  364.  
  365. /* Footer */
  366. #footer-wrap {
  367.     width: 810px;
  368.     height: 60px;
  369.     margin: 0 auto;
  370.     background: url(images/img05.jpg) no-repeat left top;
  371. }
  372.  
  373. #footer {
  374.     margin: 0 auto;
  375.     margin-bottom: 20px;
  376.     padding: 0;
  377. }
  378.  
  379. html>body #footer {
  380.     height: auto;
  381. }
  382.  
  383. #footer p {
  384.     font-size: 14px;
  385. }
  386.  
  387. #legal {
  388.     clear: both;
  389.     padding-top: 17px;
  390.     text-align: center;
  391.     color: #999999;
  392. }
  393.  
  394. #legal a {
  395.     color: #A5E543;
  396. }
  397.