diff --git a/css/style.css b/css/style.css
index adfec7e..c758c40 100644
--- a/css/style.css
+++ b/css/style.css
@@ -49,7 +49,7 @@ a {
/* ADMINLIST */
/* ********* */
-.adminlist > .groupname ~ .groupname {
+.adminlist> .groupname~ .groupname {
margin-top: 15px;
}
@@ -89,7 +89,7 @@ body {
font-size: 14px
}
-.nav > li > a {
+.nav> li> a {
padding-left: 10px;
padding-right: 10px;
}
@@ -100,8 +100,44 @@ body {
align-items: center;
}
-.navbar-brand > img {
+.navbar-brand> img {
height: 100%;
padding: 5px 5px 5px 15px;
width: auto;
}
+
+
+/* ****** */
+/* FOOTER */
+/* ****** */
+
+html {
+ height: 100%;
+}
+
+body {
+ position: relative;
+ margin: 0;
+ padding-bottom: 12rem;
+ min-height: 100%;
+}
+
+@media (max-width: 380px) {
+ body {
+ padding-bottom: 15rem;
+ }
+}
+
+@media (max-width: 280px) {
+ body {
+ padding-bottom: 20rem;
+ }
+}
+
+.footer {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ padding: 1rem;
+}
diff --git a/css/theme.css b/css/theme.css
new file mode 100644
index 0000000..7214904
--- /dev/null
+++ b/css/theme.css
@@ -0,0 +1,384 @@
+/*!
+ * Stylesheet kindly donated by NothingTV from https://flamespersecond.de/
+ * Edited by Wruczek
+ * The MIT License
+*/
+
+body {
+ background: url(../img/bg.png) no-repeat center center fixed;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover;
+}
+
+.navbar-default {
+ background-color: #004449 !important;
+}
+
+.btn-dark {
+ background-color: #4e5d6c;
+}
+
+.text-muted {
+ color: #00343f
+}
+
+abbr[data-original-title] {
+ border-bottom: 1px dotted #00343f
+}
+
+blockquote {
+ border-left: 5px solid #00343f
+}
+
+blockquote.pull-right {
+ border-right: 5px solid #00343f;
+}
+
+caption {
+ color: #00343f;
+}
+
+.table>tfoot>tr>td {
+ border-top: 1px solid #00343f
+}
+
+.table>thead>tr>th {
+ border-bottom: 2px solid #00343f
+}
+
+.table>tbody+tbody {
+ border-top: 2px solid #00343f
+}
+
+.table-bordered {
+ border: 1px solid #00343f
+}
+
+.table-bordered>tfoot>tr>td {
+ border: 1px solid #00343f
+}
+
+.table-striped>tbody>tr:nth-of-type(odd) {
+ background-color: #00343f
+}
+
+.table-hover>tbody>tr:hover {
+ background-color: #004449
+}
+
+.table>thead>tr>td.active,
+.table>tbody>tr>td.active,
+.table>tfoot>tr>td.active,
+.table>thead>tr>th.active,
+.table>tbody>tr>th.active,
+.table>tfoot>tr>th.active,
+.table>thead>tr.active>td,
+.table>tbody>tr.active>td,
+.table>tfoot>tr.active>td,
+.table>thead>tr.active>th,
+.table>tbody>tr.active>th,
+.table>tfoot>tr.active>th {
+ background-color: #004449
+}
+
+@media screen and (max-width: 767px) {
+ .table-responsive {
+ border: 1px solid #00343f
+ }
+}
+
+legend {
+ border-bottom: 1px solid #00343f
+}
+
+.btn-default {
+ background-color: #00343f;
+}
+
+.btn-default.disabled:hover,
+.btn-default[disabled]:hover,
+fieldset[disabled] .btn-default:hover,
+.btn-default.disabled:focus,
+.btn-default[disabled]:focus,
+fieldset[disabled] .btn-default:focus,
+.btn-default.disabled.focus,
+.btn-default[disabled].focus,
+fieldset[disabled] .btn-default.focus {
+ background-color: #00343f;
+}
+
+.btn-default .badge {
+ color: #00343f;
+}
+
+fieldset[disabled] .btn-link:focus {
+ color: #00343f;
+}
+
+.dropdown-menu {
+ background-color: #00343f;
+}
+
+.dropdown-menu>li>a:hover,
+.dropdown-menu>li>a:focus {
+ background-color: #004449
+}
+
+.input-group-addon {
+ background-color: #00343f;
+}
+
+.nav>li>a:focus {
+ background-color: #00343f
+}
+
+.nav>li.disabled>a {
+ color: #00343f
+}
+
+.nav>li.disabled>a:hover,
+.nav>li.disabled>a:focus {
+ color: #00343f;
+}
+
+.nav .open>a,
+.nav .open>a:hover,
+.nav .open>a:focus {
+ background-color: #00343f;
+}
+
+.nav-tabs>li>a:hover {
+ border-color: #00343f #00343f transparent
+}
+
+.nav-tabs>li.active>a:focus {
+ border: 1px solid #00343f;
+}
+
+.nav-tabs>li.active>a,
+.nav-tabs>li.active>a:hover,
+.nav-tabs>li.active>a:focus {
+ border: 1px solid #00343f;
+}
+
+@media (min-width: 768px) {
+ .nav-tabs.nav-justified>li>a {
+ border-bottom: 1px solid #00343f;
+ }
+ .nav-tabs.nav-justified>.active>a,
+ .nav-tabs.nav-justified>.active>a:hover,
+ .nav-tabs.nav-justified>.active>a:focus {
+ border-bottom-color: #00343f
+ }
+}
+
+.nav-tabs-justified>.active>a,
+.nav-tabs-justified>.active>a:hover,
+.nav-tabs-justified>.active>a:focus {
+ border: 1px solid #00343f
+}
+
+@media (min-width: 768px) {
+ .nav-tabs-justified>li>a {
+ border-bottom: 1px solid #00343f;
+ }
+ .nav-tabs-justified>.active>a,
+ .nav-tabs-justified>.active>a:hover,
+ .nav-tabs-justified>.active>a:focus {
+ border-bottom-color: #00343f
+ }
+}
+
+.navbar-default {
+ background-color: #00343f;
+}
+
+.navbar-default .navbar-nav>li>a:hover,
+.navbar-default .navbar-nav>li>a:focus {
+ background-color: #004449
+}
+
+.navbar-default .navbar-nav>.active>a,
+.navbar-default .navbar-nav>.active>a:hover,
+.navbar-default .navbar-nav>.active>a:focus {
+ background-color: #004449
+}
+
+@media (max-width: 767px) {
+ .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
+ .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
+ background-color: #004449
+ }
+ .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
+ .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
+ .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
+ background-color: #004449
+ }
+}
+
+.breadcrumb {
+ background-color: #00343f;
+}
+
+.pagination>li>a,
+.pagination>li>span {
+ background-color: #00343f;
+}
+
+.pagination>li>a:hover,
+.pagination>li>span:hover,
+.pagination>li>a:focus,
+.pagination>li>span:focus {
+ background-color: #004449;
+}
+
+.pagination>.disabled>a:focus {
+ background-color: #00343f;
+}
+
+.pager li>a,
+.pager li>span {
+ background-color: #00343f;
+}
+
+.pager li>a:hover,
+.pager li>a:focus {
+ background-color: #004449
+}
+
+.pager .disabled>a,
+.pager .disabled>a:hover,
+.pager .disabled>a:focus,
+.pager .disabled>span {
+ background-color: #00343f;
+}
+
+.label-default {
+ background-color: #00343f
+}
+
+.badge {
+ background-color: #00343f;
+}
+
+.jumbotron {
+ background-color: #00343f
+}
+
+.progress {
+ background-color: #00343f;
+}
+
+.list-group-item {
+ background-color: #00343f;
+}
+
+a.list-group-item:hover,
+button.list-group-item:hover,
+a.list-group-item:focus,
+button.list-group-item:focus {
+ background-color: #004449
+}
+
+.list-group-item.disabled,
+.list-group-item.disabled:hover,
+.list-group-item.disabled:focus {
+ color: #00343f;
+}
+
+.list-group-item.disabled .list-group-item-text,
+.list-group-item.disabled:hover .list-group-item-text,
+.list-group-item.disabled:focus .list-group-item-text {
+ color: #00343f
+}
+
+.panel {
+ background-color: #00343f;
+}
+
+.panel-footer {
+ background-color: #004449;
+}
+
+.panel>.panel-body+.table,
+.panel>.panel-body+.table-responsive,
+.panel>.table+.panel-body,
+.panel>.table-responsive+.panel-body {
+ border-top: 1px solid #00343f
+}
+
+.panel-success>.panel-heading {
+ color: #13ddcd;
+}
+
+.panel-info>.panel-heading {
+ color: #13ddcd;
+}
+
+.panel-warning>.panel-heading {
+ color: #13ddcd;
+}
+
+.well {
+ background-color: #00343f;
+}
+
+.modal-content {
+ background-color: #00343f;
+}
+
+.popover {
+ background-color: #00343f;
+}
+
+.popover-title {
+ background-color: #004449;
+}
+
+.popover.top>.arrow:after {
+ border-top-color: #00343f
+}
+
+.popover.right>.arrow:after {
+ border-right-color: #00343f
+}
+
+.popover.bottom>.arrow:after {
+ border-bottom-color: #00343f
+}
+
+.popover.left>.arrow:after {
+ border-left-color: #00343f;
+}
+
+.navbar-default .badge {
+ color: #00343f
+}
+
+.btn-default:hover {
+ background-color: #004449
+}
+
+.page-header {
+ border-bottom-color: #00343f
+}
+
+table .text-muted,
+.table .text-muted {
+ color: #00343f
+}
+
+.panel-default>.panel-heading {
+ background-color: #004449;
+}
+
+.thumbnail {
+ background-color: #00343f
+}
+
+.modal-header,
+.modal-footer {
+ background-color: #004449
+}
diff --git a/img/bg.png b/img/bg.png
new file mode 100644
index 0000000..1793241
Binary files /dev/null and b/img/bg.png differ
diff --git a/include/footer.php b/include/footer.php
index 294c1ac..cba3939 100644
--- a/include/footer.php
+++ b/include/footer.php
@@ -1,18 +1,20 @@
+
+
-
-
-