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')) : ?>
+
+
+
+
+
+
+
+ contact->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 @@
Yes
-
+
+
+
+
+
+
+
+
+
-
-
+
+
+
+
+
+
-
+
-
-
-
+
+