home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / brownie / stylesheet.css < prev   
Cascading Style Sheet File  |  2006-07-08  |  5KB  |  211 lines
  1. /* CSS Document */
  2. body {
  3.     margin-left: 0px;
  4.     margin-top: 0px;
  5.     margin-right: 0px;
  6.     margin-bottom: 0px;
  7.     background-color: #FFF9F2;
  8.     background-repeat: repeat-x;
  9. }
  10. #container {
  11.     margin-right: auto;
  12.     margin-left: auto;
  13.     width: 800px;
  14.     background-color: #FFF9F2;
  15. }
  16. #container #header {
  17.     background-color: #633401;
  18.     font-family: Arial, Helvetica, sans-serif;
  19.     color: #FFF3E6;
  20.     font-size: 36px;
  21.     padding-left: 15px;
  22.     padding-top: 5px;
  23.     padding-bottom: 0px;
  24.     margin: 0px;
  25.     height: 71px;
  26. }
  27. #container #navigation {
  28.     background-color: #633401;
  29.     list-style-type: none;
  30.     text-align: right;
  31.     padding-right: 7px;
  32. }
  33. #container #navigation a {
  34.     font-family: Arial, Helvetica, sans-serif;
  35.     font-size: 14px;
  36.     color: #FFF9F2;
  37.     background-color: #A45702;
  38.     text-decoration: none;
  39.     margin-left: 5px;
  40.     padding-top: 5px;
  41.     padding-right: 7px;
  42.     padding-bottom: 2px;
  43.     padding-left: 7px;
  44.     cursor: text;
  45. }
  46. #container #navigation a:hover {
  47.     background-color: #3D2001;
  48. }
  49. #container #navigation .onpage {
  50.     background-color: #FFF9F2;
  51.     border-top-width: 0px;
  52.     border-right-width: 0px;
  53.     border-left-width: 0px;
  54.     border-top-style: solid;
  55.     border-right-style: solid;
  56.     border-left-style: solid;
  57.     border-top-color: #773F00;
  58.     border-right-color: #773F00;
  59.     border-left-color: #773F00;
  60.     border-bottom-color: #773F00;
  61.     color: #AC5B02;
  62.     padding-top: 5px;
  63.     padding-right: 7px;
  64.     padding-bottom: 2px;
  65.     padding-left: 7px;
  66.     margin-bottom: 0px;
  67. }
  68. #container #right {
  69.     float: right;
  70.     width: 200px;
  71.     margin-top: 10px;
  72. }
  73. #container #content {
  74.     font-family: Arial, Helvetica, sans-serif;
  75.     width: 590px;
  76.     float: left;
  77.     margin-top: 10px;
  78.     border-right-width: 1px;
  79.     border-right-style: dashed;
  80.     border-right-color: #FFE2C4;
  81. }
  82. #container #content .title {
  83.     background-color: #FFF5EA;
  84.     border: 1px solid #FFCB8A;
  85.     font-size: 14px;
  86.     font-weight: normal;
  87.     padding-left: 7px;
  88.     margin-right: 5px;
  89.     margin-left: 5px;
  90.     margin-top: 0px;
  91.     margin-bottom: 0px;
  92.     padding-bottom: 2px;
  93.     width: 572px;
  94.     display: block;
  95.     font-family: Arial, Helvetica, sans-serif;
  96.     color: #633401;
  97.     padding-top: 2px;
  98. }
  99. #container #content .text {
  100.     font-family: Arial, Helvetica, sans-serif;
  101.     font-size: 12px;
  102.     color: #633401;
  103.     background-color: #FFFCF9;
  104.     display: block;
  105.     padding-right: 5px;
  106.     padding-left: 5px;
  107.     margin-right: 5px;
  108.     margin-left: 5px;
  109.     padding-top: 3px;
  110.     padding-bottom: 3px;
  111.     margin-top: 5px;
  112.     border: 1px solid #FFF1DF;
  113. }
  114. #container #right .title {
  115.     background-color: #FFF5EA;
  116.     border: 1px solid #FFCB8A;
  117.     font-size: 14px;
  118.     font-weight: normal;
  119.     padding-left: 7px;
  120.     margin-right: 5px;
  121.     margin-left: 5px;
  122.     margin-top: 0px;
  123.     margin-bottom: 0px;
  124.     padding-bottom: 2px;
  125.     width: 189px;
  126.     display: block;
  127.     font-family: Arial, Helvetica, sans-serif;
  128.     color: #633401;
  129.     padding-top: 2px;
  130. }
  131. #container #content .text_title {
  132.     background-color: #FFF9F2;
  133.     display: block;
  134.     border-bottom-width: 1px;
  135.     border-bottom-style: dashed;
  136.     border-bottom-color: #A45702;
  137.     padding-top: 3px;
  138.     padding-bottom: 3px;
  139.     padding-left: 7px;
  140.     font-family: Arial, Helvetica, sans-serif;
  141.     font-size: 14px;
  142.     color: #CA6B02;
  143.     font-weight: lighter;
  144.     margin-bottom: 5px;
  145.     font-style: italic;
  146. }
  147. #container #right .text {
  148.     font-family: Arial, Helvetica, sans-serif;
  149.     font-size: 12px;
  150.     color: #633401;
  151.     background-color: #FFFCF9;
  152.     display: block;
  153.     padding-right: 5px;
  154.     padding-left: 5px;
  155.     margin-right: 0px;
  156.     margin-left: 5px;
  157.     padding-top: 3px;
  158.     padding-bottom: 3px;
  159.     margin-top: 5px;
  160.     border: 1px solid #FFF1DF;
  161.     width: 185px;
  162.     }
  163. #container #right a,a:link,a:visited,a:active {
  164.     font-family: Arial, Helvetica, sans-serif;
  165.     font-size: 12px;
  166.     color: #A45702;
  167.     text-decoration: none;
  168.     background-color: #FFF9F2;
  169. }
  170. #container #content .footer {
  171.     background-color: #FFF9F2;
  172.     border-top-width: 1px;
  173.     border-right-width: 1px;
  174.     border-bottom-width: 1px;
  175.     border-left-width: 1px;
  176.     border-top-style: solid;
  177.     border-top-color: #A45702;
  178.     border-right-color: #A45702;
  179.     border-bottom-color: #A45702;
  180.     border-left-color: #A45702;
  181.     margin-right: auto;
  182.     margin-bottom: 5px;
  183.     padding-left: 5px;
  184.     font-family: Arial, Helvetica, sans-serif;
  185.     font-size: 10px;
  186.     color: #633401;
  187.     margin-top: 7px;
  188.     width: 572px;
  189.     margin-left: auto;
  190.     padding-top: 3px;
  191. }
  192.  
  193. #container #navigation a span {
  194.     display: none;
  195. }
  196. #container #navigation a:hover span {
  197.     display: block;
  198.     font-family: Arial, Helvetica, sans-serif;
  199.     font-size: 12px;
  200.     color: #FEA023;
  201.     background-color: #FFF5EA;
  202.     border: 1px solid #FF9C00;
  203.     z-index: 100;
  204.     position: absolute;
  205.     padding: 20px;
  206.     float:right;
  207.     
  208. }
  209.  
  210.  
  211.