froechrissi

Schwimmbad

Sep 19th, 2011
30
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.59 KB | None | 0 0
  1. @import url('reset.css'); /* Simples CSS Reset der Browserstandards */
  2. @import url('nav.css');
  3. /* Nav.css Source: */
  4. /* Navigation Stylesheet
  5. @author Christian Fröhlich 2011. [email protected]
  6. */
  7. #nav {
  8.     position: relative;
  9.     top: 20px;
  10.     left: 3px;
  11.     list-style-image: none !important;
  12.     font-style: normal !important;
  13. }
  14. #nav li {
  15.     padding: 50px;
  16.     display: inline !important;
  17.     font-weight: bold;
  18.     font-size: 0.87em;
  19. }
  20. #nav a:link, #nav a:visited {
  21.     text-decoration: none;
  22.     font-size: 1.5em;
  23.     color: #666666;
  24.     font-style: normal;
  25. }
  26. #nav a:hover, #nav a:active {
  27.     text-decoration: none;
  28.     font-size: 1.5em;
  29.     color: #1d677c;
  30.     font-style: normal;
  31. }
  32. .secnav {
  33.     list-style-type: none;
  34.     color: white;
  35.     position: relative;
  36.     top: -37px;
  37.     left: 250px;
  38. }
  39. .secnav li{
  40.     display: inline;
  41.     padding: 0px 5px 0px 5px;
  42. }
  43. .secnav ul {
  44.     display: inline !important;
  45. }
  46. /* Main Stylesheet */
  47. root {
  48.     display: block;
  49.     width: 100%;
  50.     overflow: hidden;
  51. }
  52. body {
  53.     font-size: 10px;
  54.     line-height: 1.6em;
  55.     font-family: Helvetica, Arial, sans-serif;
  56.     background-image: url('media/verlauf.jpg');
  57.     background-repeat: repeat-x;
  58. }
  59. #wrapper {
  60.     position: relative;
  61.     top: -1300px;
  62.     width: 960px;
  63.     margin: auto;
  64. }
  65. #img_logo {
  66.     position: relative;
  67.     margin-top: 30px;
  68. }
  69. #img_schwimmbad {
  70.     position: relative;
  71.     top: 20px;
  72.     width: 840px;
  73.     left: 46px;
  74.     border: 3px #0891b8 solid;
  75.     border-bottom: none;
  76.     border-radius: 3px;
  77. }
  78. #blau1 {
  79.     background-color: #167bc1;
  80.     position: relative;
  81.     top: 400px;
  82.     width: 100%;
  83.     height: 1300px;
  84.     background-image: url('media/blaumuster.png');
  85.     background-repeat: repeat;
  86. }
  87. .blue-back {
  88.     background-color: #167bc1;
  89.     color: white;
  90.     padding: 46px;
  91.     font-size: 1.4em;
  92.     background-image: url('media/blaumuster.png');
  93.     background-repeat: repeat;
  94. }
  95. .trenner {
  96.     position: relative;
  97.     top: 20px;
  98.     height: 30px;
  99. }
  100. h1 {
  101.     font-size: 4em;
  102.     margin-bottom: 30px;
  103. }
  104. p {
  105.     margin-bottom: 15px;
  106. }
  107. ul {
  108.     margin-left: 10px;
  109.     list-style-type: square;
  110.     font-weight: 500;
  111.     font-style: italic;
  112. }
  113. #vorstand {
  114.     position: relative;
  115.     top: 10px;
  116. }
  117. #img_vorstand {
  118.     width: 700px;
  119.     margin-bottom: 15px;
  120. }
  121. .inline {
  122.     display: inline !important;
  123. }
  124. a:link, a:visited {
  125.     color: white;
  126.     text-decoration: none;
  127.     font-style: italic;
  128. }
  129. a:hover, a:active {
  130.     color: #1d677c;
  131.     text-decoration: none;
  132.     font-style: italic;
  133.  
  134. }
Advertisement
Add Comment
Please, Sign In to add comment