home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / purensimple / default.css next >
Encoding:
Cascading Style Sheet File  |  2007-03-21  |  3.1 KB  |  246 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: 10px;
  14.     background: #600; 
  15.     font: normal small Arial, Helvetica, sans-serif;
  16.     color: #900;
  17. }
  18.  
  19. h1, h2, h3 {
  20. }
  21.  
  22. h1 {
  23.     font-size: 2em;
  24. }
  25.  
  26. h2 {
  27.     font-size: 1.4em;
  28. }
  29.  
  30. h3 {
  31.     font-size: 1em;
  32. }
  33.  
  34. p, blockquote, ul, ol {
  35.     margin-bottom: 1.5em;
  36.     line-height: 1.8em;
  37.     text-align: justify;
  38. }
  39.  
  40. p {
  41. }
  42.  
  43. blockquote {
  44.     margin-left: 3em;
  45.     margin-right: 3em;
  46.     font-style: italic;
  47. }
  48.  
  49. ul {
  50.     list-style: square inside;
  51. }
  52.  
  53. ul li {
  54. }
  55.  
  56. ol {
  57.     margin-left: 3em;
  58. }
  59.  
  60. ol li {
  61. }
  62.  
  63. a {
  64.     color: #900;
  65. }
  66.  
  67. a:hover {
  68.     text-decoration: none;
  69. }
  70.  
  71. img {
  72. }
  73.  
  74. /* Center Box */
  75.  
  76. .center-box {
  77.     margin-bottom: 10px;
  78.     padding: 20px;
  79.     background: #fc6;
  80.     border-top: 5px solid #900;
  81.     border-right: 15px solid #c00;
  82.     border-bottom: 5px solid #f33;
  83.     border-left: 15px solid #c00;
  84. }
  85.  
  86. .center-box .title {
  87.     padding: 5px 16px;
  88.     background: #FF9900;
  89.     border-left: 6px solid #CC6633;
  90.     border-right: 2px solid #CC6633;
  91.     border-bottom: 3px solid #CC9933;
  92.     border-top: 2px solid #996633;
  93. }
  94.  
  95. /* Left Box */
  96.  
  97. .left-box {
  98.     margin-bottom: 10px;
  99.     background: #fc6;
  100.     border-top: 5px solid #900;
  101.     border-right: 5px solid #c00;
  102.     border-bottom: 5px solid #f33;
  103.     border-left: 15px solid #c00;
  104. }
  105.  
  106. .left-box .title {
  107.     padding: 5px 16px;
  108.     background: #FF9900;
  109.     border-left: 6px solid #CC6633;
  110.     border-right: 2px solid #CC6633;
  111.     border-bottom: 3px solid #CC9933;
  112.     border-top: 2px solid #996633;
  113. }
  114.  
  115. .left-box .content {
  116.     padding: 20px 20px 0 20px;
  117. }
  118.  
  119. /* Right Box */
  120.  
  121. .right-box {
  122.     margin-bottom: 10px;
  123.     background: #fc6;
  124.     border-top: 5px solid #900;
  125.     border-left: 5px solid #c00;
  126.     border-bottom: 5px solid #f33;
  127.     border-right: 15px solid #c00;
  128. }
  129.  
  130. .right-box .title {
  131.     padding: 5px 16px;
  132.     background: #FF9900;
  133.     border-right: 6px solid #CC6633;
  134.     border-left: 2px solid #CC6633;
  135.     border-bottom: 3px solid #CC9933;
  136.     border-top: 2px solid #996633;
  137. }
  138.  
  139. .right-box .content {
  140.     padding: 20px 20px 0 20px;
  141. }
  142.  
  143. /* Logo */
  144.  
  145. #logo {
  146.     width: 630px;
  147.     margin: 0 auto 10px auto;
  148. }
  149.  
  150. #logo h1 {
  151. }
  152.  
  153. #logo h2 {
  154. }
  155.  
  156. #logo a {
  157.     text-decoration: none;
  158. }
  159.  
  160. /* Content */
  161.  
  162. #content {
  163.     width: 700px;
  164.     margin: 0 auto;
  165. }
  166.  
  167. /* Content > Main */
  168.  
  169. #main {
  170.     float: right;
  171.     width: 470px;
  172. }
  173.  
  174. /* Content > Main > Welcome */
  175.  
  176. #welcome {
  177. }
  178.  
  179. /* Content > Main > Example */
  180.  
  181. #example {
  182.     padding-bottom: 13px;
  183. }
  184.  
  185. /* Content > Sidebar */
  186.  
  187. #sidebar {
  188.     float: left;
  189.     width: 220px;
  190. }
  191.  
  192. /* Content > Sidebar > Menu */
  193.  
  194. #menu {
  195. }
  196.  
  197. #menu ul {
  198. }
  199.  
  200. #menu li {
  201. }
  202.  
  203. #menu a {
  204. }
  205.  
  206. #menu a:hover, #menu .active a {
  207. }
  208.  
  209. /* Content > Sidebar > Updates */
  210.  
  211. #updates {
  212. }
  213.  
  214. #updates ul {
  215. }
  216.  
  217. #updates h3 {
  218.     display: inline;
  219. }
  220.  
  221. #updates p {
  222.     font-size: .8em;
  223. }
  224.  
  225. /* Footer */
  226.  
  227. #footer {
  228.     clear: both;
  229.     width: 630px;
  230.     margin: 0 auto;
  231.     font-size: x-small;
  232. }
  233.  
  234. #footer p {
  235.     margin: 0;
  236. }
  237.  
  238. /* Footer > Legal */
  239.  
  240. #legal {
  241. }
  242.  
  243. /* Footer > Links */
  244.  
  245. #links {
  246. }