diff --git a/public/style/main.css b/public/style/main.css index e69de29..0d3607b 100644 --- a/public/style/main.css +++ b/public/style/main.css @@ -0,0 +1,174 @@ +html, body { + min-height: 100%; +} + +body { + background: white; + + font-family: "Trebuchet MS", "Lucida Grande", verdana, arial, georgia; + font-size: 1em; + margin: 0; + padding: 20px 70px; + line-height: 1.4; +} + +a { + color: #2877A2; +} + +h1 { + margin-bottom: 0; +} + +h1 + h2 { + margin: 0 0 2em 0; + font-size: 1em; +} + +h3 { + font-weight: normal; +} + +h2 { + margin-bottom: 0; +} + +h2 + h3 { + margin-top: 0; + font-weight: bold; +} + +#container { + min-width: 750px; + max-width: 1100px; + position:relative; + min-height:100%; + height:auto !important; + height:100%; + margin:0 auto; + background-color: white; +} + +#top { + padding-top: 70px; +} + +#top a img { + width: 400px; +} + +#navi { + float: right; + right: 0px ; + list-style-type: none; + margin: -47px 0; + text-align: center; + padding: 12px 0; +} + +#navi li { + display: inline; +} + +#navi li a { + color: black; + padding: 10px 12px; + text-decoration: none; + background-color: #90cb93; + color: white; +} + +#stage { + border-top: 5px solid #90cb93; + padding: 50px 0px; + background: url("/img/background.gif") no-repeat center 110px ; + min-height: 510px; +} + +#imagearea { + margin: 0px 0 260px; + clear: both; + +} + +#imagearea #titleimage { + border-top: 10px solid #216f85; + padding-top: 35%; + background-image: url("file://localhost/Users/karlpannek/Dropbox/Kinga%20Praxis%20Fotos/Originale/AR8R8369.JPG"); + background-size: 1100px; + background-size: cover; +} + + + +#imagearea #imagelist { + padding: 0; +} + +#imagearea #imagelist li { + list-style-type: none; + display: block; + float: left; + width: 350px; + height: 200px; + border: 0px solid black; + margin-right: 5px; + background-size: 342px; + background-size: cover; +} +#imagearea #imagelist li p { + background-color: #90cb93; + height: 20px; + margin: 0; + padding: 10px; + text-align: center; + color: white; +} +#imagearea .testimonial { + background-color: #216f85; + margin-right: 0; +} +#imagearea .testimonial blockquote { + padding: 35px; + color: white; + background-color: transparent; + height: auto; + font-style: italic; + font-size: 1.2em; +} + +#stage img { + border: 1px solid #888; + background-color: white; + padding: 5px; + margin: 0 0 1em 1em; + float: right; + border-radius: 2px; +} + +#angebote { + float: right; + text-align: right; +} + +#angebote a { + border: 0; + background: none; + margin: 10px 0 10px 10px; + float: left; +} + +#angebote a img { + border: 0; + background: white; + border: 1px solid #aaa; +} + +p.diagramm { + text-align: center; + margin: 4em 0; +} + +#stage p.diagramm img { + float: none; +} \ No newline at end of file