diff --git a/friseurteam/page/default_page/default_page.css b/friseurteam/page/default_page/default_page.css index 34521fe..86e74e5 100644 --- a/friseurteam/page/default_page/default_page.css +++ b/friseurteam/page/default_page/default_page.css @@ -2,23 +2,20 @@ body{ margin: 0; background: url(http://mojotrollz.eu/web/friseurteam/api.php?call=files&cat=page&id=background_friseur.png) no-repeat center center fixed; background-size: cover; + font-family: Arial; } #footer{ - width: 1300px; - margin-top: 0; - margin-left: auto; - margin-right: auto; + width: 100%; color: white; - padding-left: 20px; + clear: both; } #main{ - width: 1300px; + width: 80%; margin-left: auto; margin-right: auto; - height: 730px; - border-radius: 4px; + border-radius: 4px; } #static { @@ -27,84 +24,92 @@ body{ #content{ - margin-top: 100px; - padding-left: 40px; - padding-right: 20px; float: left; - border-radius: 4px; - box-shadow: 3px 3px 3px #000; - background-color: chocolate; - width: 60%; + background-color: #F4CCD2; + opacity: 0.8; + width: 61.8%; + min-height: 400px; } #menu { - position: fixed; - top: 220px; - left: 20px; + background-color: #990015; + opacity: 0.95; + clear: both; +} + +#content_frame { + width: 100%; + margin: 0; + padding: 0; } #info { - margin-top: 25px; - width: 30%; + width: 38.2%; float: right; - border-radius: 4px; - box-shadow: 3px 3px 3px #000; - background-color: chocolate; + background-color: rgba(246, 93, 114, 0.8); + font-weight: bold; + font-family: Verdana; + height: 200px; +} + +#info_text { + padding-left: 20px; + float: right; + padding-right: 20px; + font-weight: bold; } #logo { - margin-left: 40px; + background: url(http://mojotrollz.eu/web/friseurteam/api.php?call=files&cat=page&id=header_friseurteam2.png) no-repeat #FFF; + background-size: contain; + height: 200px; + opacity: 1; + margin: 0; + width: 61.8%; + float: left; +} + +#menu div{ + margin: 0; + padding: 0; + height: 30px; + width: 20.6%; + text-align: center; + float: left; } #menu_1{ - text-align: center; - margin-left: 150px; - background: whitesmoke; - border-radius: 90px; - padding-top: 5px; - padding-bottom: 5px; - padding-left: 3px; - width: 100px; - clear: both; -} + background: whitesmoke;} #menu_2{ - text-align: center; - margin-left: 100px; - background: yellow; - border-radius: 90px; - padding-top: 5px; - padding-bottom: 5px; - padding-left: 3px; - width: 100px; -} + background: #C3001B;} #menu_3{ - text-align: center; - margin-left: 50px; - background: orange; - border-radius: 90px; - padding-top: 5px; - padding-bottom: 5px; - padding-left: 3px; - width: 100px; + background: tomato;} +#angebot{ + float: left; + color: white; + font-weight: bold; + text-align: right; + width: 38.2%; } -#menu_4{ - text-align: center; - margin-left: 0px; - background: tomato; - border-radius: 90px; - padding-top: 5px; - padding-bottom: 5px; - padding-left: 3px; - width: 100px; + +a { + text-decoration: none; + font-size: 90%; + font-weight: bold; + vertical-align: middle; + color: wheat; +} +#menu_ul { + margin: 0; + padding: 0; + } #galleria { - float: right; - margin-top: 100px; - float: right; - padding-right: 20px; height: 400px; - width: 30%; - background: url(http://mojotrollz.eu/web/friseurteam/api.php?call=files&cat=page&id=mainframe_background_overlay.png) ; - border-radius: 4px; - box-shadow: 3px 3px 3px #000; - background-color: chocolate; + width: 100%; +} + +#galleria_container { + float: left; + width: 38.2%; + background-color: rgba(255, 255, 255, 0.5); } \ No newline at end of file diff --git a/friseurteam/page/default_page/friseurteam.tpl b/friseurteam/page/default_page/friseurteam.tpl index fa54fc3..ecc819a 100644 --- a/friseurteam/page/default_page/friseurteam.tpl +++ b/friseurteam/page/default_page/friseurteam.tpl @@ -7,21 +7,23 @@ ${css} - +
- - \ No newline at end of file diff --git a/friseurteam/page/default_page/js/galleria/themes/classic/galleria.classic.css b/friseurteam/page/default_page/js/galleria/themes/classic/galleria.classic.css index 5fa54a2..e0844ff 100644 --- a/friseurteam/page/default_page/js/galleria/themes/classic/galleria.classic.css +++ b/friseurteam/page/default_page/js/galleria/themes/classic/galleria.classic.css @@ -5,7 +5,6 @@ .galleria-container { position: relative; overflow: hidden; - background: #000; } .galleria-container img { -moz-user-select: none;