home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / blackandgreen / main.css < prev    next >
Cascading Style Sheet File  |  2007-01-18  |  5KB  |  176 lines
  1. * {
  2.  padding: 0;
  3.  margin: 0;
  4. }
  5. body {
  6.  font-family: Arial, Helvetica, sans-serif;
  7.  color: #666666;
  8.  font-size: 12px; background-color: #333333;
  9.  }
  10.  img {
  11. padding: 3px;
  12. border: solid 1px #bce296;
  13. }
  14.  
  15. img.floatTL {
  16. float: left;
  17. margin-right: 1em;
  18. margin-bottom: 1em;
  19. margin-top: 1em;
  20. }
  21.  
  22. img.floatTR {
  23. float: right;
  24. margin-left: 1em;
  25. margin-bottom: 1em;
  26. margin-top: 1em;
  27. }
  28.  
  29. h3{font-size: 1em;color: #ff7733;background-image: url(images/hbgsm.jpg);background-repeat: no-repeat;padding-left: 45px;padding-top: 6px;padding-bottom: 6px;margin-left: 7px;}
  30.  
  31. #wrapper {
  32.  width: 770px;
  33.  margin: 0 auto;
  34. }
  35.  
  36. #navbartop {
  37.  margin: 0px 5px 1px 5px;
  38.  padding: 4px;
  39.  background-color: #65fc00; background-repeat: no-repeat; text-align: right;
  40.  color: #ff7733;}
  41. #navbartop a{font-size: 1em;color: #ff7733;
  42. text-decoration: none;}
  43. #navbar {
  44.  margin: 0px 5px 0px 5px; background-color: #333332;
  45.  height: 55px; background-image: url(images/navbg1.jpg); background-repeat: no-repeat; text-align: center; padding: 5px;}
  46. #nav {
  47.  padding: 0;
  48.  height: 2.2em; margin-top: 15px;
  49.  }
  50. #nav li {
  51.  list-style-type: none;
  52.  display: inline;
  53.  line-height: 20px;
  54.  }        
  55. #nav li a { 
  56.  text-decoration: none; 
  57.  color: #333360;
  58.  border-bottom: 0;
  59.  padding: 5px 10px;
  60.  font-size: 1.1em;
  61.  font-weight: bold;
  62.  }
  63. #nav li a:hover { 
  64.  color: #ff7733; 
  65. }
  66. #nav li a.on { 
  67.  color: #00a7cc; 
  68.  }
  69. #header {
  70.  border: 1px #ff7733 solid;
  71.  margin: 5px 5px 5px 5px;
  72.  height: 90px;
  73.  padding: 10px;
  74.  background-color: #333332; background-image: url(images/header.jpg); background-repeat: no-repeat;
  75.  }
  76. #header h1 { color: #89cc46; font-size: 1.7em; text-decoration: underline;
  77.  }
  78. #header a { color: #bce296; font-size: 1em; text-decoration: none; font-weight: bold;
  79.  }
  80. #maintext {
  81.  border: 1px solid #ccc;
  82.  margin: 0px 5px 5px 5px;
  83.  padding: 4px;
  84.  background-color: #eeeeee;
  85. }
  86. #maintext h1{color: #00a7cc;font-size: 1.4em;background-image: url(images/hbg.jpg);background-repeat: no-repeat;padding-left: 65px;padding-bottom: 6px;padding-top: 6px;
  87. }
  88. #maintext h2{
  89. color: #00a7cc;font-size: 1.2em;background-image: url(images/hbg.jpg);background-repeat: no-repeat;padding-left: 65px;padding-bottom: 8px;padding-top: 8px;
  90. }
  91. #maintext p{color: #999999;text-align: justify;padding-top: 10px;padding-left: 5px;padding-bottom: 10px;padding-right: 11px;
  92. }
  93. #maintext a{color: #00d0ff;text-decoration: none;
  94. }
  95. #maintext a:hover{color: #ff7733;
  96. }
  97. .inset
  98. { 
  99. float:right;
  100. width:346px;
  101. padding:5px;
  102. border:#66cc00 1px solid;
  103. margin:5px 0 0 5px;
  104. background:#ddffc5;
  105. color:inherit;
  106. font-size:85%;
  107. }
  108.  
  109. blockquote {font-family: monospace;font-size: .9em;background-color: #e9ffd9;margin: 5px;padding: 10px;text-align: justify;
  110. }
  111.  
  112. /* ---------------------------- */
  113. #leftcolumn1 { /* Parent Wrapper for inside boxes */
  114.  margin: 0 0px 0px 5px;
  115.  display: inline; /* IE Hack */
  116.  width: 180.5px;
  117.  float: left;
  118.  min-height: 300px;
  119.  padding: 4px;
  120.  border: 1px solid #66ff00;
  121.  
  122. }
  123. * html #leftcolumn1 {height:300px} /* IE Min-Height Hack */ 
  124.  
  125. #leftcolumn2 { /* Parent Wrapper for inside boxes */
  126.  margin: 0 0px 0px 0px;
  127.  display: inline; /* IE Hack */
  128.  width: 180px;
  129.  float: left;
  130.  min-height: 300px;
  131.  padding: 4px;border-top: 1px #66ff00 solid;border-bottom: 1px #66ff00 solid;}
  132. * html #leftcolumn2 {height:300px} /* IE Min-Height Hack */ 
  133. /* ---------------------------- */
  134.  
  135.  
  136. /* ---------------------------- */
  137. #rightcolumn1 { /* Parent Wrapper for inside boxes */
  138.  
  139.  margin: 0px 0px 0px 0px;
  140.  display: inline; /* IE Hack */
  141.  padding: 4px;
  142.  width: 181px;
  143.  float: left;
  144.  min-height: 300px;border-top: 1px #66ff00 solid;border-bottom: 1px #66ff00 solid;border-left: 1px #66ff00 solid;}
  145. * html #rightcolumn1 {height:300px;border-left: 1px #66ff00 solid;} /* IE Min-Height Hack */ 
  146.  
  147. #rightcolumn2 { /* Parent Wrapper for inside boxes */
  148.  border: 1px solid #66ff00;
  149.  margin: 0px 0px 0px 0px;
  150.  display: inline; /* IE Hack */
  151.  padding: 4px;
  152.  width: 181px;
  153.  float: left;
  154.  min-height: 300px;
  155. }
  156. * html #rightcolumn2 {height:300px} /* IE Min-Height Hack */ 
  157. /* ---------------------------- */
  158. #leftcolumn1 ul, #leftcolumn2 ul, #rightcolumn1 ul, #rightcolumn2 ul{margin-left: 30px;margin-top: 20px;color: #66ff00;}
  159.  
  160. #leftcolumn1 li, #leftcolumn2 li, #rightcolumn1 li, #rightcolumn2 li{padding-top: 10px;padding-left: 10px;
  161. }
  162.  
  163. #leftcolumn1 a, #leftcolumn2 a, #rightcolumn1 a, #rightcolumn2 a{color: #ff7733;font-weight: bold;text-decoration: none;}
  164.  
  165. #footer {
  166.  border: 1px solid #66ff00;
  167.  background-color: #eeeeee;
  168.  margin: 5px 5px 5px 5px;
  169.  display: inline; /* IE Hack */
  170.  padding: 4px;
  171.  float: left;
  172.  width: 750px;background-image: url(images/bgft.jpg);background-repeat: repeat-x;text-align: center;font-size: .9em;}
  173.  
  174. #footer a{color: #cc4400;}
  175.  
  176.