home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / essence / default.css next >
Encoding:
Cascading Style Sheet File  |  2007-05-19  |  3.1 KB  |  267 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.     margin-bottom: 50px;
  14.     background: #FFFFFF url(images/img1.gif) repeat-x;
  15.     font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
  16.     color: #3B3B3B;
  17. }
  18.  
  19. h1, h2, h3 {
  20.     color: #4F789F;
  21. }
  22.  
  23. h1 {
  24. }
  25.  
  26. h2 {
  27. }
  28.  
  29. h3 {
  30.     font-size: 1em;
  31. }
  32.  
  33. p, blockquote, ul, ol {
  34. }
  35.  
  36. p {
  37. }
  38.  
  39. blockquote {
  40. }
  41.  
  42. ul {
  43. }
  44.  
  45. ul li {
  46. }
  47.  
  48. ol {
  49. }
  50.  
  51. ol li {
  52. }
  53.  
  54. a {
  55.     color: #4F789F;
  56. }
  57.  
  58. a:hover {
  59.     text-decoration: none;
  60. }
  61.  
  62. img {
  63.     border: 1px solid #3B3B3B;
  64. }
  65.  
  66. img.left {
  67.     float: left;
  68.     margin: 0 20px 0 0;
  69. }
  70.  
  71. img.right {
  72.     float: right;
  73.     margin: 0 0 0 20px;
  74. }
  75.  
  76. /* Boxed Style */
  77.  
  78. .boxed {
  79. }
  80.  
  81. .boxed .title {
  82.     padding: 10px 15px;
  83.     background: #3B3B3B;
  84.     text-transform: uppercase;
  85.     font: bold .77em Georgia, "Times New Roman", Times, serif;
  86.     color: #FFFFFF;
  87. }
  88.  
  89. .boxed .content {
  90.     padding: 15px;
  91. }
  92.  
  93. .boxed ul {
  94.     list-style: none;
  95. }
  96.  
  97. /* Post */
  98.  
  99. .post {
  100.     clear: both;
  101.     padding: 20px;
  102.     border-bottom: 1px solid #3B3B3B;
  103. }
  104.  
  105. .post .title {
  106. }
  107.  
  108. .post .content {
  109.     line-height: 1.6em;
  110. }
  111.  
  112. .post .title {
  113.     margin-bottom: 20px;
  114.     font-family: Georgia, "Times New Roman", Times, serif;
  115. }
  116.  
  117. .post p, .post blockquote, .post ul, .post ol {
  118.     margin-bottom: 1em;
  119. }
  120.  
  121. .post blockquote, .post ul, .post ol {
  122.     margin-left: 3em;
  123. }
  124.  
  125. /* Header */
  126.  
  127. #header {
  128.     width: 700px;
  129.     height: 150px;
  130.     margin: 0 auto;
  131.     background: #69B10A url(images/img2.jpg);
  132. }
  133.  
  134. #header h1, #header h2 {
  135.     text-transform: lowercase;
  136.     font-family: Georgia, "Times New Roman", Times, serif;
  137.     font-style: italic;
  138.     font-weight: normal;
  139. }
  140.  
  141. #header h1 {
  142.     float: left;
  143.     padding: 80px 0 0 20px;
  144.     letter-spacing: -3px;
  145.     font-size: 48px;
  146. }
  147.  
  148. #header h2 {
  149.     float: left;
  150.     padding: 107px 0 0 7px;
  151. }
  152.  
  153. #header a {
  154.     text-decoration: none;
  155.     color: #FFFFFF;
  156. }
  157.  
  158. /* Page */
  159.  
  160. #page {
  161.     width: 700px;
  162.     margin: 0 auto;
  163.     background: url(images/img3.gif) repeat-y;
  164.     border-top: 20px solid #3B3B3B;
  165. }
  166.  
  167. #content {
  168.     float: right;
  169.     width: 497px;
  170.     padding-right: 1px;
  171. }
  172.  
  173. #sidebar {
  174.     float: left;
  175.     width: 200px;
  176.     padding-left: 1px;
  177. }
  178.  
  179. /* Menu */
  180.  
  181. #menu {
  182. }
  183.  
  184. #menu ul {
  185.     margin: 0;
  186.     padding: 0;
  187.     list-style: none;
  188. }
  189.  
  190. #menu li {
  191.     display: inline;
  192. }
  193.  
  194. #menu a {
  195.     display: block;
  196.     padding: 5px 15px;
  197.     border-bottom: 1px solid #FFFFFF;
  198.     text-decoration: none;
  199.     color: #3B3B3B;
  200. }
  201.  
  202. #menu a:hover {
  203.     background: #4F789F;
  204.     color: #FFFFFF;
  205. }
  206.  
  207. #menu .active a {
  208.     background: #BABABA;
  209.     color: #000000;
  210. }
  211.  
  212. /* Login */
  213.  
  214. #login {
  215. }
  216.  
  217. #login fieldset {
  218.     border: none;
  219. }
  220.  
  221. #login legend {
  222.     display: none;
  223. }
  224.  
  225. #login input {
  226.     margin-bottom: 5px;
  227. }
  228.  
  229. #inputtext1, #inputtext2 {
  230.     width: 160px;
  231. }
  232.  
  233. /* Updates */
  234.  
  235. #updates {
  236. }
  237.  
  238. #updates ul {
  239. }
  240.  
  241. #updates li {
  242.     margin-bottom: 20px;
  243. }
  244.  
  245. #updates h3 {
  246.     font-size: .77em;
  247. }
  248.  
  249. /* Footer */
  250.  
  251. #footer {
  252.     width: 670px;
  253.     height: 15px;
  254.     margin: 0 auto;
  255.     padding: 5px 15px;
  256.     background: #3B3B3B;
  257.     font-size: .77em;
  258.     color: #FFFFFF;
  259. }
  260.  
  261. #legal {
  262.     float: left;
  263. }
  264.  
  265. #links {
  266.     float: right;
  267. }