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