home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / Internet_Corporation / style.css < prev   
Cascading Style Sheet File  |  2007-07-12  |  3KB  |  75 lines
  1. /* 
  2.  
  3.     project:  internet corporation
  4.     author:   Garcya Design (www.Garcya.us/blog) 
  5.  
  6.    
  7. */
  8.  
  9.  
  10. *{ margin: 0; padding: 0; }* 
  11. body { 
  12.     font: .74em Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; 
  13.     line-height: 1.6em;
  14.     background: #fff url(images/bg.gif) repeat-x; 
  15.     color: #444; 
  16. }
  17.  
  18. a {    color: #317486;    background: inherit; text-decoration: none; }
  19. a:hover { color: #808080; background: inherit; }
  20. p { margin: 0 0 15px 0; }
  21. h1 { font: bold 1.7em Arial, Sans-Serif;  margin: 20px 0 0; }
  22. h1 a { color: #fff; background: inherit; }
  23. h1 a:hover { color: #E4FFD3; background: inherit; }
  24. h2 { font: bold 1.6em Arial, Sans-Serif; margin: 0 0 12px; }
  25. h4 { color: #808080; background: inherit; font-weight: normal; font-size: .9em; }
  26.  
  27. #content { width: 900px; margin: 0 auto; }
  28.  
  29. #logo { margin: 10px 0 0 0; height: 66px; width: 240px; float: left; background: url(images/logobg.gif) no-repeat bottom; text-align: center;}
  30.  
  31. #menu { float: right; padding: 40px 0 0; margin: 0 0 18px; }
  32. #menu li { font-size: 1.1em; display: inline; }
  33. #menu li a { padding: 30px 15px 0px 0; margin: 0 0 0 50px; color: #ccc; background: #505050 url(images/tab.gif) no-repeat right bottom;  }
  34. #menu li a:hover { background: #505050 url(images/tabhover.gif) no-repeat right bottom; color: #FEFFB8; }
  35.  
  36. #intro { 
  37.     clear: both;
  38.     background: #fff url(images/intro.jpg) no-repeat;
  39.     color: #4C8734;
  40.     height: 170px;
  41.     margin: 0 0 20px;
  42.     padding: 45px 40px 0 0;
  43.     text-align: right;
  44. }
  45.     #intro h1 { margin: 0; }
  46.     #intro p { margin: 0; }
  47.     
  48.     #login { font-size: .9em; margin: 82px 0 0; }
  49.     #login a { color: #fff; background: #8BE1FA; padding: 4px 20px 6px;}
  50.     #login a:hover { color: #fff; background: #8BE1FA url(images/loginhover.gif) no-repeat; }
  51.  
  52. #left { clear: left; float: left; width: 240px; padding: 0 34px 0 15px; font-size: .9em; margin: 0 0 15px; }
  53.     #leftmenu { list-style: none; margin: 0 0 20px 0; }
  54.     #leftmenu li { padding: 0 0 0 12px; background: #fff url(images/bullet.gif) no-repeat center left; color: #46852F; }
  55.     #leftmenu li a { background: #EAFFE3; color: #46852F; }
  56.  
  57. #right {
  58.     margin: 0 15px 20px 0;
  59.     padding: 0 0 0 35px;
  60.     border-left: 1px solid #ccc;
  61.     float: right;
  62.     width: 560px;
  63.     text-align: justify;
  64. }
  65.     #notice { padding: 12px 14px 1px; background: #f4f4f4 url(images/noticebg.gif) no-repeat bottom right; color: #808080; }
  66.     #left a, #right a { background: #EFFCFF; color: #317486; }
  67.  
  68.     #left h3 { border-bottom: 1px solid #eee; padding: 0 0 7px; margin: 0 0 15px 0; }
  69.     #right h2 { border-bottom: 1px solid #ccc; padding: 0 0 8px; }
  70.  
  71. #footer { clear: both; border-top: 1px solid #ccc; padding: 10px 0; margin: 0 0 15px; font-size: .9em; color: #808080; background: #fff; }
  72.     #footer a { color: #4CA031; background: #fff; }
  73.     #col1 { float: left; width: 274px; padding: 7px 0 0 15px; margin: 0 0 10px; }
  74.     #col2 { float: left; width: 250px; border-left: 1px solid #ccc; padding: 7px 0 0 40px; }
  75.     #col3 { float: right; width: 250px; border-left: 1px solid #ccc; padding: 7px 0 0 40px; }