home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / gggd_simplicity / css / gggd-simplicity.css < prev    next >
Cascading Style Sheet File  |  2007-01-09  |  4KB  |  139 lines
  1. /*
  2.     GGG-D Screen Styles
  3.  
  4.     Table of Contents:
  5.         layout
  6.         typography
  7.         forms
  8. */
  9.  
  10. /* layout
  11. ----------------------------------------------- */
  12. body { 
  13.     font-family: Verdana, Arial, Helvetica, sans-serif;
  14.     margin: 0px; background-color: #ffffff; font-size: 16px;
  15.     }
  16. #content {
  17.     border-right: #cccccc 2px solid; PADDING-RIGHT: 10px; PADDING-LEFT: 20px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 580px; LINE-HEIGHT: 1.6em; PADDING-TOP: 0px; background-color: #ffffff;
  18.     font-size: 80%; color: #666666;  margin-bottom: 10px;
  19.     }    
  20. #wrapper {
  21.     MARGIN: 0px auto; WIDTH: 770px; TEXT-ALIGN: left; 
  22.     padding: 5px 5px 9px 5px;
  23.     }
  24. #bg {
  25.     PADDING-RIGHT: 19px; PADDING-LEFT: 15px; PADDING-BOTTOM: 5px; PADDING-TOP: 10px
  26.     }
  27. #nav {
  28.     PADDING-LEFT: 5px; BACKGROUND: #BFBFBF; MARGIN: 1px 0px; HEIGHT: 35px; text-align: right;
  29.     font-size: 80%; padding-right: 10px;  border-bottom: 7px solid #666666;
  30.     }
  31. .banner-image {
  32.     border: 5px solid #cccccc; padding: 1px;
  33. }
  34. /* typography
  35. ----------------------------------------------- */
  36. .comment {
  37.     text-align: right;
  38.     font-size: 80%; color: #cccccc;
  39.     }
  40.     
  41. h1 {
  42.     border-bottom: 2px dotted #000000;
  43.     color: #FF9600;
  44.     font-size: 170%;
  45.     font-family: "Times New Roman", Times, serif;
  46.     font-weight: bold;
  47.     letter-spacing: 0.2em;
  48.     }
  49.  
  50. h2 {
  51.     border-bottom: 1px dotted #000000;
  52.     color: #FF9600;
  53.     font-size: 120%;
  54.     font-family: "Times New Roman", Times, serif;
  55.     font-weight: bold;
  56.     letter-spacing: 0.2em;
  57.     }
  58.  
  59. h3 {
  60.     border-bottom: 1px dotted #000000;
  61.     color: #FF9600;
  62.     font-size: 100%;
  63.     font-family: "Times New Roman", Times, serif;
  64.     font-weight: bold;
  65.     letter-spacing: 0.2em;
  66.     }
  67.     
  68. .nav-hdr {
  69.     font-size: 90%; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;
  70.     color: #FF9600;
  71.     border-bottom: 1px solid #BFBFBF;
  72.     margin-bottom: 5px; font-variant:small-caps;
  73.     }
  74.  
  75. .footer-links { font-size: 80%; border-top: 1px solid #cccccc; text-align: left;
  76.     }
  77.     
  78. .company1 {
  79.     font-size: 150%;
  80.     font-family: Georgia, "Times New Roman", Times, serif; color: #000000;
  81. }
  82.  
  83. .company2 {
  84.     font-size: 150%;
  85.     font-family: Georgia, "Times New Roman", Times, serif; color: #FF9600;
  86. }
  87.  
  88.  
  89.     /* links 
  90.     ------------------------------------------- */
  91.     A {
  92.         font-size: 80%; TEXT-DECORATION: none; font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif;
  93.     }
  94.     
  95.     a:hover {
  96.         text-decoration: underline;
  97.     }
  98.     
  99.     A.comment:link {
  100.         COLOR: #8D8C53; TEXT-DECORATION: none; font-size: 100%;
  101.     }
  102.     A.comment:visited {
  103.         COLOR: #8D8C53; TEXT-DECORATION: none; font-size: 100%;
  104.     }
  105.     A.comment:active {
  106.         COLOR: #BBBC61; TEXT-DECORATION: none; font-size: 100%;
  107.     }
  108.     A.comment:hover {
  109.         COLOR: #D16D39; TEXT-DECORATION: none; font-size: 100%; text-align:right; text-decoration: underline;
  110.     }
  111.  
  112.     A.mainnav:hover {
  113.     TEXT-DECORATION: underline; BORDER-RIGHT: #444444 3px solid; COLOR: #444444; TEXT-DECORATION: none
  114.     }
  115.  
  116. .clearthis {
  117.     CLEAR: both; FONT-SIZE: 1px; FLOAT: none; COLOR: #fff
  118. }
  119. #menu {
  120.     PADDING-RIGHT: 15px; MARGIN-TOP: 10px;  FLOAT: right; PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.3em; PADDING-TOP: 0px; background-color: #ffffff; width: 135px; font-size: 100%;
  121. }
  122. #menu UL {
  123.     PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 15px; PADDING-TOP: 0px
  124. }
  125. #menu LI {
  126.     MARGIN: 0px; height: 20px; BORDER-BOTTOM: #ececec 1px solid; LIST-STYLE-TYPE: none
  127. }
  128. #menu A {
  129.     DISPLAY: block;  BACKGROUND: #fff;  COLOR: #666666; TEXT-DECORATION: none; font-size: 100%; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; padding: 3px;
  130. }
  131. #menu A.mainnav:hover {
  132.     BACKGROUND: #BFBFBF; COLOR: #fff; 
  133. }
  134.  
  135. .quote {
  136.     background-color: #cccccc;
  137.     border: 1px solid #B4B4B4;
  138.     color: #000000; padding: 2px;
  139. }