home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / Autumn / style.css < prev   
Cascading Style Sheet File  |  2006-12-06  |  4KB  |  198 lines
  1. /* CSS Document by Dieter Schneider 2006 */
  2.  
  3. * {margin: 0;
  4.    padding: 0;
  5. }
  6.  
  7. html {
  8.     height: 100%;
  9.     font-size:100.01%;
  10. }
  11.  
  12. body {
  13.     height: 100%;
  14.     font-size:1em;
  15.     background-image: url(images/body_bg.jpg);
  16.     background-repeat: repeat-y;
  17.     background-color: #e4d9be;
  18.     background-position: center;
  19.     font-family: Georgia, "Times New Roman", Times, serif;
  20. }
  21.  
  22. #container {
  23.     width: 789px;
  24.     margin: 0px auto;
  25.     background-color: #f6eacf;
  26.     font-size:.9em;
  27.     background-image: url(images/container.jpg);
  28.     background-repeat: repeat-y;
  29. }
  30.  
  31. #header {
  32.     height: 113px;
  33.     background-image: url(images/header.jpg);
  34.     background-repeat: no-repeat;
  35. }
  36.  
  37. #subheader {
  38.     height: 71px;
  39.     clear: both;
  40.     background-image: url(images/sub_header.jpg);
  41.     background-repeat: no-repeat;
  42. }
  43.  
  44. #content {
  45.     margin-right: 202px;
  46.     background-color: #d1ba84;
  47.     padding: 10px;
  48. }
  49.  
  50. #right {
  51.     width: 168px;
  52.     float: right;
  53.     clear: both;
  54.     background-color: #c5ac71;
  55.     padding-top: 3px;
  56.     font-size: 0.8em;
  57. }
  58.  
  59. #footer {
  60.     clear: both;
  61.     background-image: url(images/footer.jpg);
  62.     background-repeat: no-repeat;
  63.     height: 21px;
  64.     font-size: 0.7em;
  65.     padding-top: 10px;
  66.     padding-left: 20px;
  67. }
  68.  
  69. #footerNyheter { padding-left:250px;
  70.                  height: 21px; 
  71.                  font-size:.7em;
  72.                  clear: both;
  73.                  background-image: url(images/footer.jpg);
  74.                  background-repeat: no-repeat;
  75.                  padding-top: 10px;
  76.                  padding-bottom: 10px;
  77. }
  78.  
  79. /*********************************************  linkbar start **************************************/
  80.  
  81.  #navcontainer ul
  82. {
  83.     font-size: small;
  84.     background-image: url(images/linkbar_bg.jpg);
  85.     height: 37px;
  86. }
  87.  
  88. #navcontainer ul li { display: inline; }
  89.  
  90. #navcontainer ul li a
  91. {
  92.     color: #FFFFFF;
  93.     text-decoration: none;
  94.     float: left;
  95.     margin-left: 20px;
  96.     padding-top: 8px;
  97. }
  98.  
  99. #navcontainer ul li a:hover
  100. {
  101.     color: #2a4d73;
  102.     background-image: url(images/hover.jpg);
  103.     background-repeat: repeat-x;
  104.     background-position: bottom;
  105.     padding-bottom: 10px;
  106. }
  107.  
  108. /********************************************   linkbar end ***********************************/
  109.  
  110.  
  111. /********************************************    linkpanel start************************************/
  112.  
  113. .navcontainer {
  114.     text-decoration: none;
  115. }
  116.  
  117. .navcontainer ul
  118. {
  119.     margin-left: 0px;
  120.     padding-left: 0px;
  121.     list-style-type: none;
  122.     background-color: #D3D582;
  123. }
  124.  
  125. .navcontainer a
  126. {
  127.     display: block;
  128.     padding: 4px 0 4px 10px;
  129.     width: 158px;
  130.     border-bottom: 1px solid #7C7C3C;
  131.     background-image: url(images/linkpanel.jpg);
  132.     background-repeat: no-repeat;
  133.     color: #000000;
  134.     text-decoration: none;
  135. }
  136.  
  137. .navcontainer a:link,
  138. {
  139. color: #000000;
  140. text-decoration: none;
  141. }
  142.  
  143. .navcontainer a:hover
  144. {
  145.     color: #fff;
  146.     background-image: url(images/linkpanel_hover.jpg);
  147.     background-repeat: no-repeat;
  148.     background-color: #FFFFFF;
  149. }
  150.  
  151. /************************************************* linkpanel end **********************************/
  152.  
  153. h1 {
  154.     padding-top: 62px;
  155.     font-size: 2em;
  156.     color: #FFFFFF;
  157.     text-align: right;
  158.     margin-right: 67px;
  159.     font-style: italic;
  160. }
  161.  
  162. h2 {
  163.     background-image: url(images/h2.jpg);
  164.     background-repeat: no-repeat;
  165.     font-size: 1em;
  166.     height: 39px;
  167.     padding-top: 20px;
  168.     padding-left: 40px;
  169.     clear: left;
  170.     color: #FBE09D;
  171. } 
  172.  
  173. h3 {
  174.     font-size: 1em;
  175.     background-color: #785012;
  176.     padding-left: 13px;
  177.     color: #FFFFFF;
  178.     padding-top: 5px;
  179.     padding-bottom: 2px;
  180.     margin-top: 15px;
  181.     background-repeat: no-repeat;
  182.     height: 18px;
  183. }
  184.  
  185. p {
  186.    margin: 7px;
  187. } 
  188.  
  189. ul.generell {
  190.     padding-top: 10px;
  191.     padding-right: 10px;
  192.     padding-bottom: 10px;
  193.     padding-left: 30px;
  194.     font-size: 0.9em;
  195.     color: #CC0000;
  196.     list-style-image: url(images/arrow.gif);
  197. } 
  198.