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