home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / chromz / default.css next >
Cascading Style Sheet File  |  2007-03-10  |  5KB  |  303 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: #FFFFFF url(images/img01.gif) repeat-x;
  14.     font: normal small Verdana, Arial, Helvetica, sans-serif;
  15.     color: #959595;
  16. }
  17.  
  18. h1, h2, h3 {    
  19. }
  20.  
  21. h1 {
  22. }
  23.  
  24. h2 {
  25. }
  26.  
  27. h3 {
  28.     margin-bottom: 1em;
  29.     text-transform: uppercase;
  30.     letter-spacing: 1px;
  31.     font-size: x-small;
  32. }
  33.  
  34. p, blockquote, ul, ol {
  35.     margin-bottom: 2em;
  36.     line-height: 1.6em;
  37. }
  38.  
  39. p {
  40. }
  41.  
  42. blockquote {
  43.     margin-left: 2em;
  44.     margin-right: 2em;
  45.     padding: 1em 1em 0 1em;
  46.     text-align: center;
  47.     font-style: italic;
  48. }
  49.  
  50. ul {
  51.     list-style: none;
  52. }
  53.  
  54. ul li {
  55. }
  56.  
  57. ol {
  58.     list-style-position: inside;
  59. }
  60.  
  61. ol li {
  62. }
  63.  
  64. a {
  65.     color: #666666;
  66. }
  67.  
  68. a:hover {
  69.     text-decoration: none;
  70.     color: #000000;
  71. }
  72.  
  73. img {
  74. }
  75.  
  76. /* Logo */
  77.  
  78. #logo {
  79.     width: 760px;
  80.     height: 70px;
  81.     margin: 0 auto;
  82.     padding: 40px 0 0 0;
  83. }
  84.  
  85. #logo h1 {
  86.     float: left;
  87.     letter-spacing: -2px;
  88.     font-size: 3em;
  89. }
  90.  
  91. #logo h2 {
  92.     float: left;
  93.     font-size: 1em;
  94. }
  95.  
  96. #logo a {
  97.     text-decoration: none;
  98.     text-transform: lowercase;
  99.     font-weight: normal;
  100.     color: #FFFFFF
  101. }
  102.  
  103. /* Menu */
  104.  
  105. #menu {
  106.     width: 760px;
  107.     height: 50px;
  108.     margin: -50px auto 0 auto;
  109. }
  110.  
  111. #menu ul {
  112.     float: right;
  113.     margin: 0;
  114.     list-style: none;
  115. }
  116.  
  117. #menu li {
  118.     display: inline;
  119. }
  120.  
  121. #menu a {
  122.     position: relative;
  123.     margin-left: 1.6em;
  124.     text-decoration: none;
  125.     text-transform: uppercase;
  126.     border-bottom: 5px solid #CC6600;
  127.     font-size: xx-small;
  128.     font-weight: bold;
  129.     color: #FFFFFF;
  130. }
  131.  
  132. #menu a:hover, #menu .active a {
  133.     border-bottom-color: #000000;
  134.     color: #CCCCCC;
  135. }
  136.  
  137. /* Wrapper */
  138.  
  139. #wrapper {
  140.     clear: both;
  141.     width: 760px;
  142.     margin: 0 auto;
  143. }
  144.  
  145. /* Column One */
  146.  
  147. #col-one {
  148.     float: right;
  149.     width: 180px;
  150. }
  151.  
  152. #col-one .boxed {
  153.     margin-bottom: 10px;
  154. }
  155.  
  156. #col-one .boxed .title {
  157.     height: 20px;
  158.     padding: 10px 0 0 10px;
  159.     background: url(images/img02.gif) no-repeat;
  160.     text-transform: uppercase;
  161.     letter-spacing: 1px;
  162.     font-size: 11px;
  163.     color: #FFFFFF;
  164. }
  165.  
  166. #col-one .boxed .content {
  167.     padding: 9px;
  168.     background: #E8EDE5 url(images/img03.gif) repeat-x;
  169.     border: 1px solid #648952;
  170.     border-top: none;
  171. }
  172.  
  173. #col-one .boxed .content form {
  174. }
  175.  
  176. #col-one .boxed .content fieldset {
  177.     border: none;
  178. }
  179.  
  180. #col-one .boxed .content legend {
  181.     display: none;
  182. }
  183.  
  184. #col-one .boxed .content label {
  185.     display: block;
  186.     font-size: xx-small;
  187.     font-weight: bold;
  188. }
  189.  
  190. #col-one .boxed .content .textfield {
  191.     width: 148px;
  192.     margin: 0 0 5px 0;
  193.     padding: 3px 5px;
  194.     border: 1px solid #C8C8C8;
  195.     background: #FAFAFA url(images/img04.gif) repeat-x;
  196.     font: normal x-small Verdana, Arial, Helvetica, sans-serif;
  197.     color: #464646;
  198. }
  199.  
  200. #col-one .boxed .content .button {
  201.     float: right;
  202.     width: 70px;
  203.     height: 18px;
  204.     margin: 0 0 5px 0;
  205.     padding: 0;
  206.     border: 1px solid #464646;
  207.     background: #FAFAFA url(images/img05.gif) repeat-x;
  208.     font: normal x-small Verdana, Arial, Helvetica, sans-serif;
  209.     color: #464646;
  210. }
  211.  
  212. #col-one .boxed .content .tiny {
  213.     clear: both;
  214.     margin: 0;
  215.     font-size: x-small;
  216. }
  217.  
  218. #col-one .boxed .content .tiny a {
  219.     padding: 0 0 0 11px;
  220.     background: url(images/img06.gif) no-repeat left bottom;
  221. }
  222.  
  223. /* Column Two */
  224.  
  225. #col-two {
  226.     float: left;
  227.     width: 380px;
  228. }
  229.  
  230. #col-two .boxed {
  231.     margin-bottom: 10px;
  232. }
  233.  
  234. #col-two .boxed .title {
  235.     height: 20px;
  236.     padding: 10px 0 0 10px;
  237.     background: url(images/img07.gif) no-repeat;
  238.     text-transform: uppercase;
  239.     letter-spacing: 1px;
  240.     font-size: 11px;
  241.     color: #FFFFFF;
  242. }
  243.  
  244. #col-two .boxed .content {
  245.     padding: 19px 19px 0 19px;
  246.     background: #E5ECED url(images/img08.gif) repeat-x;
  247.     border: 1px solid #528489;
  248.     border-top: none;
  249. }
  250.  
  251. #col-two .boxed blockquote {
  252.     background: #E5ECED url(images/img08.gif) repeat-x;
  253. }
  254.  
  255. /* Column Three */
  256.  
  257. #col-three {
  258.     float: right;    
  259.     width: 180px;
  260.     margin-right: 10px;
  261. }
  262.  
  263. #col-three .boxed {
  264.     margin-bottom: 10px;
  265. }
  266.  
  267. #col-three .boxed .title {
  268.     height: 20px;
  269.     padding: 10px 0 0 10px;
  270.     background: url(images/img09.gif) no-repeat;
  271.     text-transform: uppercase;
  272.     letter-spacing: 1px;
  273.     font-size: 11px;
  274.     color: #FFFFFF;
  275. }
  276.  
  277. #col-three .boxed .content {
  278.     padding: 19px 19px 0 19px;
  279.     background: #EFEBE2 url(images/img10.gif) repeat-x;
  280.     border: 1px solid #977C44;
  281.     border-top: none;
  282. }
  283.  
  284. #col-three .boxed .content li {
  285.     margin-left: -1em;
  286.     padding-left: 1em;
  287.     background: url(images/img12.gif) no-repeat 0 9px;
  288.     letter-spacing: normal;
  289. }
  290.  
  291. /* Footer */
  292.  
  293. #footer {
  294.     clear: both;
  295.     padding: 30px 0 50px 0;
  296.     background: #464646 url(images/img13.gif) repeat-x;
  297. }
  298.  
  299. #footer p {
  300.     width: 760px;
  301.     margin: 0 auto;
  302.     font-size: x-small;
  303. }