You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
299 lines
4.5 KiB
299 lines
4.5 KiB
/* global styles */
|
|
|
|
body {
|
|
font-family: Verdana, Geneva, sans-serif;
|
|
background: #e8e8e8;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
p {
|
|
padding: 0.25em;
|
|
}
|
|
|
|
h1, h2, h3, p {
|
|
margin: 0;
|
|
clear: both;
|
|
}
|
|
|
|
ul {
|
|
list-style-type: none;
|
|
}
|
|
|
|
table th {
|
|
text-align: left;
|
|
padding-right: 1em;
|
|
padding-bottom: 0.5em;
|
|
}
|
|
|
|
span.cursive {
|
|
font-family: cursive;
|
|
font-size: larger;
|
|
}
|
|
|
|
/* page area styles */
|
|
|
|
#wrapper {
|
|
background: #fff;
|
|
width: 960px;
|
|
margin: 15px auto;
|
|
overflow: hidden;
|
|
box-shadow: 0px 0px 6px 2px #bbb;
|
|
}
|
|
|
|
|
|
/* header styles */
|
|
|
|
#header {
|
|
position: relative;
|
|
margin: 8px 8px 0 8px;
|
|
padding: 0;
|
|
}
|
|
|
|
#header h1 {
|
|
position: absolute;
|
|
left: 10px;
|
|
bottom: 10px;
|
|
color: #fff;
|
|
/*text-shadow: -0.06em -0.06em 0.06em black,
|
|
0.04em 0.04em 0.06em white;*/
|
|
text-shadow: .05em .05em .05em #000;
|
|
}
|
|
|
|
#header img {
|
|
display: block;
|
|
}
|
|
|
|
|
|
/* navigation bar */
|
|
|
|
#nav {
|
|
margin: 8px 8px 0 8px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#nav ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#nav ul li {
|
|
float: left;
|
|
width: 20%;
|
|
}
|
|
|
|
#nav ul li a {
|
|
display: block;
|
|
padding: .5em 0.25em;
|
|
border-right: 1px solid black;
|
|
background-color: darkolivegreen;
|
|
color: white;
|
|
text-transform: uppercase;
|
|
text-shadow: #666 .1em .1em .1em;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
|
|
#nav ul li a.nav-right {
|
|
border-right: none;
|
|
}
|
|
|
|
#nav ul li a:hover {
|
|
color: #ddd;
|
|
background-color: green;
|
|
}
|
|
|
|
#nav ul li a.active {
|
|
background-color: seagreen;
|
|
}
|
|
|
|
|
|
/* content styles */
|
|
|
|
#content {
|
|
overflow: hidden;
|
|
clear: left;
|
|
margin: 8px 8px 0 8px;
|
|
padding: 0 15px 15px 15px;
|
|
}
|
|
|
|
#content h2 {
|
|
color: darkolivegreen;
|
|
padding: .65em 0 .25em 0;
|
|
}
|
|
|
|
#content h3 {
|
|
padding: 0.5em 0 0.4em 0;
|
|
}
|
|
|
|
#content p {
|
|
padding: 0.25em 0em;
|
|
}
|
|
|
|
#content a {
|
|
color: black;
|
|
border-bottom: dotted 1px black;
|
|
}
|
|
|
|
#content a:hover {
|
|
color: #666;
|
|
}
|
|
|
|
#content #maps {
|
|
padding: 10px 0;
|
|
}
|
|
|
|
#content #index-img {
|
|
margin 0 auto;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
#content #index-img img {
|
|
padding: 30px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
#content #index-img img.img-left {
|
|
-webkit-transform: rotate(-5deg);
|
|
-moz-transform: rotate(-5deg);
|
|
-o-transform: rotate(-5deg);
|
|
-ms-transform: rotate(-5deg);
|
|
transform: rotate(-5deg);
|
|
}
|
|
|
|
#content #index-img img.img-right {
|
|
-webkit-transform: rotate(5deg);
|
|
-moz-transform: rotate(5deg);
|
|
-o-transform: rotate(5deg);
|
|
-ms-transform: rotate(5deg);
|
|
transform: rotate(5deg);
|
|
}
|
|
|
|
#content #content-left {
|
|
float: left;
|
|
width: 68%;
|
|
}
|
|
|
|
#content #content-right {
|
|
float: right;
|
|
width: 30%
|
|
}
|
|
|
|
#content #content-right ul {
|
|
padding-left: 1em;
|
|
margin: 0.5em 0;
|
|
list-style-type: square;
|
|
}
|
|
|
|
#img-gallery {
|
|
float: left;
|
|
width: 540px;
|
|
padding: 0;
|
|
margin: 15px 0;
|
|
}
|
|
|
|
#gallery-big {
|
|
margin-bottom: 5px;
|
|
float: left;
|
|
}
|
|
|
|
#img-gallery img.gallery-small {
|
|
background: url(../images/transparent.png) center no-repeat;
|
|
width: 125px;
|
|
height: 100px;
|
|
float: left;
|
|
padding: 5px;
|
|
margin: 0;
|
|
border: 0px solid #D9D9D9;
|
|
}
|
|
|
|
#img-gallery img.gallery-small.gallery-left {
|
|
padding-left: 0;
|
|
}
|
|
|
|
#img-gallery a {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#img-gallery a span {
|
|
background: #fff;
|
|
display: none;
|
|
}
|
|
|
|
#img-gallery a:hover {
|
|
background: #fff;
|
|
padding: 0;
|
|
margin:0;
|
|
}
|
|
|
|
#img-gallery a:hover span {
|
|
margin: 0;
|
|
display: block;
|
|
position: relative;
|
|
top: 0;
|
|
left: 0;
|
|
height: 398px;
|
|
padding: 0;
|
|
border: 0 solid #D9D9D9;
|
|
z-index: 100;
|
|
background: no-repeat;
|
|
}
|
|
|
|
a#wohnung0:hover span {
|
|
background-image: url(../images/wohnung1.jpg);
|
|
}
|
|
a#wohnung1:hover span {
|
|
background-image: url(../images/wohnung2.jpg);
|
|
}
|
|
a#wohnung2:hover span {
|
|
background-image: url(../images/wohnung3.jpg);
|
|
}
|
|
a#wohnung3:hover span {
|
|
background-image: url(../images/wohnung4.jpg);
|
|
}
|
|
a#wohnung4:hover span {
|
|
background-image: url(../images/wohnung5.jpg);
|
|
}
|
|
a#wohnung5:hover span {
|
|
background-image: url(../images/wohnung6.jpg);
|
|
}
|
|
a#wohnung6:hover span {
|
|
background-image: url(../images/wohnung7.jpg);
|
|
}
|
|
a#wohnung7:hover span {
|
|
background-image: url(../images/wohnung8.jpg);
|
|
}
|
|
|
|
|
|
/* footer styles */
|
|
|
|
#footer {
|
|
clear: both;
|
|
margin: 8px;
|
|
padding-top: 7px;
|
|
border-top: solid 2px #bbb;
|
|
overflow: hidden;
|
|
font-size: small;
|
|
}
|
|
|
|
#footer-left {
|
|
float: left;
|
|
}
|
|
|
|
#footer-right {
|
|
float: right;
|
|
}
|
|
|
|
#footer-right a {
|
|
padding-left: 1em;
|
|
color: black;
|
|
}
|
|
|
|
#footer-right a:hover {
|
|
color: #666;
|
|
}
|