home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / LoadFoO / css / style.css
Encoding:
Cascading Style Sheet File  |  2006-12-23  |  3.5 KB  |  266 lines
  1. /* ======================================================== */
  2. /*    Created by Devit Schizoper                                 */
  3. /*    Created HomePages http://LoadFoo.starzonewebhost.com    */
  4. /*    Created Day 01.12.2006                                     */
  5. /* ======================================================== */
  6.  
  7.  
  8. body {
  9.     margin: 0px;
  10.     background: url(../img/top_bg.gif);
  11.     background-repeat: repeat-x;
  12.     font-family: Verdana, Arial, sans-serif;
  13.         font-size: .6em;
  14. }
  15.  
  16. p {
  17.     line-height: 17px;
  18.     margin: 11px 0 10px 0;
  19.     padding: 0px;
  20. }
  21.  
  22. h2 {
  23.     color: #9f9f9f;
  24.     margin:0px;
  25.     padding:0px;
  26.     font-size: 15px;
  27. }
  28.  
  29. ul {
  30.     font-size: 10px;
  31.     margin:0;
  32.     padding:0;
  33.     list-style-image: url(../img/bullet.gif);
  34. }
  35.  
  36. a {
  37.     color: #93B300;
  38. }
  39.  
  40. a:hover {
  41.     text-decoration: none;
  42. }
  43.  
  44. blockquote{
  45.     background: #F7FDE3;
  46.     color: #606060;
  47.     padding: 10px;
  48. }
  49.  
  50.  
  51. /**** Main Container ***/
  52.  
  53.  
  54. #wrap {
  55.        margin-left: auto;
  56.        margin-right: auto;
  57.        width: 730px;
  58. }
  59.  
  60.  
  61. /**** Top ***/
  62.  
  63.  
  64. #top {
  65.     width: 100%;
  66.     height: 88px;
  67.     color: #fff;
  68.     background: #000 url(../img/top_bg.gif);
  69.     overflow:hidden;
  70. }
  71.  
  72. #top h2 {
  73.     color: White;
  74.     letter-spacing: 3px;
  75.     font-size: 2.4em;
  76.     font-weight: normal;
  77.     position: relative;
  78.     margin: 0px;
  79.     top:33px;
  80.     display:block;
  81.     float:left;
  82.     background: url(../img/bg_t.gif) no-repeat;
  83.     padding-left: 10px;
  84. }
  85.  
  86. #top h2 a {
  87.     color: white;
  88.     text-decoration: none;
  89. }
  90.  
  91. #top h2 a:hover {
  92.         color: #93B300;
  93. }
  94.  
  95.  
  96. /**** Main Menu ***/
  97.  
  98.  
  99. #menu {
  100.     display: block;
  101.     float:right;
  102. }
  103.  
  104. #menu ul {
  105.     margin: 0;
  106.     list-style: none;
  107. }
  108.  
  109. #menu li {
  110.     display: block;
  111.     float: left;
  112.     white-space: nowrap;
  113. }
  114.  
  115. #menu li a {
  116.     display: block;
  117.     padding: 55px 20px 12px 20px;
  118.     text-decoration: none;
  119.     color: #fff;
  120.     font-weight: bold;
  121. }
  122.  
  123. * html #menu a {width:1%;}
  124.  
  125. #menu li a:hover {
  126.     background: url(../img/bg_menu.gif);
  127. }
  128.  
  129. #menu li a.current {
  130.     letter-spacing: 1px;
  131.     color: gray;
  132.     background: url(../img/bg_menu.gif);
  133. }
  134.  
  135. #menu li a.current:hover {
  136.     color: #fff;
  137. }
  138.  
  139.  
  140. /**** Content Container ***/
  141.  
  142.  
  143. #content {
  144.     width: 100%;
  145.     margin-top:30px;
  146. }
  147.  
  148. #content h2 {
  149.     margin: 0;
  150.     padding: 10px 0 10px 0;
  151. }
  152.  
  153.  
  154. /**** Content ***/
  155.  
  156.  
  157. #left ul {
  158.     padding: 15px 0 15px 35px;
  159.     margin:0;
  160. }
  161.  
  162. #left li {
  163.     margin-bottom:5px;
  164. }
  165.  
  166. #left {
  167.     width: 390px;
  168.     float:left;
  169.     display: block;
  170.        margin-left: 20px;
  171.     display: inline;
  172. }
  173.  
  174.  
  175. /**** Sidebar ***/
  176.  
  177.  
  178. #right {
  179.     width: 315px; 
  180.     float: right;
  181.     display:block;
  182.     margin-top: 10px;
  183. }
  184.  
  185. #right .box {
  186.     width: 24em;/*280px*/
  187.     background: #F6F9FB;
  188.     border: 1px solid #E1E1E1;
  189.     padding:10px 10px 15px 10px;
  190.     float: right;
  191. }
  192.  
  193. #right .box h2 {
  194.     font-size: 1.1em;
  195.     margin: 0px 0 0px 0;
  196.     padding:0px 0 5px 0;
  197. }
  198.  
  199. #right .box a {
  200.     margin: 10px 0 10px 0;
  201.     color: #93B300;
  202.     font-size: 10px;
  203. }
  204.  
  205. #right .box p {
  206.     margin: 5px 0 10px 0;
  207.     line-height: 15px;
  208. }
  209.  
  210. #right .box ul {
  211.     padding: 0 0 7px 20px;
  212.     margin:10px 0 10px 0;
  213. }
  214.  
  215. #right .box li {
  216.     margin-top:5px;
  217. }
  218.  
  219. #nav{ list-style: none; margin: 2.0em 0; width: 25em; float: right;}
  220. #nav li{ padding: 0; margin: 0; }
  221. #nav a{
  222.     display: block;
  223.     height: 2.0em;
  224.     padding: 0.3em 0.3em 0.3em 0.8em;
  225.     border-bottom: 2px; /*solid #1a1a1a*/
  226.     border-top: 2px; /*solid #1a1a1a*/
  227.     color: #93B300;
  228.     background-color: #F7F9FB;
  229.     font-weight: bold;
  230.     text-decoration: none;
  231.     }
  232.  
  233. #nav a:hover{
  234.     color: #1a1a1a;
  235.     background: url(../img/bg_t.gif) no-repeat;
  236.     background-color: #fff;
  237.     font-weight: bold;
  238.     }    
  239.  
  240. /**** Clear Div ***/
  241.  
  242.  
  243. #clear {
  244.     display: block;
  245.     clear: both;
  246.     width: 100%;
  247.     height:1px;
  248.     overflow:hidden;
  249. }
  250.  
  251.  
  252. /**** Footer ***/
  253.  
  254.  
  255. #footer {
  256.         margin: 40px auto 0 auto;
  257.     text-align: center;
  258.     border-top: dotted 1px gray;
  259.     padding: 20px 0 20px 0;
  260.     width: 70%;
  261. }
  262.  
  263. #footer p {
  264.     margin: 0px;
  265.     padding: 0;
  266. }