template/slt/index.php

197 lines
5.1 KiB
PHP

<?php
// No direct access.
defined('_JEXEC') or die;
JHTML::_('behavior.framework', true);
$app = JFactory::getApplication();
// Add JavaScript Frameworks
JHtml::_('bootstrap.framework');
JHtml::_('bootstrap.loadCss', true, $this->direction);
// Add template js
//JHtml::_('script', 'template.js', array('version' => 'auto', 'relative' => true));
// Add html5 shiv
//JHtml::_('script', 'jui/html5.js', array('version' => 'auto', 'relative' => true, 'conditional' => 'lt IE 9'));
// Add Stylesheets
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'} . "\")") ;
?>
<?php echo '<!DOCTYPE html>'; ?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >
<head>
<jdoc:include type="head" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
<?php
if($this->params{'titlepage'} === '1')
{
?>
#right_column, #left_menu {
display: none;
}
<?php
}
?>
:root {
--bgcolor1: <?php echo $this->params{'bgcolor1'}; ?>;
--bgcolor2: <?php echo $this->params{'bgcolor2'}; ?>;
--bgcolor3: <?php echo $this->params{'bgcolor3'}; ?>;
--bgcolor4: <?php echo $this->params{'bgcolor4'}; ?>;
--fgcolor1: <?php echo $this->params{'fgcolor1'}; ?>;
--fgcolor2: <?php echo $this->params{'fgcolor2'}; ?>;
--fgcolor3: <?php echo $this->params{'fgcolor3'}; ?>;
--fgcolor4: <?php echo $this->params{'fgcolor4'}; ?>;
--bgcolorside: <?php echo $this->params{'bgcolorside'}; ?>;
--imgleft: <?php echo (empty($this->params{'imgleft'}) ? "none" : "url(\"" . $this->baseurl . "/" . $this->params{'imgleft'} . "\")") ; ?>;
--imgright: <?php echo (empty($this->params{'imgright'}) ? "none" : "url(\"" . $this->baseurl . "/" . $this->params{'imgright'} . "\")") ; ?>;
}
body
{
background-color: <?php echo $this->params{'bgcolorside'}; ?>;
}
.page-header
{
border-bottom-color: <?php echo $params{'fgcolor4'}; ?>;
}
#page {
background-color: <?php echo $params{'bgcolor4'}; ?>;
color: <?php echo $params{'fgcolor4'}; ?>;
}
#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: <?php echo $params{'bgcolor3'}; ?>;
color: <?php echo $params{'fgcolor3'}; ?>;
}
ul.menu li.active > a {
background-color: <?php echo $params{'bgcolor2'}; ?>;
color: <?php echo $params{'fgcolor2'}; ?>;
}
ul.menu li.current > a
{
background-color: <?php echo $params{'bgcolor1'}; ?>;
color: <?php echo $params{'fgcolor1'}; ?>;
}
ul.nav > li > a:hover,
ul.nav-child > li > a:hover
{
background-color: <?php echo $params{'bgcolor2'}; ?>;
color: <?php echo $params{'fgcolor2'}; ?>;
}
#topmenu, #topmenu > ul.menu {
background-color: <?php echo $params{'bgcolor1'}; ?>;
color: <?php echo $params{'fgcolor1'}; ?>;
}
#topmenu > .nav > li:hover {
background-color: <?php echo $params{'bgcolor2'}; ?>;
color: <?php echo $params{'fgcolor2'}; ?>;
}
#topmenu > .nav > li > .nav-child {
background-color: <?php echo $params{'bgcolor3'}; ?>;
color: <?php echo $params{'fgcolor3'}; ?>;
}
#topmenu > .nav > li > .nav-child > li:hover > a {
background-color: <?php echo $params{'bgcolor2'}; ?>;
color: <?php echo $params{'fgcolor2'}; ?>;
}
#left_side
{
background-image: <?php echo $leftImageValue; ?>;
}
#right_side
{
background-image: <?php echo $rightImageValue; ?>;
}
</style>
<!--
<?php
//print_r($this->params);
?>
-->
</head>
<body>
<div id='topmenu-div'>
<div id='topmenu'>
<jdoc:include type="modules" style="none" name="topmenu" />
</div> <!-- #topmenu -->
</div> <!-- #topmenu-div -->
<div id='page-div'>
<div id='left_side'></div>
<div id='page'>
<div id='header'>
<div id='slideshow'>
<jdoc:include type="modules" style="none" name="slideshow" />
</div> <!-- #slideshow -->
</div> <!-- #header -->
<div id='mobile_menu'>
<jdoc:include type="modules" style="none" name="mobile_menu" />
</div>
<div id='content'>
<div id='left_menu'>
<jdoc:include type="modules" style="none" name="left_menu" />
</div> <!-- #left_menu -->
<div id='main_column'>
<div id='main_content'>
<jdoc:include type="component" style="none" />
</div>
<div id='footline'>
<jdoc:include type="modules" style="none" name="footline" />
</div> <!-- #footline -->
</div><!-- main_column -->
<div id='right_column'>
<jdoc:include type="modules" style="none" name="right_column" />
</div><!-- #right_column -->
</div> <!-- #content -->
<div id='footer'>
<jdoc:include type="modules" style="none" name="footer" />
</div> <!-- #footer -->
</div> <!-- #page -->
<div id='right_side'></div>
</div> <!-- #page-div -->
</body>
</html>