diff --git a/slt/css/desktop.css b/slt/css/desktop.css index 732a0a0..724d47f 100644 --- a/slt/css/desktop.css +++ b/slt/css/desktop.css @@ -4,18 +4,23 @@ Structure of page */ #topmenu-div { - width: 100vw; } #topmenu { position: fixed; - display: block; - width: 100vw; + display: flex; } -#topmenu > .nav +#topmenu > .topmenu-sep { + display: inline-block; + flex: 1 1 auto; +} + +#topmenu .nav +{ + flex: 0 0 auto; display: flex; flex-flow: row nowrap; justify-content: space-around; @@ -23,7 +28,7 @@ Structure of page align-items: center; } -#topmenu > .nav > li +#topmenu .nav > li { display: inline-block; } @@ -33,16 +38,16 @@ Structure of page position: relative; } -#topmenu > .nav > li > .nav-child { +#topmenu .nav > li > .nav-child { position: absolute; display: none; } -#topmenu > .nav > li:hover > .nav-child { +#topmenu .nav > li:hover > .nav-child { display: block; } -#topmenu > .nav > li > .nav-child > li > a { +#topmenu .nav > li > .nav-child > li > a { display: block; } @@ -59,6 +64,12 @@ Structure of page flex: 0 0 auto; } +#page-bg +{ + display: block; + position: fixed; +} + #header { justify-content: space-around; } @@ -116,14 +127,21 @@ body padding: 0px; } +#topmenu-div { + width: 100vw; + height: 40px; +} + #topmenu { + width: 100vw; z-index: 5000; } -#topmenu > .nav { +#topmenu .nav { padding: 0px; margin: 0px; height: 40px; + width: 1000px; } #topmenu .nav > li > a { @@ -132,31 +150,38 @@ body z-index: 3001; } -#topmenu > .nav > li > .nav-child { +#topmenu .nav > li > .nav-child { z-index: 3000; margin: 0px 20px 10px 0px; border: none; padding: 0px; } -#topmenu > .nav > li:hover > .nav-child { +#topmenu .nav > li:hover > .nav-child { box-shadow: 3px 5px 5px 2px rgba(0,0,0,0.5); } -#topmenu > .nav > li > .nav-child > li > a { +#topmenu .nav > li > .nav-child > li > a { padding: 10px; } #page-div { min-height: calc( 100vh - 40px ); - margin-top: 40px; } #page { width: 1000px; } +#page-bg +{ + width: 1000px; + height: calc( 100vh - 40px ); + bottom: 0px; + z-index: -9; +} + #left_side-image, #right_side-image { position: fixed; @@ -217,7 +242,7 @@ Additional content text-align: center; } -#topmenu > .nav > li { +#topmenu .nav > li { text-align: left; } @@ -227,14 +252,16 @@ Additional content #topmenu .nav > li > a, #topmenu .nav > li:hover > a, -#topmenu .nav > li:focus > a +#topmenu .nav > li:focus > a, +#topmenu .nav > li.active > a { background-color: inherit; + color: inherit; } -#topmenu > .nav > li > .nav-child > li:hover > a:hover, -#topmenu > .nav > li > .nav-child > li:focus > a:hover, -#topmenu > .nav > li > .nav-child > li:hover > a:focus +#topmenu .nav-child > li:hover > a:hover, +#topmenu .nav-child > li:focus > a:hover, +#topmenu .nav-child > li:hover > a:focus { text-decoration: none; } @@ -245,7 +272,10 @@ Additional content background-size: cover; } - +#page +{ + background-color: inherit; +} diff --git a/slt/css/mobile.css b/slt/css/mobile.css index 448c095..91c7e1b 100644 --- a/slt/css/mobile.css +++ b/slt/css/mobile.css @@ -21,6 +21,11 @@ body { width: 100%; } +#page-bg +{ + display: none; +} + /* * Menu configuration */ @@ -33,15 +38,20 @@ body { display: block; } +.nav +{ + font-size: inherit; +} + +.nav-child +{ + font-size: small; +} + .nav > li > .nav-child, .nav-child > li > .nav-child { padding-left: 5px; margin-left: 5px; /* border-left: solid gray 1px;*/ /*TODO*/ - font-size: smaller; -} - -.nav > li > .nav-child .nav-child { - font-size: x-small; } /* @@ -105,12 +115,36 @@ body { * Footer positioning */ +#impressum +{ + flex: 0 0 auto; + text-align: right; + margin-top: 30px; + padding: 5px; +} + +#impressum .nav +{ + margin-bottom: 0px; + background-color: inherit; +} + +#impressum .nav > li +{ + display: inline-block; +} + +#impressum a +{ + text-decoration: underline; + padding: 10px; +} + #footer { flex: 0 0 auto; background-color: black; color: white; text-align: center; - margin-top: 30px; padding: 5px; } @@ -122,6 +156,20 @@ body { float: right; } +#footer a +{ + color: inherit; + text-decoration: underline; +} + +#footer a:hover, +#footer a:focus +{ + color: black; + background-color: white; + text-decoration: underline; +} + /* * Mobile menu positioning */ diff --git a/slt/css/visual.css b/slt/css/visual.css index fccd5b0..fcacfcf 100644 --- a/slt/css/visual.css +++ b/slt/css/visual.css @@ -1,6 +1,6 @@ body { - font-size: 12px; + font-size: 12pt; font-family: Arial, Verdana, Helvetica, Geneva, sans-serif; line-height: 175%; } @@ -62,6 +62,10 @@ ul.nav-child > li > a:hover text-decoration: none; } +.nav a +{ + color: inherit; +} #topmenu a { color: inherit; diff --git a/slt/html/com_contact/contact/default_address.php b/slt/html/com_contact/contact/default_address.php new file mode 100644 index 0000000..5cd0031 --- /dev/null +++ b/slt/html/com_contact/contact/default_address.php @@ -0,0 +1,125 @@ + +
+ params->get('address_check') > 0) && + ($this->contact->address || $this->contact->suburb || $this->contact->state || $this->contact->country || $this->contact->postcode)) : ?> +
+ + params->get('marker_address'); ?> + +
+ + contact->address && $this->params->get('show_street_address')) : ?> +
+ + contact->address); ?> +
+
+
+ + + contact->suburb && $this->params->get('show_suburb')) : ?> +
+ + contact->postcode; ?> + + + contact->suburb; ?> +
+
+
+ + contact->state && $this->params->get('show_state')) : ?> +
+ + contact->state; ?> +
+
+
+ + contact->country && $this->params->get('show_country')) : ?> +
+ + contact->country; ?> +
+
+
+ + + +contact->email_to && $this->params->get('show_email')) : ?> +
+ + params->get('marker_email')); ?> + +
+
+ + contact->email_to; ?> + +
+ + +contact->telephone && $this->params->get('show_telephone')) : ?> +
+ + params->get('marker_telephone'); ?> + +
+
+ + contact->telephone; ?> + +
+ +contact->fax && $this->params->get('show_fax')) : ?> +
+ + params->get('marker_fax'); ?> + +
+
+ + contact->fax; ?> + +
+ +contact->mobile && $this->params->get('show_mobile')) : ?> +
+ + params->get('marker_mobile'); ?> + +
+
+ + contact->mobile; ?> + +
+ +contact->webpage && $this->params->get('show_webpage')) : ?> +
+ + +
+
+ + + +
+ +
diff --git a/slt/index.php b/slt/index.php index b52184b..eeb3803 100644 --- a/slt/index.php +++ b/slt/index.php @@ -19,6 +19,12 @@ JHtml::_('bootstrap.loadCss', true, $this->direction); JHtml::_('stylesheet', 'templates/system/css/system.css', array('version' => 'auto', 'relative' => false)); JHtml::_('stylesheet', 'main.css', array('version' => 'auto', 'relative' => true)); +// Check for a custom CSS file +JHtml::_('stylesheet', 'user.css', array('version' => 'auto', 'relative' => true)); + +// Check for a custom js file +JHtml::_('script', 'user.js', array('version' => 'auto', 'relative' => true)); + $params = $this->params; $leftImageValue = (empty($this->params{'imgleft'}) ? "none" : "url(\"" . $this->baseurl . "/" . $this->params{'imgleft'} . "\")") ; @@ -51,29 +57,26 @@ body { background-color: params{'bgcolorside'}; ?>; } -.page-header -{ - border-bottom-color: ; -} -#page { - background-color: ; - color: ; +#page-bg +{ + background-image: linear-gradient(to bottom, ); + color: ; } #mobile_menu li > a { - background-color: var(--bgcolor2); - color: var(--fgcolor2); + background-color: ; + color: ; } #mobile_menu li.active > a { - background-color: var(--bgcolor1); - color: var(--fgcolor1); + background-color: ; + color: ; } ul.menu { - background-color: ; - color: ; + background-color: ; + color: ; } ul.menu li.active > a { @@ -83,8 +86,8 @@ ul.menu li.active > a { ul.menu li.current > a { - background-color: ; - color: ; + background-color: ; + color: ; } ul.nav > li > a:hover, @@ -92,32 +95,34 @@ ul.nav > li > a:focus, ul.nav-child > li > a:hover, ul.nav-child > li > a:focus { - background-color: ; - color: ; + background-color: ; + color: ; } -#topmenu, #topmenu > ul.menu { - background-color: ; - color: ; +#topmenu, +#topmenu > ul.menu { + background-color: ; + color: ; } -#topmenu > .nav > li:hover, -#topmenu > .nav > li:focus - { - background-color: ; - color: ; -} - -#topmenu > .nav > li > .nav-child { - background-color: ; - color: ; -} - -#topmenu > .nav > li > .nav-child > li:hover > a, -#topmenu > .nav > li > .nav-child > li:focus > a +#topmenu li.current > a { - background-color: ; - color: ; + background-color: ; + color: ; +} + +#topmenu .nav-child { + background-color: ; + color: ; +} + +#topmenu .nav > li:hover, +#topmenu .nav > li:focus, +#topmenu .nav-child > li:hover > a, +#topmenu .nav-child > li:focus > a +{ + background-color: ; + color: ; } #left_side-image @@ -143,7 +148,7 @@ table.alternating tr:nth-child(even) { @@ -152,12 +157,15 @@ table.alternating tr:nth-child(even) {
+
+
+
+
+ +
diff --git a/slt/language/en-GB/en-GB.tpl_slt.ini b/slt/language/en-GB/en-GB.tpl_slt.ini index f48ee85..ee0a365 100644 --- a/slt/language/en-GB/en-GB.tpl_slt.ini +++ b/slt/language/en-GB/en-GB.tpl_slt.ini @@ -1,11 +1,23 @@ -TPL_SLT_BACKGROUND_COLOR_1="Background Color 1" -TPL_SLT_BACKGROUND_COLOR_2="Background Color 2" -TPL_SLT_BACKGROUND_COLOR_3="Background Color 3" -TPL_SLT_BACKGROUND_COLOR_4="Background Color 4" -TPL_SLT_FOREGROUND_COLOR_1="Foreground Color 1" -TPL_SLT_FOREGROUND_COLOR_2="Foreground Color 2" -TPL_SLT_FOREGROUND_COLOR_3="Foreground Color 3" -TPL_SLT_FOREGROUND_COLOR_4="Foreground Color 4" +COM_TEMPLATES_TPL_SLT_COLORS_TOPMENU_FIELDSET_LABEL="Colors of the topmenu" +TPL_SLT_FOREGROUND_COLOR_TOP="Foreground color in the top bar" +TPL_SLT_BACKGROUND_COLOR_TOP="Background color in the top bar" +TPL_SLT_FOREGROUND_COLOR_TOP_DARK="Foreground color of selected item" +TPL_SLT_BACKGROUND_COLOR_TOP_DARK="Background color of selected item" +TPL_SLT_FOREGROUND_COLOR_TOP_LIGHT="Foreground color of unselected item" +TPL_SLT_BACKGROUND_COLOR_TOP_LIGHT="Background color of unselected item" + +COM_TEMPLATES_TPL_SLT_COLORS_MAIN_FIELDSET_LABEL="Colors of the main part" +TPL_SLT_FOREGROUND_COLOR_MAIN="Foreground color of main text" +TPL_SLT_BACKGROUND_COLOR_MAIN_TOP="Background color at top of gradient" +TPL_SLT_BACKGROUND_COLOR_MAIN_BOTTOM="Background color at bottom of gradient" + +TPL_SLT_BACKGROUND_COLOR_1="Background color of menu" +TPL_SLT_BACKGROUND_COLOR_2="Background color of selected menu entry" +TPL_SLT_BACKGROUND_COLOR_3="Background color of active menu entry" +TPL_SLT_FOREGROUND_COLOR_1="Foreground color of menu" +TPL_SLT_FOREGROUND_COLOR_2="Foreground color of selected menu entry" +TPL_SLT_FOREGROUND_COLOR_3="Foreground color of active menu entry" + TPL_SLT_BACKGROUND_COLOR_AT_SIDES="Background Color at the Sides" TPL_SLT_LEFT_BACKGROUND_IMAGE="Left background image" TPL_SLT_RIGHT_BACKGROUND_IMAGE="Right background image" diff --git a/slt/templateDetails.xml b/slt/templateDetails.xml index 1562837..5a2732b 100644 --- a/slt/templateDetails.xml +++ b/slt/templateDetails.xml @@ -29,6 +29,7 @@ img language js + html index.php @@ -58,6 +59,7 @@ left_menu right_column footline + impressum footer @@ -78,16 +80,27 @@ -
+
+ + + + + + +
+
- - + + + + + + - + - - - + +