home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / ambiance / default.css next >
Encoding:
Cascading Style Sheet File  |  2007-08-07  |  3.4 KB  |  282 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: #FFFFFF url(images/img01.gif) repeat-x;
  11.     font-family: Georgia, "Times New Roman", Times, serif;
  12.     font-size: 13px;
  13.     color: #666666;
  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: Georgia, "Times New Roman", Times, serif;
  29.     font-size: 13px;
  30.     color: #666666;
  31. }
  32.  
  33. h1, h2, h3 {
  34.     margin: 0;
  35.     font-weight: normal;
  36.     color: #4F789F;
  37. }
  38.  
  39. h1 {
  40.     letter-spacing: -1px;
  41.     font-size: 2.6em;
  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. }
  56.  
  57. p {
  58. }
  59.  
  60. blockquote {
  61.     font-style: italic;
  62. }
  63.  
  64. ul {
  65. }
  66.  
  67. ol {
  68. }
  69.  
  70. a {
  71.     color: #4F789F;
  72. }
  73.  
  74. a:hover {
  75.     text-decoration: none;
  76. }
  77.  
  78. small {
  79. }
  80.  
  81. hr {
  82.     display: none;
  83. }
  84.  
  85. img {
  86.     border: none;
  87. }
  88.  
  89. img.left {
  90.     float: left;
  91.     margin: 0 15px 0 0;
  92. }
  93.  
  94. img.right {
  95.     float: left;
  96.     margin: 0 0 0 15px;
  97. }
  98.  
  99. /* Header */
  100.  
  101. #header {
  102.     width: 900px;
  103.     height: 300px;
  104.     margin: 0 auto;
  105.     padding: 0 40px;
  106.     background: url(images/img03.jpg) no-repeat left bottom;
  107. }
  108.  
  109. /* Menu */
  110.  
  111. #menu {
  112.     width: 900px;
  113.     height: 100px;
  114. }
  115.  
  116. #menu ul {
  117.     margin: 0;
  118.     padding: 25px 0;
  119.     list-style: none;
  120. }
  121.  
  122. #menu li {
  123.     display: inline;
  124. }
  125.  
  126. #menu a {
  127.     display: block;
  128.     float: left;
  129.     width: 150px;
  130.     height: 38px;
  131.     padding: 12px 0 0 0;
  132.     text-align: center;
  133.     text-decoration: none;
  134.     text-transform: lowercase;
  135.     font-size: 1.8em;
  136. }
  137.  
  138. #menu .active a {
  139.     background: #B3EAFD url(images/img02.jpg) no-repeat;
  140. }
  141.  
  142. /* Logo */
  143.  
  144. #logo {
  145.     clear: both;
  146.     width: 900px;
  147.     height: 200px;
  148. }
  149.  
  150. #logo h1, #logo h2 {
  151.     text-transform: lowercase;
  152.     font-style: italic;
  153. }
  154.  
  155. #logo h1 {
  156.     padding: 70px 0 0 0;
  157.     font-size: 4em;
  158. }
  159.  
  160. #logo h2 {
  161.     padding: 0 0 0 100px;
  162.     font-size: 2em;
  163. }
  164.  
  165. #logo a {
  166.     text-decoration: none;
  167.     color: #479EF3;
  168. }
  169.  
  170. /* Page */
  171.  
  172. #page {
  173.     width: 900px;
  174.     margin: 0 auto;
  175.     padding: 30px 0;
  176. }
  177.  
  178. /* Content */
  179.  
  180. #content {
  181.     float: left;
  182.     width: 580px;
  183. }
  184.  
  185. .post {
  186. }
  187.  
  188. .post .date {
  189.     float: left;
  190.     width: 70px;
  191.     margin: 0 15px 0 0;
  192.     padding: 2px 0;
  193.     background: #C9E5FC;
  194.     border: 1px solid #C9E5FC;
  195.     text-align: center;
  196.     font-size: 11px;
  197.     color: #3F4C6B;
  198. }
  199.  
  200. .post .date b {
  201.     display: block;
  202.     padding: 5px 0;
  203.     background: #F4FAFE;
  204.     font-size: 24px;
  205.     font-weight: normal;
  206. }
  207.  
  208. .post .title {
  209.     margin: 0;
  210. }
  211.  
  212. .post .meta {
  213.     margin: 0 0 0 0;
  214.     color: #B2B7C4;
  215. }
  216.  
  217. .post .entry {
  218.     padding: 20px 0;
  219.     line-height: 200%;
  220. }
  221.  
  222. /* Sidebar */
  223.  
  224. #sidebar {
  225.     float: right;
  226.     width: 280px;
  227. }
  228.  
  229. #sidebar ul {
  230.     margin: 0;
  231.     padding: 0;
  232.     list-style: none;
  233. }
  234.  
  235. #sidebar li {
  236.     margin-bottom: 20px;
  237.     padding: 20px 20px 40px 20px;
  238.     background: url(images/img04.jpg) no-repeat;
  239. }
  240.  
  241. #sidebar li ul {
  242.     line-height: 240%;
  243. }
  244.  
  245. #sidebar li li {
  246.     margin: 0;
  247.     padding: 0;
  248.     background: none;
  249.     padding-left: 15px;
  250.     background: url(images/img05.gif) no-repeat left center;
  251. }
  252.  
  253. #sidebar h2 {
  254.     margin-bottom: 20px;
  255.     text-transform: lowercase;
  256.     color: #4F789F;
  257. }
  258.  
  259. #s {
  260.     width: 160px;
  261. }
  262.  
  263. /* Footer */
  264.  
  265. #footer {
  266.     clear: both;
  267.     padding: 40px 0;
  268.     background: #EAF1F7;
  269.     border-top: 5px solid #A2C9EA;
  270.     text-align: center;
  271. }
  272.  
  273. #footer p {
  274.     margin: 0;
  275.     color: #76AEDB;
  276. }
  277.  
  278. #footer a {
  279.     color: #76AEDB;
  280. }
  281.  
  282.