v 1.2.4

css/style.css

@@ -105,3 +105,39 @@ body {
     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;
+}

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
+}

include/footer.php

@@ -1,18 +1,20 @@
             </div>
         </div>
+    </div>
+    <!-- /container -->
 
     <!-- Footer -->
+    <div class="footer">
+        <div class="container">
             <hr>
-        <footer>
             <p class="pull-left">&copy; <?php echo $config["general"]["title"]; ?> 2016</p>
             <div class="pull-right">
                 <ul class="list-inline">
-                    <li>Strona &copy; <a href="http://wruczek.top">Wruczek</a> 2016 | <a href="https://github.com/Wruczek/ts-website">ts-website</a> v 1.2.3.2 | MIT License</li>
+                    <li><p><small>Strona &copy; <a href="http://wruczek.top">Wruczek</a> 2016 | <a href="https://github.com/Wruczek/ts-website">ts-website</a> v 1.2.4 | MIT License<br>CSS dzięki uprzejmości <a href="https://flamespersecond.de">NothingTV</a>, tło &copy; <a href="http://nabulsigraphix.wix.com/commissions">NabulsiGraphix</a></small></p></li>
                 </ul>
             </div>
-        </footer>
         </div>
-    <!-- /container -->
+    </div>
 
     <!-- ################ -->
     <!-- #  JAVASCRIPT  # -->

include/header.php

@@ -22,6 +22,7 @@ require_once __DIR__ . "/../include/adminlist.php";
 
     <!-- Bootswatch -->
     <link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.6/<?php echo $config["general"]["theme"]; ?>/bootstrap.min.css" rel="stylesheet">
+    <link href="css/theme.css" rel="stylesheet">
 
     <!-- Font Awesome -->
     <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">

include/modulecheck.php

@@ -101,7 +101,7 @@ function showError($title, $text) { ?>
             <?php echo $text; ?>
         </div>
         <div class="panel-footer">
-            Strona &copy; <a href="http://wruczek.top">Wruczek</a> 2016 | <a href="https://github.com/Wruczek/ts-website">ts-website</a> v 1.2.3.2 | MIT License
+            Strona &copy; <a href="http://wruczek.top">Wruczek</a> 2016 | <a href="https://github.com/Wruczek/ts-website">ts-website</a> v 1.2.4 | MIT License
         </div>
     </div>
 

js/script.js

@@ -5,6 +5,6 @@ $(function () {
 $('.news-body').readmore({
     speed: 500,
     collapsedHeight: 300,
-    moreLink: '<button type="button" class="btn btn-info">Pokaż wiecej</button>',
+    moreLink: '<button type="button" class="btn btn-dark">Pokaż wiecej</button>',
-    lessLink: '<button type="button" class="btn btn-info">Pokaż mniej</button>'
+    lessLink: '<button type="button" class="btn btn-dark">Pokaż mniej</button>'
 });