Add navigation menu

1 files changed, 108 insertions, 0 deletions

diff --git a/css/ssl.css b/css/ssl.css
index 8bbf0bf..ae3b1e9 100644
--- a/css/ssl.css
+++ b/css/ssl.css
@@ -14,6 +14,113 @@ GNU General Public License for more details.
 You should have received a copy of the GNU General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
+
+.sticky {
+  position: -webkit-sticky;
+  position: -moz-sticky;
+  position: -ms-sticky;
+  position: -o-sticky;
+  top: 15px;
+}
+
+.nav-active {
+    text-decoration: none;
+    color: #fff !important;
+    background: rgba(0,150,255,0.7);
+}
+
+.nav-active a{
+    text-decoration: none;
+    color: #fff;
+    background: rgba(0,150,255,0.7);
+}
+
+#wrapper {
+  padding-left: 250px;
+  transition: all 0.4s ease 0s;
+}
+
+#sidebar-wrapper {
+  margin-left: -250px;
+  left: 250px;
+  width: 250px;
+  background: #f9f9f9;
+  position: fixed;
+  border-right-style: solid;
+  border-right-width: 1px;
+  border-right-color: #ddd;
+  height: 100%;
+  overflow-y: auto;
+  z-index: 1000;
+  transition: all 0.4s ease 0s;
+}
+
+#page-content-wrapper {
+  width: 100%;
+}
+
+.sidebar-nav {
+  position: absolute;
+  top: 0;
+  width: 250px;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+
+.sidebar-nav li {
+    text-indent: 20px;
+    line-height: 40px;
+}
+
+.sidebar-nav li a {
+    display: block;
+    text-decoration: none;
+    color: #666;
+}
+
+.sidebar-nav li a:hover {
+    text-decoration: none;
+    color: #fff;
+    background: rgba(0,150,255,0.7);
+}
+
+.sidebar-nav li a:active,
+.sidebar-nav li a:focus {
+    text-decoration: none;
+}
+
+.sidebar-nav > .sidebar-brand {
+    height: 65px;
+    font-size: 18px;
+    line-height: 60px;
+    color: #333333;
+}
+
+@media (max-width:767px) {
+
+    #wrapper {
+      padding-left: 0;
+    }
+
+    #sidebar-wrapper {
+      left: 0;
+    }
+
+    #wrapper.active {
+      position: relative;
+      left: 250px;
+    }
+
+    #wrapper.active #sidebar-wrapper {
+      left: 250px;
+      width: 250px;
+      transition: all 0.4s ease 0s;
+    }
+
+}
+
 #preloader{
     display:none;
 }
@@ -24,6 +131,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     background:url("../img/flags.png") no-repeat
 }
 
+
 .flag.flag-ad {background-position: -16px 0}
 .flag.flag-ae {background-position: -32px 0}
 .flag.flag-af {background-position: -48px 0}