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