home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / DesignCreek02 / style.css < prev   
Cascading Style Sheet File  |  2006-09-09  |  5KB  |  324 lines
  1.  
  2. body { 
  3.     margin:0px 0; 
  4.     padding:0;
  5.     background: #333333; 
  6.     font: 0.75em Trebuchet MS; 
  7.     color:#ccc;  
  8.     line-height: 1.4em; 
  9. }
  10.  
  11.  
  12. .content { 
  13.     background: #FFFFFF;
  14.     color:#808080; 
  15.     margin: 0 auto; 
  16.     padding: 0; 
  17.     width: 800px;
  18.     border-left:6px solid #000;
  19.     border-right:6px solid #000;
  20. }
  21.  
  22. #top {
  23.     padding: 0;
  24.     margin: 0;
  25.     height: 50px;
  26. }
  27.  
  28. #top .topright { 
  29.     float: right;
  30.     color: #999;
  31.     padding: 20px 25px 0 0;
  32.     font-size: 1em;
  33. }
  34.  
  35. #top img { 
  36.     border: none; 
  37. }
  38.  
  39.  
  40. #header { 
  41.     margin: 0; 
  42.     width: 800px; 
  43.     background: url(images/head.jpg) no-repeat;  
  44.     height: 200px; 
  45.     color: #000000; 
  46. }
  47.  
  48. #header .headings {    
  49.     padding: 25px 0 0 30px; 
  50. }
  51.  
  52. #header h1 {
  53.     font-family: Trebuchet MS;
  54.     color:#000;
  55.     font-size: 29px; font-weight: bold;
  56.     margin: 0;
  57.     padding: 0 130px; 
  58. }
  59.  
  60. #header h2 {
  61.     font-family: Trebuchet MS;
  62.     font-size: 16px; 
  63.     background-image: none;
  64.     color:#000;
  65.     margin: 0;
  66.     padding: 2px 0 0 180px;
  67. }
  68.  
  69.  
  70. #menu {
  71.     background: transparent;
  72.     width: 800px;
  73.     height: 38px;
  74.     margin: 0 0; 
  75.     padding: 0px 0px;
  76. }
  77.  
  78. #menu ul { 
  79.     margin: 0; 
  80.     list-style:none; 
  81.     padding: 5px 0 0 180px; /*CHANGE THIS TO CENTER MENU*/
  82. }
  83.  
  84. #menu a, #nav strong, #nav span { 
  85.     float:left; 
  86.     display:block; 
  87.     background: #ffffff;
  88.     border-bottom: 4px solid #40cb25;
  89.     border-left: 2px solid #ffffff;
  90.     border-right: 2px solid #ffffff;
  91.     color:#000000; 
  92.     padding: 4px 7px;
  93.     font-weight:bold; 
  94.     text-decoration:none;
  95. }
  96.  
  97. #menu a { 
  98.     float:none; 
  99. }
  100.  
  101. #menu li { 
  102.     float:left; 
  103.     background:inherit; 
  104.     margin:0 0 0 4px; padding:0 0 0 0px; 
  105. }
  106.  
  107. #menu a:hover { 
  108.     float:left; 
  109.     display:block; 
  110.     background: #ffffff;
  111.     border-bottom: 4px solid #4fb6e5;
  112.     border-left: 2px solid #ffffff;
  113.     border-right: 2px solid #ffffff;
  114.     color:#999999; 
  115.     padding: 4px 7px; 
  116.     text-decoration:none;
  117. }
  118.  
  119. .nav { 
  120.     text-align: left; 
  121.     color: #333333; 
  122.     padding: 20px 0 0 0px; 
  123.     width: 174px; 
  124. }
  125.  
  126. .nav li { 
  127.     margin: 5px 0 5px 0px; 
  128.     padding: 0px 0 0 0px; 
  129.     border-bottom: 1px solid #ffffff; 
  130.     list-style: none;
  131. }
  132.  
  133. .nav li a { 
  134.     color:#000000;
  135.     font-weight:bold;
  136.     text-decoration: none;  
  137.     padding: 5px 0 1px 5px; 
  138.     background: #ffffff;
  139.     border-top: 2px solid #ffffff;
  140.     border-bottom: 2px solid #ffffff;
  141.     border-left: 4px solid #40cb25;
  142.     display: block; 
  143.     margin-bottom: 2px;
  144. }
  145.  
  146. .nav li a:hover { 
  147.     color: #999999; 
  148.     text-decoration: none; 
  149.     background:#ffffff;
  150.     border-top: 2px solid #ffffff;
  151.     border-bottom: 2px solid #ffffff;
  152.     border-left: 4px solid #4fb6e5;
  153.     display: block; 
  154.     margin-bottom: 2px;
  155. }
  156.  
  157. #main { 
  158.     background: inherit;  
  159.     width: 800px; 
  160.     margin: 0 ; 
  161.     color: #808080; 
  162. }  
  163.  
  164. #main .right { 
  165.     float: right;
  166.     padding:0px 4px 0 10px; 
  167.     margin:0;
  168.     background:inherit;
  169.     width: 180px; 
  170. }
  171.  
  172. #main .right .hitems { 
  173.     margin: 0;     
  174.     padding: 0; 
  175. }
  176.  
  177. #main .right .hitems ul { 
  178.     margin: 5px 0 5px 0; 
  179.     padding : 0; 
  180.     color: #333333;
  181. }
  182.     
  183. #main .right .hitems li { 
  184.     margin: 0 0 2px 20px;
  185.     padding: 0 0 0 0px;
  186.     color: #555;
  187. }
  188.  
  189. #main .left { 
  190.     float: left; 
  191.     width: 575px; 
  192.     padding: 15px 15px 0 15px; 
  193.     margin: 0; 
  194. }
  195. #main h3 {  
  196.     font: 14px Trebuchet MS;
  197.     margin: 2px 0 10px 20px; 
  198.     padding: 0 20px; 
  199.     color: #999; 
  200.     background: url(images/h3.png) no-repeat; 
  201. }
  202.  
  203. #main .box  {    
  204.     background: #efefef; 
  205.     padding: 5px; 
  206.     border: 1px solid #ccc;
  207. }
  208.  
  209. #main .right ul { 
  210.     margin: 5px 0 5px 0; 
  211.     padding : 0; 
  212.     list-style : none; 
  213.     border-bottom: 0px solid #eee; 
  214.     list-style-type: square;
  215.     color: #a90000;
  216. }
  217.     
  218. #main .right li { 
  219.     margin: 0 0 2px 2px;
  220.     padding: 0 0 0 0px;
  221.     color: #555555;
  222.     list-style : none; 
  223. }
  224.  
  225. #main .right  .text {
  226.     margin: 0 0 20px 2px;
  227.     padding: 0 0 0 0px;
  228.     color: #808080;
  229. }
  230.  
  231. .img_left {
  232.     padding: 0 12px 8px 0;
  233.     float: left;
  234. }
  235.  
  236. .img_right {
  237.     padding: 0 0 3px 8px;
  238.     float: right;
  239. }
  240.  
  241. #footer { 
  242.     clear:both;
  243.     height: 70px;
  244.     background: url(images/footer.jpg) bottom left no-repeat;
  245.     color: #ffffff; 
  246.     font-size: 90%; 
  247.     padding: 0px;
  248.     margin: 10px 0px 0px 0px; 
  249.     text-align:center; 
  250. }
  251.  
  252. #footer .info { 
  253.     padding: 20px 0px 0px 5px; 
  254. }
  255.  
  256. #footer a { 
  257.     color: #000000; 
  258. }
  259.  
  260. .comments { 
  261.     background: url(images/comments.png) bottom right no-repeat;
  262.     text-align: right; 
  263.     margin: 0px 20px 10px 0px; 
  264.     padding: 0px 20px; 
  265. }
  266.  
  267. ul { 
  268.     margin:0px 0px 0px 135px;
  269.     padding:0px 0px 3px 5px;
  270.     list-style: circle;
  271. }
  272.  
  273. li {     
  274.     margin: 5px 0px 5px 15px; 
  275.     padding: 0px 5px 0px 5px;    
  276.     color: #808080;
  277. }
  278.  
  279. p { 
  280.     margin: 0 0 5px 0; 
  281.     padding: 0; 
  282.     color: #808080; 
  283. }
  284.  
  285. a { 
  286.     color: #40cb25;  
  287.     text-decoration:none; 
  288. }
  289.  
  290. a:hover { 
  291.     color: #339e1e;
  292.     text-decoration:underline; 
  293. }
  294.  
  295. h1 { 
  296.     padding:0; 
  297.     margin:0; 
  298.     color: #4fb6e5; 
  299.     font: bold 23px Trebuchet MS; 
  300.     letter-spacing: -1px;
  301. }
  302.  
  303. h1 a { 
  304.     color: #4fb6e5;
  305. }
  306.  
  307. h2 { 
  308.     color:#4fb6e5;
  309.     font-size:22px; 
  310.     font-weight:bold; 
  311.     margin: 5px 0 5px 0px; 
  312.     padding:0 0 0 20px; 
  313.     background: url(images/h2.png) no-repeat; 
  314. }
  315.  
  316. h2 a { 
  317.     color: #4fb6e5; 
  318. }
  319.  
  320. h2 a:hover { 
  321.     color: #4e92e6; 
  322.     text-decoration:none; 
  323.  }
  324.