diff --git a/.buildpath b/.buildpath
index 8bcb4b5..7d2c19b 100644
--- a/.buildpath
+++ b/.buildpath
@@ -1,5 +1,5 @@
-
+
diff --git a/slt/css/desktop.css b/slt/css/desktop.css
index 724d47f..67a87a8 100644
--- a/slt/css/desktop.css
+++ b/slt/css/desktop.css
@@ -23,7 +23,7 @@ Structure of page
flex: 0 0 auto;
display: flex;
flex-flow: row nowrap;
- justify-content: space-around;
+ justify-content: space-between;
position: relative;
align-items: center;
}
@@ -110,10 +110,21 @@ Structure of page
display: block;
}
-#mobile_menu {
+#mobile_menu,
+#mobile_menu.visible,
+#mobile_menu_switch
+{
display: none;
}
+a.facebook img
+{
+ display: inline;
+}
+a.facebook > span.image-title
+{
+ display: none;
+}
@@ -138,10 +149,10 @@ body
}
#topmenu .nav {
- padding: 0px;
+ padding: 0px 10px;
margin: 0px;
height: 40px;
- width: 1000px;
+ width: 980px;
}
#topmenu .nav > li > a {
@@ -228,7 +239,6 @@ body
-
/*
Additional content
*/
diff --git a/slt/css/mobile.css b/slt/css/mobile.css
index 91c7e1b..b6bb8e2 100644
--- a/slt/css/mobile.css
+++ b/slt/css/mobile.css
@@ -30,11 +30,15 @@ body {
* Menu configuration
*/
-.nav, .nav-child {
+.nav,
+.nav-child
+{
padding: 0px;
}
-.nav > li, .nav-child > li {
+.nav > li,
+.nav-child > li
+{
display: block;
}
@@ -180,6 +184,12 @@ body {
#mobile_menu {
margin-top: 10px;
+ display: none;
+}
+
+#mobile_menu.visible
+{
+ display: block;
}
#mobile_menu li > a {
@@ -220,6 +230,24 @@ body {
padding-right: 0px;
}
+#mobile_menu_switch
+{
+ flex: 0 0 auto;
+ text-align: right;
+}
+
+#btn_mobile_menu
+{
+ padding: 10px 30px 0px 0px;
+ width: 40px;
+ box-sizing: initial;
+}
+
+a.facebook img
+{
+ display: none;
+}
+
/*
* Debug
*/
diff --git a/slt/css/visual.css b/slt/css/visual.css
index fcacfcf..eb8990e 100644
--- a/slt/css/visual.css
+++ b/slt/css/visual.css
@@ -93,13 +93,32 @@ ul.nav-child > li > a:hover
text-decoration: none;
}
+#topmenu .nav > li,
+#topmenu .nav-child > li
+{
+ padding: 0px;
+ border-style: none;
+}
+
#left_side, #right_side
{
background-repeat: no-repeat;
background-size: cover;
}
+#left_menu .nav > li,
+#left_menu .nav-child > li
+{
+ padding: 5px 0px;
+ border-top-style: solid;
+ border-width: 1px;
+}
+#left_menu .nav > li:first-child,
+#left_menu .nav-child > li:first-child
+{
+ border-top-style: none;
+}
/*
+
+
+
diff --git a/slt/index.php b/slt/index.php
index eeb3803..7d0a32c 100644
--- a/slt/index.php
+++ b/slt/index.php
@@ -9,6 +9,9 @@ $app = JFactory::getApplication();
JHtml::_('bootstrap.framework');
JHtml::_('bootstrap.loadCss', true, $this->direction);
+// Add jQuery framework
+JHtml::_('jquery.framework');
+
// Add template js
//JHtml::_('script', 'template.js', array('version' => 'auto', 'relative' => true));
@@ -19,6 +22,9 @@ 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));
+// Add Javascript for mobile menu
+JHtml::_('script', 'mobile.js', array('version' => 'auto', 'relative' => 'true'));
+
// Check for a custom CSS file
JHtml::_('stylesheet', 'user.css', array('version' => 'auto', 'relative' => true));
@@ -79,12 +85,8 @@ ul.menu {
color: ;
}
-ul.menu li.active > a {
- background-color: ;
- color: ;
-}
-
-ul.menu li.current > a
+ul.menu li.current > a,
+ul.menu li.current:hover > a
{
background-color: ;
color: ;
@@ -174,6 +176,7 @@ print_r($this->params);
+
diff --git a/slt/js/mobile.js b/slt/js/mobile.js
new file mode 100644
index 0000000..e0922d5
--- /dev/null
+++ b/slt/js/mobile.js
@@ -0,0 +1,31 @@
+
+jQuery(function($){
+
+ $('#btn_mobile_menu').click(function(){
+ $('#mobile_menu').toggle({
+ duration: '400',
+ easing: 'linear',
+ complete: function(){
+ $('#mobile_menu').toggleClass('visible');
+ $('#mobile_menu').css('display','');
+
+ }
+ });
+
+// if($('#mobile_menu').hasClass('visible')) {
+//
+// } else {
+//
+// }
+
+// $('#mobile_menu').toggleClass('visible',{
+// queue: false,
+// duration: '400',
+// easing: 'easeInOutSine',
+// complete: function(){
+// $('#mobile_menu').css('display', '');
+// }
+// });
+ });
+
+});
diff --git a/slt/templateDetails.xml b/slt/templateDetails.xml
index 5a2732b..8dd89fb 100644
--- a/slt/templateDetails.xml
+++ b/slt/templateDetails.xml
@@ -26,7 +26,7 @@
css
- img
+ images
language
js
html