home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / desertsand / default.css next >
Cascading Style Sheet File  |  2007-03-01  |  3KB  |  241 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.     background: #EAC99A url(images/img01.jpg);
  14.     font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
  15.     color: #A38560;
  16. }
  17.  
  18. h1, h2, h3 {
  19.     font-weight: normal;
  20.     color: #B27217;
  21. }
  22.  
  23. h1 {
  24. }
  25.  
  26. h2 {
  27.     font-size: 2em;
  28. }
  29.  
  30. h3 {
  31.     font-size: 1.2em;
  32.     font-weight: bold;
  33. }
  34.  
  35. p, blockquote, ul, ol {
  36.     margin-bottom: 2em;
  37.     line-height: 180%;
  38. }
  39.  
  40. p {
  41. }
  42.  
  43. blockquote {
  44. }
  45.  
  46. ul {
  47.     list-style: none;
  48. }
  49.  
  50. ul li {
  51.     padding-left: 1em;
  52.     background: url(images/img06.gif) no-repeat left center;
  53. }
  54.  
  55. ol {
  56.     margin-left: 3em;
  57. }
  58.  
  59. ol li {
  60. }
  61.  
  62. pre, code {
  63. }
  64.  
  65. pre {
  66. }
  67.  
  68. code {
  69. }
  70.  
  71. a {
  72.     color: #D65601;
  73. }
  74.  
  75. a:hover {
  76.     text-decoration: none;
  77. }
  78.  
  79. a:visited {
  80. }
  81.  
  82. img {
  83. }
  84.  
  85. input, textarea, select {
  86. }
  87.  
  88. input {
  89. }
  90.  
  91. textarea {
  92. }
  93.  
  94. select {
  95. }
  96.  
  97. .bg {
  98.     background: url(images/img02.jpg) repeat-x;
  99. }
  100.  
  101. /* Header */
  102.  
  103. #header {
  104.     width: 720px;
  105.     height: 70px;
  106.     margin: 0 auto;
  107.     padding-top: 40px;
  108. }
  109.  
  110. /* Logo */
  111.  
  112. #logo {
  113.     float: left;
  114. }
  115.  
  116. #logo h1 {
  117.     margin: 0;
  118.     font-size: 2em;
  119. }
  120.  
  121. #logo h2 {
  122.     margin: 0;
  123.     padding-left: .1em;
  124.     font-size: 1em;
  125.     font-weight: bold;
  126. }
  127.  
  128. #logo a {
  129.     text-transform: uppercase;
  130.     text-decoration: none;
  131.     color: #FFFFFF;
  132. }
  133.  
  134. /* Menu */
  135.  
  136. #menu {
  137.     float: right;
  138. }
  139.  
  140. #menu h2 {
  141.     display: none;
  142. }
  143.  
  144. #menu ul {
  145.     margin: 0;
  146.     padding-top: 2.35em;
  147.     list-style: none;
  148. }
  149.  
  150. #menu li {
  151.     display: inline;
  152.     padding-left: 2em;
  153.     background: none;
  154. }
  155.  
  156. #menu a {
  157.     text-decoration: none;
  158.     letter-spacing: -1px;
  159.     color: #FFFFFF;
  160. }
  161.  
  162. #menu a:hover {
  163. }
  164.  
  165. /* Wrapper */
  166.  
  167. #wrapper {
  168.     width: 760px;
  169.     margin: 0 auto;
  170. }
  171.  
  172. /* Sidebar */
  173.  
  174. #sidebar {
  175.     float: left;
  176.     width: 230px;
  177.     background: url(images/img04.jpg) repeat-y;
  178. }
  179.  
  180. #sidebar .title {
  181.     margin: 0;
  182.     padding: 20px 20px 0 20px;
  183.     background: url(images/img03.jpg) no-repeat;
  184. }
  185.  
  186. #sidebar .content {
  187.     padding: 20px;
  188. }
  189.  
  190. #sidebar .bottom {
  191.     height: 33px;
  192.     background: url(images/img05.jpg) repeat-x left bottom;
  193. }
  194.  
  195. /* Content */
  196.  
  197. #content {
  198.     float: right;
  199.     width: 500px;
  200. }
  201.  
  202. /* Splash */
  203.  
  204. #splash {
  205.     text-align: center;
  206.     background: url(images/img09.jpg) repeat-y;
  207. }
  208.  
  209. #splash .top {
  210.     padding: 20px 20px 16px 20px;
  211.     background: url(images/img08.jpg) no-repeat;
  212. }
  213.  
  214. #splash .bottom {
  215.     height: 33px;
  216.     background: url(images/img05.jpg) repeat-x left bottom;
  217. }
  218.  
  219. /* Welcome */
  220.  
  221. #welcome {
  222.     padding: 0 20px;
  223. }
  224.  
  225. /* Samples */
  226.  
  227. #samples {
  228.     padding: 20px;
  229.     background: url(images/img05.jpg) repeat-x;
  230. }
  231.  
  232. /* Footer */
  233.  
  234. #footer {
  235.     width: 720px;
  236.     margin: 0 auto;
  237. }
  238.  
  239. #footer p {
  240.     font-size: 10px;
  241. }