diff --git a/slt/css/desktop.css b/slt/css/desktop.css index 48f7d15..439b43c 100644 --- a/slt/css/desktop.css +++ b/slt/css/desktop.css @@ -193,17 +193,11 @@ body Additional content */ -body { - background-color: var(--bgcolorside); -} - #topmenu a { color: inherit; } #topmenu { - background-color: var(--bgcolor1); - color: var(--fgcolor1); font-weight: bold; text-align: center; } @@ -221,35 +215,10 @@ body { background-color: inherit; } -#topmenu > .nav > li:hover { - background-color: var(--bgcolor3); - color: var(--fgcolor3); -} - -#topmenu > .nav > li > .nav-child { - background-color: var(--bgcolor3); - color: var(--fgcolor3); -} - -#topmenu > .nav > li > .nav-child > li:hover > a { - background-color: var(--bgcolor2); - color: var(--fgcolor2); -} - #topmenu > .nav > li > .nav-child > li:hover > a:hover { text-decoration: none; } -#left_side -{ - background-image: var(--imgleft); -} - -#right_side -{ - background-image: var(--imgright); -} - #left_side, #right_side { background-repeat: no-repeat; diff --git a/slt/css/mobile.css b/slt/css/mobile.css index 66da20a..439c182 100644 --- a/slt/css/mobile.css +++ b/slt/css/mobile.css @@ -136,16 +136,9 @@ body { #mobile_menu li > a { margin: 5px 0px 5px 0px; - background-color: var(--bgcolor2); padding: 2px 5px; display: block; flex: 0; - color: var(--fgcolor2); -} - -#mobile_menu li.active > a { - background-color: var(--bgcolor1); - color: var(--fgcolor1); } #mobile_menu .nav { diff --git a/slt/css/visual.css.php b/slt/css/visual.css.php index c6fcc0a..630a5e5 100644 --- a/slt/css/visual.css.php +++ b/slt/css/visual.css.php @@ -1,19 +1,3 @@ -initialise(); -$params = JFactory::getApplication()->getTemplate(true)->params; - -header("content-type: text/css"); -?> body { font-size: 12px; @@ -75,31 +59,9 @@ li.row-fluid { .page-header { - border-bottom-color: var(--fgcolor4); padding-bottom: 0px; } -#page { - background-color: var(--bgcolor4); - color: var(--fgcolor4); -} - -#left_menu > ul.menu { - background-color: var(--bgcolor3); - color: var(--fgcolor3); -} - -#left_menu > ul.menu li.active > a { - background-color: var(--bgcolor2); - color: var(--fgcolor2); -} - -#left_menu > ul.menu li.current > a -{ - background-color: var(--bgcolor1); - color: var(--fgcolor1); -} - ul.nav > li > a:hover, ul.nav-child > li > a:hover @@ -108,3 +70,45 @@ ul.nav-child > li > a:hover text-decoration: none; } + + + +#topmenu a { + color: inherit; +} + +#topmenu { + font-weight: bold; + text-align: center; +} + +#topmenu > .nav > li { + text-align: left; +} + +#topmenu .nav > li > a { + font-size: large; +} + +#topmenu .nav > li > a, +#topmenu .nav > li:hover > a { + background-color: inherit; +} + +#topmenu > .nav > li > .nav-child > li:hover > a:hover { + text-decoration: none; +} + +#left_side, #right_side +{ + background-repeat: no-repeat; + background-size: cover; +} + + + +/* + +*/ diff --git a/slt/index.php b/slt/index.php index ec7f370..dd6223a 100644 --- a/slt/index.php +++ b/slt/index.php @@ -19,6 +19,11 @@ 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)); +$params = $this->params; + +$leftImageValue = (empty($this->params{'imgleft'}) ? "none" : "url(\"" . $this->baseurl . "/" . $this->params{'imgleft'} . "\")") ; +$rightImageValue = (empty($this->params{'imgright'}) ? "none" : "url(\"" . $this->baseurl . "/" . $this->params{'imgright'} . "\")") ; + ?> '; ?> @@ -54,6 +59,82 @@ if($this->params{'titlepage'} === '1') --imgleft: params{'imgleft'}) ? "none" : "url(\"" . $this->baseurl . "/" . $this->params{'imgleft'} . "\")") ; ?>; --imgright: params{'imgright'}) ? "none" : "url(\"" . $this->baseurl . "/" . $this->params{'imgright'} . "\")") ; ?>; } +body +{ + background-color: params{'bgcolorside'}; ?>; +} +.page-header +{ + border-bottom-color: ; +} + +#page { + background-color: ; + color: ; +} + +#mobile_menu li > a { + background-color: var(--bgcolor2); + color: var(--fgcolor2); +} + +#mobile_menu li.active > a { + background-color: var(--bgcolor1); + color: var(--fgcolor1); +} + +ul.menu { + background-color: ; + color: ; +} + +ul.menu li.active > a { + background-color: ; + color: ; +} + +ul.menu li.current > a +{ + background-color: ; + color: ; +} + +ul.nav > li > a:hover, +ul.nav-child > li > a:hover +{ + background-color: ; + color: ; +} + +#topmenu, #topmenu > ul.menu { + background-color: ; + color: ; +} + +#topmenu > .nav > li:hover { + background-color: ; + color: ; +} + +#topmenu > .nav > li > .nav-child { + background-color: ; + color: ; +} + +#topmenu > .nav > li > .nav-child > li:hover > a { + background-color: ; + color: ; +} + +#left_side +{ + background-image: ; +} + +#right_side +{ + background-image: ; +}