Advertisement
KHIT

cspec.css

Jan 20th, 2012
149
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.16 KB | None | 0 0
  1. @charset "UTF-8";
  2. /**************Global***********************/
  3. body {
  4.     background-color: #666;
  5.     font-family: Verdana, Geneva, sans-serif;
  6.     font-size: 12px;
  7.     color: #FFF;
  8. }
  9. h1,h2,h3,h4 {
  10.     font-family: Verdana, Geneva, sans-serif;
  11.     color: #FFF;
  12.     text-transform: uppercase;
  13.     font-weight: bold;
  14. }
  15. h1 {
  16.     font-size: 14px;
  17. }
  18. h2 {
  19.     font-size: 12px;
  20.     text-transform: none;
  21. }
  22. /****************Links*********************/
  23. a:link {
  24.     font-family: Verdana, Geneva, sans-serif;
  25.     font-size: 11px;
  26.     color: #FFF;
  27.     font-weight: bold;
  28.     text-transform: uppercase;
  29.     text-decoration: none;
  30. }
  31. a:hover {
  32.     font-family: Verdana, Geneva, sans-serif;
  33.     font-size: 11px;
  34.     color: #6C3;
  35.     height: 5px;
  36.     width: 10px;
  37. }
  38. a:active {
  39.     font-family: Verdana, Geneva, sans-serif;
  40.     font-size: 11px;
  41.     color: #6C3;
  42. }
  43. a:visited {
  44.     font-family: Verdana, Geneva, sans-serif;
  45.     font-size: 11px;
  46.     color: #FFF;
  47.     font-weight: bold;
  48.     text-transform: uppercase;
  49.     text-decoration: none;
  50. }
  51. a:hover:visited {
  52.     font-family: Verdana, Geneva, sans-serif;
  53.     font-size: 11px;
  54.     color: #6C3;
  55.     height: 5px;
  56.     width: 10px;
  57. }
  58. a.menu:link {
  59.     font-family: Verdana, Geneva, sans-serif;
  60.     font-size: 11px;
  61.     color: #FFF;
  62.     font-weight: bold;
  63.     text-transform: uppercase;
  64.     text-decoration: none;
  65. }
  66. a.menu:hover {
  67.     font-family: Verdana, Geneva, sans-serif;
  68.     font-size: 11px;
  69.     color: #6C3;
  70.     height: 5px;
  71.     width: 10px;
  72. }
  73. a.menu:active {
  74.     font-family: Verdana, Geneva, sans-serif;
  75.     font-size: 11px;
  76.     color: #CCC;
  77. }
  78. a.menu:visited {
  79.     font-family: Verdana, Geneva, sans-serif;
  80.     font-size: 11px;
  81.     color: #FFF;
  82. }
  83. a.menu:hover:visited {
  84.     font-family: Verdana, Geneva, sans-serif;
  85.     font-size: 11px;
  86.     color: #6C3;
  87.     height: 5px;
  88.     width: 10px;
  89. }
  90. a.slet:link {
  91.     font-family: Verdana, Geneva, sans-serif;
  92.     font-size: 11px;
  93.     color: #F00;
  94.     font-weight: bold;
  95.     text-transform: uppercase;
  96.     text-decoration: none;
  97. }
  98. a.slet:hover {
  99.     font-family: Verdana, Geneva, sans-serif;
  100.     font-size: 11px;
  101.     color: #6C3;
  102.     height: 5px;
  103.     width: 10px;
  104. }
  105. a.slet:active {
  106.     font-family: Verdana, Geneva, sans-serif;
  107.     font-size: 11px;
  108.     color: #CCC;
  109. }
  110. a.slet:visited {
  111.     font-family: Verdana, Geneva, sans-serif;
  112.     font-size: 11px;
  113.     color: #F00;
  114. }
  115. a.slet:hover:visited {
  116.     font-family: Verdana, Geneva, sans-serif;
  117.     font-size: 11px;
  118.     color: #6C3;
  119.     height: 5px;
  120.     width: 10px;
  121. }
  122. /*******Custom buttons************/
  123. #booking_knap {
  124.     display: block;
  125.     width: 170px;
  126.     height: 50px;
  127.     background: url(../images/web_button.png) no-repeat 0 0;
  128.     text-indent: -9999px;
  129.     outline: none;
  130. }
  131. a:hover#booking_knap, a:focus#booking_knap {
  132.     background: url(../images/web_button.png) no-repeat 0 -50px;
  133. }
  134. /****************Struktur(div)*******************/
  135. #container{
  136.     width: 1000px;
  137.     margin: auto;
  138.     float: none;
  139.     /*background-image:url(../images/dj.png);
  140.     background-repeat: no-repeat;
  141.     background-position: center;*/
  142. }
  143. #top {
  144.     position: absolute;
  145.     width:1000px;
  146.     height:100px;
  147.     background-image: url(../images/menu.png);
  148.     background-repeat: no-repeat;
  149.     z-index: 5;
  150.     filter: alpha(opacity=80);
  151.     opacity: 0.8;
  152. }
  153. #logo {
  154.     width:375px;
  155.     height:95px;
  156.     z-index:5;
  157.     float: left;
  158. }
  159. #kontaktbar {
  160.     float: right;
  161.     width:600px;
  162.     height:95px;
  163.     z-index:4;
  164.     padding-left: 5px;
  165.    
  166. }
  167. /*
  168. #fblike {
  169.     width:292px;
  170.     height:65px;
  171.     z-index:4;
  172.     float: right;
  173. }*/
  174. #menu {
  175.     width:1000px;
  176.     height:100px;
  177.     z-index:2;
  178.     position: relative;
  179.     top: 103px;
  180. }
  181. #menu ul{
  182.     position:absolute;
  183.     margin: 0;
  184.     padding: 0;
  185.     list-style: none;
  186. }
  187. #menu li{
  188.     padding: 0 0 0 10px;
  189.     display: inline;
  190.     position: relative;
  191. }
  192. #content {
  193.     width:1005px;
  194.     height:518px;
  195.     position: relative;
  196.     top: 25px;
  197.     z-index:3;
  198.     background-image: url(../images/body.png);
  199.     background-repeat: no-repeat;
  200.     /*background-position: center;*/
  201.    
  202.     overflow:auto;/*
  203.         filter: alpha(opacity=80);
  204.     opacity: 0.7;*/
  205. }
  206. #content h1, h2, h3, h4, p {
  207.     padding-left: 15px;
  208.     padding-right: 15px;
  209. }
  210. #bund {
  211.     width:1005px;
  212.     height:25px;
  213.     position: relative;
  214.     top: 20px;
  215.     z-index:1;
  216.     background-image: url(../images/bottom.png);
  217.     background-repeat: no-repeat;
  218.     padding-left: 10px;
  219.         filter: alpha(opacity=60);
  220.     opacity: 0.7;
  221. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement