diff --git a/common.inc.php b/common.inc.php
index 3e573d6a..80ac2d28 100644
--- a/common.inc.php
+++ b/common.inc.php
@@ -397,14 +397,19 @@ function send_header($title="", $nav=null, $icon=null, $titletranslated=false)
<? //if($title && !$titletranslated) echo i18n($title); else if($title) echo $title; else echo i18n($config['fairname']); ?>
-
+
+
+
+
+
+
diff --git a/theme/new_default/sfiab.css b/theme/new_default/sfiab.css
index d0f4c9be..cad31ce0 100644
--- a/theme/new_default/sfiab.css
+++ b/theme/new_default/sfiab.css
@@ -5,7 +5,7 @@ body
margin: 0;
padding: 0;
background: #E0E0FF;
- background: yellow;
+
height:100%;
}
@@ -15,6 +15,8 @@ input, textarea, select
font-size: small;
}
+
+
td {
vertical-align: top;
}
@@ -29,6 +31,7 @@ table tr.odd {
}
#header {
+
height: 50px;
text-align: center;
background: #E0E0FF;
@@ -442,4 +445,43 @@ div.ui-tabs ul.ui-tabs-nav {
+#menu-toggle-button{
+ display: none;
+}
+
+#sidebar.active{
+ display: block;
+ position: fixed;
+ top: 20%;
+ left: 0;
+ z-index: 100;
+}
+
+#sidebar.active ~ #main-content{
+ opacity: 0.7;
+}
+
+#menu-toggle-button:hover{
+ cursor: pointer;
+}
+
+@media (max-width: 480px){
+
+#header{
+ display: flex;
+ align-items: center;
+}
+
+#sidebar{
+ display: none;
+}
+
+#menu-toggle-button{
+ display: block;
+ height: 25px;
+ width: 25px;
+
+}
+}
+
diff --git a/theme/new_default/theme-script.js b/theme/new_default/theme-script.js
new file mode 100644
index 00000000..af0911dd
--- /dev/null
+++ b/theme/new_default/theme-script.js
@@ -0,0 +1,5 @@
+function toggle_sidebar(){
+ var sidebar = document.querySelector('#sidebar');
+
+ sidebar.classList.toggle('active');
+}
\ No newline at end of file