From 07d1955cefc093ffb12002902ed45e963030746e Mon Sep 17 00:00:00 2001
From: RblSb <msrblsb@gmail.com>
Date: Thu, 13 Feb 2020 16:28:18 +0300
Subject: Initial commit

---
 res/css/custom.css               |    0
 res/css/cytube.css               |  725 ++++++++++++++++++++
 res/css/des.css                  | 1350 ++++++++++++++++++++++++++++++++++++++
 res/css/mobile-view.css          |   81 +++
 res/css/sticky-footer-navbar.css |   26 +
 5 files changed, 2182 insertions(+)
 create mode 100644 res/css/custom.css
 create mode 100644 res/css/cytube.css
 create mode 100644 res/css/des.css
 create mode 100644 res/css/mobile-view.css
 create mode 100644 res/css/sticky-footer-navbar.css

(limited to 'res/css')

diff --git a/res/css/custom.css b/res/css/custom.css
new file mode 100644
index 0000000..e69de29
diff --git a/res/css/cytube.css b/res/css/cytube.css
new file mode 100644
index 0000000..ff4411a
--- /dev/null
+++ b/res/css/cytube.css
@@ -0,0 +1,725 @@
+.container-fluid {
+  padding-left: 15px;
+  padding-right: 15px;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+#loginform > .form-group {
+  margin-right: 5px;
+}
+
+.center {
+  text-align: center;
+}
+
+.messagebox > p {
+  margin-top: 20px;
+}
+
+.vertical-spacer {
+  margin-top: 10px;
+}
+
+#messagebuffer {
+  font-size: 17px;
+  width: auto;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+#userlist {
+  width: 90px;
+  float: left;
+  border-right: 0;
+  font-size: 9pt;
+  list-style: none outside none;
+  padding: 0;
+}
+
+#messagebuffer, #userlist {
+  height: 329px;
+  overflow-x: hidden;
+  overflow-y: scroll;
+  margin-bottom: 0;
+}
+
+#chatline, #guestlogin > input, #guestlogin > .input-group-addon {
+  margin-top: 0;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linewrap, .linewrap code {
+  white-space: pre-wrap; /* css-3 */
+  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
+  white-space: -pre-wrap; /* Opera 4-6 */
+  white-space: -o-pre-wrap; /* Opera 7 */
+  word-wrap: break-word; /* Internet Explorer 5.5+ */
+}
+
+#from-url, #from-search {
+  margin-top: 3px;
+}
+
+.clear {
+  clear: both;
+}
+
+.chat-name {
+  font-weight: bold;
+}
+
+#customembed > .input-group {
+  margin-top: 5px;
+}
+
+#chatheader {
+  padding-left: 5px;
+}
+
+#chatheader > p, #currenttitle {
+  margin: 0;
+}
+
+.pointer {
+  cursor: pointer;
+}
+
+#chatwrap, #videowrap {
+  margin-bottom: 10px;
+}
+
+#smileswrap {
+  display: none;
+  background: rgba(0,0,0,0.7);
+  margin: 10px 15px;
+  width: 98%;
+  max-height: 500px;
+  overflow-y: scroll;
+  padding: 5px;
+  text-align: center;
+  color: #fff;
+}
+#smileswrap video {
+  vertical-align: middle;
+}
+.smile-preview {
+  padding: 2px;
+  max-height: 75px;
+  cursor: pointer;
+}
+
+.embed-responsive-chat {
+  padding-bottom: 78.75%;
+}
+
+#userpl_list {
+  list-style: none outside none;
+  margin-left: 0;
+  max-height: 500px;
+  overflow-y: scroll;
+}
+
+/*
+#userpl_list li {
+  display: inline-block;
+  line-height: 22px;
+  width: 100%;
+  clear: both;
+  margin: 2px 0 0 auto;
+  padding: 2px;
+  font-size: 8pt;
+}
+*/
+
+#customembed_wrap {
+  margin: 5px 0;
+}
+
+#playlistmanagerwrap {
+  margin-top: 10px;
+}
+
+#library {
+  padding-left: 0;
+  padding-right: 0;
+  margin-bottom: 5px;
+}
+
+#library_search, #queue_next, #ce_queue_next {
+  border-radius: 0;
+}
+
+#plmeta {
+  border-radius: 4px;
+  border-top: 0;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  border-top: 1px solid #2c2e31;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+.videolist {
+  list-style: none outside none;
+  margin-left: 0;
+  max-height: 500px;
+  overflow-y: auto;
+}
+
+
+
+#pllength {
+  float: right;
+}
+
+.queue_temp {
+  background-image: url(/img/stripe-diagonal.png);
+}
+
+.videolist {
+  padding: 0;
+  margin: 0;
+}
+
+#queue > li:last-child {
+  border-bottom-width: 0;
+  margin-bottom: 0;
+}
+
+#userpl_list > li:last-child {
+  border-bottom-width: 1px;
+}
+
+.videolist > li:first-child {
+  border-top-width: 1px;
+}
+
+li.ui-sortable-helper, li.ui-sortable-placeholder + li.queue_entry {
+  border-top-width: 1px;
+}
+
+.qe_btn {
+  height: 20px;
+  font-family: Monospace;
+  padding: 0 5px 0 5px;
+  margin: auto;
+  overflow: hidden;
+}
+
+.qe_buttons, .qe_title {
+  float: left;
+}
+
+.qe_time {
+  float: right;
+  font-family: Monospace;
+}
+
+.qe_clear {
+  clear: both;
+}
+
+.clear {
+  clear: both;
+}
+
+#chatheader .label {
+  height: 100%;
+  margin-left: 2px;
+}
+
+.well {
+  margin-top: 10px;
+}
+
+.well hr {
+  border-color: #cccccc;
+}
+
+#csstext, #jstext {
+  font-family: Monospace;
+}
+
+#optedit, #permedit, #filteredit, #motdedit, #cssedit, #jsedit,
+#banlist, #loginhistory, #channelranks, #chanlog {
+  display: none;
+}
+
+#chanlog_contents {
+  max-height: 400px;
+  overflow-y: scroll;
+  margin-top: 10px;
+}
+
+.server-msg-disconnect {
+  border: 1px solid #ff0000;
+  line-height: 2;
+  margin-top: 5px;
+  margin-bottom: 5px;
+  color: #ff0000;
+  text-align: center;
+  background-color: rgba(129, 20, 21, 0.1);
+}
+
+.server-msg-reconnect {
+  border: 1px solid #009900;
+  line-height: 2;
+  margin-top: 5px;
+  margin-bottom: 5px;
+  color: #009900;
+  text-align: center;
+  background-color: rgba(18, 100, 18, 0.1);
+}
+
+.queue_sortable li {
+  cursor: row-resize;
+}
+
+.poll-notify {
+  color: #0000aa;
+  font-weight: bold;
+  font-size: 14pt;
+}
+
+.userlist_item {
+  cursor: pointer;
+}
+
+.userlist_siteadmin {
+  color: #cc0000!important;
+  font-weight: bold!important;
+}
+
+.userlist_owner {
+  color: #0000cc!important;
+  font-weight: bold!important;
+}
+
+.userlist_op {
+  color: #00aa00!important;
+}
+
+.userlist_guest {
+  color: #888888!important;
+}
+
+.action {
+  font-style: italic;
+  color: #888888;
+}
+
+.server-whisper {
+  font-style: italic;
+  color: #888888;
+  font-size: 8pt;
+}
+
+.spoiler {
+  color: #000000;
+  background-color: #000000;
+}
+
+.spoiler:hover {
+  color: #ffffff;
+}
+
+.greentext {
+  color: #789922; /* Color value directly from 4chan */
+}
+
+.shout {
+  color: #ff0000;
+  font-weight: bold;
+  font-size: 18pt;
+}
+
+.mono {
+  font-family: Monospace;
+}
+
+.nick-highlight {
+  background-color: #ddffdd;
+}
+
+.nick-hover {
+  background-color: #ffff99;
+}
+
+.timestamp {
+  color: #808080;
+  font-size: 8pt;
+}
+
+.profile-box {
+  z-index: 9999;
+  position: fixed;
+  border: 1px solid #aaaaaa;
+  border-radius: 5px;
+  padding: 5px;
+  max-width: 200px;
+  max-height: 300px;
+  overflow-y: hidden;
+}
+
+.user-dropdown {
+  z-index: 9999;
+  position: absolute;
+  border: 1px solid #aaaaaa;
+  border-radius: 5px;
+  color: #000000;
+  max-width: 200px;
+  padding: 5px;
+}
+
+.profile-image {
+  max-width: 80px;
+  max-height: 80px;
+  border: 1px solid #aaaaaa;
+  border-radius: 5px;
+}
+
+#togglemotd .glyphicon {
+  font-size: 10pt;
+}
+
+.poll-menu > .btn, .poll-menu > input {
+  clear: both;
+  margin-bottom: 10px;
+}
+
+.poll-menu {
+  margin-top: 10px;
+}
+
+#search_clear {
+  margin-top: 10px;
+}
+
+#qualitywrap {
+  margin-right: 5px;
+}
+
+#guestlogin .input-group-addon {
+  min-width: 120px;
+}
+
+#channeloptions .modal-header {
+  border-bottom: none;
+}
+
+#pollwrap > div {
+  margin-top: 10px;
+}
+
+.option {
+  margin-top: 5px;
+}
+
+.option-selected {
+  font-weight: bold;
+}
+
+.option > button {
+  margin-right: 15px;
+}
+
+.option-selected > button {
+  border-width: 3px !important;
+  margin-right: 10px;
+}
+
+#useroptions .modal-header {
+  border-bottom: 0;
+  padding-bottom: 0;
+  margin-bottom: 0;
+}
+
+#useroptions .modal-body {
+  padding-top: 0;
+  margin-top: 0;
+}
+
+.qfalert {
+  margin-bottom: 10px;
+  padding-left: 0!important;
+  padding-right: 0!important;
+}
+
+#customembed-content {
+  font-family: Monospace;
+}
+
+#cs-csstext, #cs-jstext, #cs-motdtext {
+  font-family: Monospace;
+}
+
+#cs-csssubmit, #cs-motdsubmit, #cs-jssubmit {
+  margin-top: 10px;
+}
+
+#cs-chatfilters input[type='text'], #cs-chatfilters textarea {
+  font-family: monospace;
+}
+
+#cs-chatfilters-exporttext {
+  margin-top: 5px;
+}
+
+#cs-emotes input[type='text'], #cs-emotes textarea {
+  font-family: monospace;
+}
+
+#cs-emotes-exporttext {
+  margin-top: 5px;
+}
+
+.pagination {
+  margin: 0;
+}
+
+#cs-chanlog-filter {
+  border-bottom: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+#cs-chanlog-text {
+  max-height: 300px;
+  overflow-y: scroll;
+  font-size: 8pt;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.channel-emote, .chat-img {
+  max-width: 200px;
+  max-height: 200px;
+}
+
+#cs-emotes td:nth-child(3) {
+  max-width: 300px;
+}
+
+#pmbar {
+  position: fixed;
+  bottom: 0;
+  z-index: 10000;
+  min-width: 100%;
+  pointer-events: none;
+}
+
+body.chatOnly .pm-panel, body.chatOnly .pm-panel-placeholder {
+  margin-left: 0;
+  margin-right: 5px;
+  float: right;
+}
+
+.pm-panel, .pm-panel-placeholder {
+  margin-left: 5px;
+  margin-bottom: 20px;
+  float: left;
+  width: 250px;
+  pointer-events: auto;
+}
+
+.pm-panel {
+  margin-bottom: 0!important;
+  border-radius: 0!important;
+  border-radius: 0!important;
+}
+
+.pm-panel > .panel-heading {
+  cursor: pointer;
+  border-radius: 0!important;
+  border-radius: 0!important;
+}
+
+.pm-panel > .panel-body {
+  padding: 0;
+}
+
+.pm-panel > .panel-body > .pm-buffer {
+  height: 200px;
+  overflow-y: scroll;
+}
+
+.pm-panel > .panel-body > hr {
+  margin: 0;
+}
+
+.pm-input {
+  margin: 0;
+  width: 100%;
+  border-top-left-radius: 0!important;
+  border-top-right-radius: 0!important;
+}
+
+.chat-shadow {
+  text-decoration: line-through;
+}
+
+#chanjs-allow-prompt {
+  text-align: center;
+}
+
+#chanjs-allow-prompt-buttons {
+  margin-top: 10px;
+}
+
+#chanjs-allow-prompt-buttons button:first-child {
+  margin-right: 5px;
+}
+
+@media screen and (min-width: 768px) {
+  .modal-dialog {
+    min-width: 600px!important;
+    max-width: 1200px!important;
+    width: auto!important;
+  }
+
+  .modal-dialog-nonfluid.modal-dialog {
+    max-width: 600px!important;
+  }
+}
+
+table td {
+  max-width: 200px;
+  word-wrap: break-word;
+}
+
+#cs-chatfilters table .form-group {
+  max-width: 25%;
+}
+
+#cs-chatfilters table .form-group > input {
+  max-width: 100%;
+}
+
+#userlisttoggle {
+  padding-top: 2px;
+}
+
+.queue_entry {
+  line-height: 22px;
+  padding: 2px;
+  font-size: 8pt;
+  border: 1px solid;
+  border-top-width: 0;
+}
+
+.emotelist-table {
+  margin: auto;
+}
+
+.emote-preview-container {
+  width: 100px;
+  height: 100px;
+  float: left;
+  text-align: center;
+  white-space: nowrap;
+  margin: 5px;
+}
+
+.emote-preview-hax {
+  display: inline-block;
+  vertical-align: middle;
+  height: 100%;
+}
+
+.emote-preview {
+  max-width: 100px;
+  max-height: 100px;
+  cursor: pointer;
+}
+
+.emotelist-paginator-container {
+  text-align: center;
+}
+
+#leftcontrols .btn {
+  margin-right: 5px;
+}
+
+#videowrap .embed-responsive:-webkit-full-screen { width: 100%; }
+#videowrap .embed-responsive:-moz-full-screen { width: 100%; }
+#videowrap .embed-responsive:-ms-full-screen { width: 100%; }
+#videowrap .embed-responsive:-o-full-screen { width: 100%; }
+#videowrap .embed-responsive:full-screen { width: 100%; }
+
+li.vjs-menu-item.vjs-selected {
+  background-color: #66a8cc !important;
+}
+
+.video-js video::-webkit-media-text-track-container {
+  bottom: 50px;
+}
+
+input#logout[type="submit"] {
+  background: none;
+  border: none;
+  padding: 0;
+}
+
+input#logout[type="submit"]:hover {
+  text-decoration: underline;
+}
+
+#newmessages-indicator {
+  margin-top: -30px;
+  line-height: 30px;
+  height: 30px;
+  text-align: center;
+  width: 100%;
+  font-weight: bold;
+  cursor: pointer;
+}
+
+#newmessages-indicator .glyphicon {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+#soundcloud-volume-holder {
+  position: absolute;
+  top: 170px;
+  width: 100%;
+}
+
+#soundcloud-volume-label {
+  margin-left: 2px;
+}
+
+#soundcloud-volume {
+  margin-top: 5px;
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+.navbar-inverse {
+  background: rgba(0,0,0,0.44) !important;
+}
+#footer {
+  margin-top: 15px;
+}
+
+
+.split {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  float: left;
+}
+.gutter {
+  background-color: transparent;
+  background-repeat: no-repeat;
+  background-position: 50%;
+}
+.gutter.gutter-horizontal {
+  cursor: col-resize;
+  background-image: url('/img/vertical.png');
+  height: 80px;
+  float: left;
+  opacity: 0.2;
+}
diff --git a/res/css/des.css b/res/css/des.css
new file mode 100644
index 0000000..583d7bd
--- /dev/null
+++ b/res/css/des.css
@@ -0,0 +1,1350 @@
+@charset "utf-8";
+/* CSS Document */
+
+
+@import url(http://fonts.googleapis.com/css?family=Play:400italic,700italic,300,700,300italic,400&subset=latin,cyrillic);
+/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
+html {
+  font-family:Play;
+  -ms-text-size-adjust:100%;
+  -webkit-text-size-adjust:100%
+}
+body {
+  margin:0
+}
+footer, nav, section {
+  display:block
+}
+a {
+  background-color:transparent
+}
+a:active, a:hover {
+  outline:0
+}
+b, strong {
+  font-weight:bold
+}
+hr {
+  -moz-box-sizing:content-box;
+  -webkit-box-sizing:content-box;
+  box-sizing:content-box;
+  height:0
+}
+pre {
+  overflow:auto
+}
+code, pre {
+  font-family:monospace, monospace;
+  font-size:1em
+}
+button, input, select, textarea {
+  color:inherit;
+  font:inherit;
+  margin:0
+}
+button {
+  overflow:visible
+}
+button, select {
+  text-transform:none
+}
+button {
+  -webkit-appearance:button;
+  cursor:pointer
+}
+button[disabled] {
+  cursor:default
+}
+button::-moz-focus-inner, input::-moz-focus-inner {
+  border:0;
+  padding:0
+}
+input {
+  line-height:normal
+}
+input[type="checkbox"] {
+  -webkit-box-sizing:border-box;
+  -moz-box-sizing:border-box;
+  box-sizing:border-box;
+  padding:0
+}
+textarea {
+  overflow:auto
+}
+table {
+  border-collapse:collapse;
+  border-spacing:0
+}
+th {
+  padding:0
+}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
+@media print {
+  *, *:before, *:after {
+    background:transparent !important;
+    color:#000 !important;
+    -webkit-box-shadow:none !important;
+    box-shadow:none !important;
+    text-shadow:none !important
+  }
+  a, a:visited {
+    text-decoration:underline
+  }
+  a[href]:after {
+    content:" (" attr(href) ")"
+  }
+  a[href^="#"]:after, a[href^="javascript:"]:after {
+  content:""
+  }
+  pre {
+    border:1px solid #999;
+    page-break-inside:avoid
+  }
+  thead {
+    display:table-header-group
+  }
+  tr {
+    page-break-inside:avoid
+  }
+  select {
+    background:#fff !important
+  }
+  .navbar {
+    display:none
+  }
+  .label {
+    border:1px solid #000
+  }
+  .table {
+    border-collapse:collapse !important
+  }
+  .table th {
+    background-color:#fff !important
+  }
+}
+@font-face {
+font-family:'Glyphicons Halflings';
+src:url('https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/fonts/glyphicons-halflings-regular.eot');
+src:url('https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/fonts/glyphicons-halflings-regular.woff') format('woff'), url('https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')
+}
+.glyphicon {
+  position:relative;
+  top:1px;
+  display:inline-block;
+  font-family:'Glyphicons Halflings';
+  font-style:normal;
+  font-weight:normal;
+  line-height:1;
+  -webkit-font-smoothing:antialiased;
+  -moz-osx-font-smoothing:grayscale
+}
+.glyphicon-plus:before {
+  content:"\2b"
+}
+.glyphicon-minus:before {
+  content:"\2212"
+}
+.glyphicon-search:before {
+  content:"\e003"
+}
+.glyphicon-th-large:before {
+  content:"\e010"
+}
+.glyphicon-trash:before {
+  content:"\e020"
+}
+.glyphicon-lock:before {
+  content:"\e033"
+}
+.glyphicon-flag:before {
+  content:"\e034"
+}
+.glyphicon-list:before {
+  content:"\e056"
+}
+.glyphicon-play:before {
+  content:"\e072"
+}
+.glyphicon-star-empty:before {
+  content:"\e007"
+}
+.glyphicon-step-forward:before {
+  content:"\e077"
+}
+.glyphicon-share-alt:before {
+  content:"\e095"
+}
+.glyphicon-chevron-down:before {
+  content:"\e114"
+}
+.glyphicon-retweet:before {
+  content:"\e115"
+}
+.glyphicon-fullscreen:before {
+  content:"\e140"
+}
+.glyphicon-link:before {
+  content:"\e144"
+}
+.glyphicon-sort:before {
+  content:"\e150"
+}
+.glyphicon-sound-stereo:before {
+  content:"\e189"
+}
+* {
+  -webkit-box-sizing:border-box;
+  -moz-box-sizing:border-box;
+  box-sizing:border-box
+}
+*:before, *:after {
+  -webkit-box-sizing:border-box;
+  -moz-box-sizing:border-box;
+  box-sizing:border-box
+}
+html {
+  font-size:10px;
+  -webkit-tap-highlight-color:rgba(0, 0, 0, 0)
+}
+body {
+  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size:14px;
+  line-height:1.42857143;
+  color:#c8c8c8;
+  background-color: #272b30;
+}
+input, button, select, textarea {
+  font-family:inherit;
+  font-size:inherit;
+  line-height:inherit
+}
+a {
+  color:#ffffff;
+  text-decoration:none
+}
+a:hover, a:focus {
+  color:#ffffff;
+  text-decoration:underline
+}
+a:focus {
+  outline:none;
+  /* outline:thin dotted;
+  outline:5px auto -webkit-focus-ring-color;
+  outline-offset:-2px */
+}
+hr {
+  margin-top:20px;
+  margin-bottom:20px;
+  border:0;
+  border-top:1px solid #282a2d
+}
+h3, h4 {
+  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-weight:500;
+  line-height:1.1;
+  color:inherit
+}
+h3 {
+  margin-top:20px;
+  margin-bottom:10px
+}
+h4 {
+  margin-top:10px;
+  margin-bottom:10px
+}
+h3 {
+  font-size:24px
+}
+h4 {
+  font-size:18px
+}
+p {
+  margin:0 0 10px
+}
+.text-muted {
+  color:rgba(120, 126, 132, 0.85)
+}
+.text-info {
+  color:#ffffff
+}
+.text-danger {
+  color:#ffffff
+}
+ul {
+  margin-top:0;
+  margin-bottom:10px
+}
+ul ul {
+  margin-bottom:0
+}
+code, pre {
+  font-family:Menlo, Monaco, Consolas, "Courier New", monospace
+}
+code {
+  padding:2px 4px;
+  font-size:90%;
+  color:#c7254e;
+  background-color:#f9f2f4;
+  border-radius:0px
+}
+pre {
+  display:block;
+  padding:9.5px;
+  margin:0 0 10px;
+  font-size:13px;
+  line-height:1.42857143;
+  word-break:break-all;
+  word-wrap:break-word;
+  color:rgba(20, 22, 26, 0.7);
+  background-color:#f5f5f5;
+  border:1px solid #cccccc;
+  border-radius:0px
+}
+.container {
+  margin-right:auto;
+  margin-left:auto;
+  padding-left:15px;
+  padding-right:15px
+}
+@media (min-width:768px) {
+    .container {
+      width:750px
+    }
+}
+@media (min-width:992px) {
+  .container {
+    width:970px
+  }
+}
+@media (min-width:1200px) {
+  .container {
+    width:1170px
+  }
+}
+.container-fluid {
+  margin-right:auto;
+  margin-left:auto;
+  padding-left:15px;
+  padding-right:15px
+}
+.row {
+  margin-left:-15px;
+  margin-right:-15px
+}
+.col-sm-4, .col-md-5, .col-lg-5, .col-md-7, .col-lg-7, .col-sm-8, .col-md-12, .col-lg-12 {
+  position:relative;
+  min-height:1px;
+  padding-left:15px;
+  padding-right:15px
+}
+@media (min-width:768px) {
+  .col-sm-4, .col-sm-8 {
+  float:left
+  }
+  .col-sm-8 {
+  width:66.66666667%
+  }
+  .col-sm-4 {
+  width:33.33333333%
+  }
+  .col-sm-offset-4 {
+  margin-left:33.33333333%
+  }
+}
+@media (min-width:992px) {
+  .col-md-5, .col-md-7, .col-md-12 {
+  float:left
+  }
+  .col-md-12 {
+  width:100%
+  }
+  .col-md-7 {
+  width:58.33333333%
+  }
+  .col-md-5 {
+  width:41.66666667%
+  }
+}
+@media (min-width:1200px) {
+  .col-lg-5, .col-lg-7, .col-lg-12 {
+  float:left
+  }
+  .col-lg-12 {
+  width:100%
+  }
+  .col-lg-7 {
+  width:58.33333333%
+  }
+  .col-lg-5 {
+  width:41.66666667%
+  }
+}
+table {
+  background-color:rgba(22, 24, 29, 0.7)
+}
+th {
+  text-align:left
+}
+.table {
+  width:100%;
+  max-width:100%;
+  margin-bottom:20px
+}
+.table>thead>tr>th {
+  padding:8px;
+  line-height:1.42857143;
+  vertical-align:top;
+  border-top:1px solid rgba(0, 0, 0, 0.7)
+}
+.table>thead>tr>th {
+  vertical-align:bottom;
+  border-bottom:2px solid rgba(0, 0, 0, 0.7)
+}
+.table>thead:first-child>tr:first-child>th {
+  border-top:0
+}
+.table-condensed>thead>tr>th {
+  padding:5px
+}
+label {
+  display:inline-block;
+  max-width:100%;
+  margin-bottom:5px;
+  font-weight:bold
+}
+input[type="checkbox"] {
+  margin:4px 0 0;
+  margin-top:1px \9;
+  line-height:normal
+}
+select[multiple] {
+  height:auto
+}
+input[type="checkbox"]:focus {
+  outline:none;
+  /* outline:thin dotted;
+  outline:5px auto -webkit-focus-ring-color;
+  outline-offset:-2px */
+}
+.form-control {
+  display:block;
+  width:100%;
+  height:38px;
+  padding:8px 12px;
+  font-size:14px;
+  line-height:1.42857143;
+  color:#34373a;
+  background-color:rgba(20, 22, 26, 0.7);
+  background-image:none;
+  border:1px solid #000000;
+  border-radius:0px;
+  -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  -webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
+  -o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+  transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s
+}
+.form-control:focus {
+  border-color:#646464;
+  outline:0;
+  -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(100, 100, 100, 0.6);
+  box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(100, 100, 100, 0.6)
+}
+.form-control::-moz-placeholder {
+  color:rgba(120, 126, 132, 0.85);
+  opacity: 1;
+}
+.form-control::-moz-placeholder,
+.form-control:-ms-input-placeholder,
+.form-control::-webkit-input-placeholder,
+.form-control::placeholder {
+  color:rgba(120, 126, 132, 0.85);
+}
+textarea.form-control {
+  height:auto
+}
+.form-group {
+  margin-bottom:15px
+}
+.checkbox {
+  position:relative;
+  display:block;
+  margin-top:10px;
+  margin-bottom:10px
+}
+.checkbox label {
+  min-height:20px;
+  padding-left:20px;
+  margin-bottom:0;
+  font-weight:normal;
+  cursor:pointer
+}
+.checkbox input[type="checkbox"] {
+  position:absolute;
+  margin-left:-20px;
+  margin-top:4px \9
+}
+@media (min-width:768px) {
+.form-inline .form-group {
+display:inline-block;
+margin-bottom:0;
+vertical-align:middle
+}
+.form-inline .form-control {
+display:inline-block;
+width:auto;
+vertical-align:middle
+}
+.form-inline .input-group {
+display:inline-table;
+vertical-align:middle
+}
+.form-inline .input-group .input-group-btn, .form-inline .input-group .form-control {
+width:auto
+}
+.form-inline .input-group>.form-control {
+width:100%
+}
+.form-inline .checkbox {
+display:inline-block;
+margin-top:0;
+margin-bottom:0;
+vertical-align:middle
+}
+.form-inline .checkbox label {
+padding-left:0
+}
+.form-inline .checkbox input[type="checkbox"] {
+position:relative;
+margin-left:0
+}
+}
+.form-horizontal .checkbox {
+  margin-top:0;
+  margin-bottom:0;
+  padding-top:9px
+}
+.form-horizontal .checkbox {
+  min-height:29px
+}
+.form-horizontal .form-group {
+  margin-left:-15px;
+  margin-right:-15px
+}
+@media (min-width:768px) {
+.form-horizontal .control-label {
+text-align:right;
+margin-bottom:0;
+padding-top:9px
+}
+}
+.btn {
+  display:inline-block;
+  margin-bottom:0;
+  font-weight:normal;
+  text-align:center;
+  vertical-align:middle;
+  -ms-touch-action:manipulation;
+  touch-action:manipulation;
+  cursor:pointer;
+  background-image:none;
+  white-space:nowrap;
+  padding:8px 12px;
+  font-size:14px;
+  line-height:1.42857143;
+  border-radius:0px;
+  -webkit-user-select:none;
+  -moz-user-select:none;
+  -ms-user-select:none;
+  user-select:none
+}
+.btn:focus, .btn:active:focus {
+  outline:none;
+  /* outline:thin dotted;
+  outline:5px auto -webkit-focus-ring-color;
+  outline-offset:-2px */
+}
+.btn:hover, .btn:focus {
+  color:#ffffff;
+  text-decoration:none
+}
+.btn:active {
+  outline:none;
+  /* outline:0;
+  background-image:none;
+  -webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125) */
+}
+.btn[disabled] {
+  cursor:not-allowed;
+  pointer-events:none;
+  opacity:0.65;
+  filter:alpha(opacity=65);
+  -webkit-box-shadow:none;
+  box-shadow:none
+}
+.btn-default:hover, .btn-default:focus, .btn-default:active {
+  color:#ffffff;
+}
+.btn-default:active {
+  background-image:none
+}
+.btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active {
+  background-color:rgba(20, 22, 26, 0.7);
+  border-color:rgba(0, 0, 0, 0.7)
+}
+.btn-primary {
+  color:#ffffff;
+  background-color:rgba(120, 126, 132, 0.85);
+  border-color:rgba(0, 0, 0, 0.7)
+}
+.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
+  color:#ffffff;
+  background-color:rgba(96, 101, 105, 0.85);
+  border-color:rgba(0, 0, 0, 0.7)
+}
+.btn-primary:active {
+  background-image:none
+}
+.btn-success {
+  color:#ffffff;
+  background-color:rgba(76, 174, 76, 0.75);
+  border-color:rgba(6, 14, 6, 0.75)
+}
+.btn-success:hover, .btn-success:focus, .btn-success:active {
+  color:#ffffff;
+  background-color:rgba(60, 139, 60, 0.75);
+  border-color:rgba(0, 0, 0, 0.75)
+}
+.btn-success:active {
+  background-image:none
+}
+.btn-info {
+  color:#ffffff;
+  background-color:rgba(78, 185, 217, 0.75);
+  border-color:rgba(7, 27, 33, 0.75)
+}
+.btn-info:hover, .btn-info:focus, .btn-info:active {
+  color:#ffffff;
+  background-color:rgba(43, 165, 201, 0.75);
+  border-color:rgba(0, 0, 0, 0.75)
+}
+.btn-info:active {
+  background-image:none
+}
+.btn-danger {
+  color:#ffffff;
+  background-color:rgba(238, 72, 67, 0.75);
+  border-color:rgba(46, 5, 4, 0.75)
+}
+.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
+  color:#ffffff;
+  background-color:rgba(233, 27, 21, 0.75);
+  border-color:rgba(0, 0, 0, 0.75)
+}
+.btn-danger:active {
+  background-image:none
+}
+.btn-sm {
+  padding:5px 10px;
+  font-size:12px;
+  line-height:1.5;
+  border-radius:0px
+}
+.btn-xs {
+  padding:1px 5px;
+  font-size:12px;
+  line-height:1.5;
+  border-radius:0px
+}
+.fade {
+  opacity:0;
+  -webkit-transition:opacity 0.15s linear;
+  -o-transition:opacity 0.15s linear;
+  transition:opacity 0.15s linear
+}
+.collapse {
+  display:none;
+  visibility:hidden
+}
+.caret {
+  display:inline-block;
+  width:0;
+  height:0;
+  margin-left:2px;
+  vertical-align:middle;
+  border-top:4px solid;
+  border-right:4px solid transparent;
+  border-left:4px solid transparent
+}
+.dropdown {
+  position:relative
+}
+.dropdown-toggle:focus {
+  outline:0
+}
+.dropdown-menu {
+  position:absolute;
+  top:100%;
+  left:0;
+  z-index:1000;
+  display:none;
+  float:left;
+  min-width:160px;
+  padding:5px 0;
+  margin:2px 0 0;
+  list-style:none;
+  font-size:14px;
+  text-align:left;
+  background-color:rgba(20, 22, 26, 0.96);
+  border:1px solid #34373a;
+  border:1px solid #000000;
+  border-radius:0px;
+  -webkit-box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);
+  box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);
+  -webkit-background-clip:padding-box;
+  background-clip:padding-box
+}
+.dropdown-menu .divider {
+  height: 1px;
+  margin: 3px 0 0;
+  overflow: hidden;
+  background-color: rgba(0, 0, 0, 0.75)
+}
+.dropdown-menu>li>a {
+  display:block;
+  padding:3px 20px;
+  clear:both;
+  font-weight:normal;
+  line-height:1.42857143;
+  color:#c8c8c8;
+  white-space:nowrap
+}
+.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
+  text-decoration:none;
+  color:#ffffff;
+  background-color:rgba(0, 2, 4, 0.4)
+}
+.btn-group {
+  position:relative;
+  display:inline-block;
+  vertical-align:middle
+}
+.btn-group>.btn {
+  position:relative;
+  float:left
+}
+.btn-group>.btn:hover, .btn-group>.btn:focus, .btn-group>.btn:active {
+  z-index:2
+}
+.btn-group .btn+.btn {
+  margin-left:-1px
+}
+.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
+border-radius:0
+}
+.btn-group>.btn:first-child {
+  margin-left:0
+}
+.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
+border-bottom-right-radius:0;
+border-top-right-radius:0
+}
+.btn-group>.btn:last-child:not(:first-child) {
+border-bottom-left-radius:0;
+border-top-left-radius:0
+}
+.input-group {
+  position:relative;
+  display:table;
+  border-collapse:separate
+}
+.input-group .form-control {
+  position:relative;
+  z-index:2;
+  float:left;
+  width:100%;
+  margin-bottom:0
+}
+.input-group-addon, .input-group-btn, .input-group .form-control {
+  display:table-cell
+}
+.input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
+border-radius:0
+}
+.input-group-addon, .input-group-btn {
+  width:1%;
+  white-space:nowrap;
+  vertical-align:middle
+}
+.input-group-addon {
+  padding:8px 12px;
+  font-size:14px;
+  font-weight:normal;
+  line-height:1;
+  color:#34373a;
+  text-align:center;
+  background-color:rgba(70, 76, 82, 0.4);
+}
+.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
+border-bottom-right-radius:0;
+border-top-right-radius:0
+}
+.input-group-addon:first-child {
+  border-right:0
+}
+.input-group .form-control:last-child, .input-group-btn:last-child>.btn {
+border-bottom-left-radius:0;
+border-top-left-radius:0
+}
+.input-group-btn {
+  position:relative;
+  font-size:0;
+  white-space:nowrap
+}
+.input-group-btn>.btn {
+  position:relative
+}
+.input-group-btn>.btn+.btn {
+  margin-left:-1px
+}
+.input-group-btn>.btn:hover, .input-group-btn>.btn:focus, .input-group-btn>.btn:active {
+  z-index:2
+}
+.input-group-btn:first-child>.btn {
+  margin-right:-1px
+}
+.input-group-btn:last-child>.btn {
+  margin-left:-1px
+}
+.nav {
+  margin-bottom:0;
+  padding-left:0;
+  list-style:none
+}
+.nav>li {
+  position:relative;
+  display:block
+}
+.nav>li>a {
+  position:relative;
+  display:block;
+  padding:10px 15px
+}
+.nav>li>a:hover, .nav>li>a:focus {
+  text-decoration:none;
+  background-color:rgba(7, 7, 9, 0.7)
+}
+.nav-tabs {
+  border-bottom:1px solid rgba(0, 0, 0, 0.7)
+}
+.nav-tabs>li {
+  float:left;
+  margin-bottom:-1px
+}
+.nav-tabs>li>a {
+  margin-right:2px;
+  line-height:1.42857143;
+  border:1px solid transparent;
+  border-radius:0px 0px 0 0
+}
+.nav-tabs>li>a:hover {
+  border-color:rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7)
+}
+.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
+  color:#ffffff;
+  background-color:rgba(20, 22, 26, 0.7);
+  border:1px solid rgba(0, 0, 0, 0.7);
+  border-bottom-color:transparent;
+  cursor:default
+}
+.tab-content>.tab-pane {
+  display:none;
+  visibility:hidden
+}
+.tab-content>.active {
+  display:block;
+  visibility:visible
+}
+.nav-tabs .dropdown-menu {
+  margin-top:-1px;
+  border-top-right-radius:0;
+  border-top-left-radius:0
+}
+.navbar {
+  position: relative;
+  min-height: 0;
+  margin-bottom: 10px;
+  border: 1px solid transparent;
+}
+.navbar li a {
+  padding: 5px 15px !important;
+}
+.navbar-text {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+@media (min-width:768px) {
+  .navbar {
+    border-radius:0px
+  }
+}
+@media (min-width:768px) {
+  .navbar-header {
+    float:left
+  }
+}
+.navbar-collapse {
+  overflow-x:visible;
+  padding-right:15px;
+  padding-left:15px;
+  border-top:1px solid transparent;
+  -webkit-overflow-scrolling:touch
+}
+@media (min-width:768px) {
+  .navbar-collapse {
+    width:auto;
+    border-top:0;
+    -webkit-box-shadow:none;
+    box-shadow:none
+  }
+  .navbar-collapse.collapse {
+    display:block !important;
+    visibility:visible !important;
+    height:auto !important;
+    padding-bottom:0;
+    overflow:visible !important
+  }
+}
+.navbar-brand {
+  float:left;
+  padding: 5px;
+  font-size: 15px;
+  line-height: 20px;
+  height: 20px;
+}
+.navbar-brand:hover, .navbar-brand:focus {
+  text-decoration:none
+}
+.navbar-nav {
+  margin:7.5px -15px
+}
+.navbar-nav>li>a {
+  padding-top:10px;
+  padding-bottom:10px;
+  line-height:20px
+}
+@media (min-width:768px) {
+  .navbar-nav {
+  float:left;
+  margin:0
+  }
+  .navbar-nav>li {
+  float:left
+  }
+  .navbar-nav>li>a {
+  padding-top:15px;
+  padding-bottom:15px
+  }
+}
+.navbar-nav>li>.dropdown-menu {
+  margin-top:0;
+  border-top-right-radius:0;
+  border-top-left-radius:0
+}
+.navbar-inverse {
+  background-color:rgba(20, 22, 26, 0.7);
+  border-color:rgba(0, 0, 0, 0.7)
+}
+.navbar-inverse .navbar-brand {
+  color:#c8c8c8
+}
+.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
+  color:#ffffff;
+  background-color:none
+}
+.navbar-inverse .navbar-nav>li>a {
+  color:#c8c8c8
+}
+.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
+  color:#ffffff;
+  background-color:rgba(14, 16, 19, 0.7)
+}
+.navbar-inverse {
+  border-color:rgba(2, 2, 3, 0.7)
+}
+.navbar-inverse, .navbar-inverse {
+  background-color:rgba(7, 7, 9, 0.7)
+}
+.navbar-inverse .navbar-collapse {
+  border-color:rgba(4, 5, 6, 0.7)
+}
+.label {
+  display:inline;
+  padding:.2em .6em .3em;
+  font-size:75%;
+  font-weight:bold;
+  line-height:1;
+  color:#ffffff;
+  text-align:center;
+  white-space:nowrap;
+  vertical-align:baseline;
+  border-radius:.25em
+}
+.label-default {
+  background-color:#1e1e1e;
+}
+.label-success {
+  background-color: #377339;
+}
+
+.embed-responsive {
+  position:relative;
+  display:block;
+  height:0;
+  padding:0;
+  overflow:hidden
+}
+.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
+  position:absolute;
+  top:0;
+  left:0;
+  bottom:0;
+  height:100%;
+  width:100%;
+  border:0
+}
+.embed-responsive.embed-responsive-16by9 {
+  /* padding-bottom:56.25%; */
+  padding-bottom:60%;
+  background-color: rgb(26, 29, 32);
+}
+.embed-responsive.embed-responsive-4by3 {
+  padding-bottom:75%
+}
+video {
+  background-color: #000;
+}
+.well {
+  min-height:20px;
+  padding:19px;
+  margin-bottom:20px;
+  background-color:rgba(30, 30, 30, 0.5) !important;
+  border:1px solid rgba(0, 0, 0, 0.5) !important;
+  border-radius:0px;
+  -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
+  box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05)
+}
+.close {
+  float:right;
+  font-size:21px;
+  font-weight:bold;
+  line-height:1;
+  color:#000000;
+  text-shadow:0 1px 0 #ffffff;
+  opacity:0.2;
+  filter:alpha(opacity=20)
+}
+.close:hover, .close:focus {
+  color:#000000;
+  text-decoration:none;
+  cursor:pointer;
+  opacity:0.5;
+  filter:alpha(opacity=50)
+}
+button.close {
+  padding:0;
+  cursor:pointer;
+  background:transparent;
+  border:0;
+  -webkit-appearance:none
+}
+.modal {
+  display:none;
+  overflow:hidden;
+  position:fixed;
+  top:0;
+  right:0;
+  bottom:0;
+  left:0;
+  z-index:1040;
+  -webkit-overflow-scrolling:touch;
+  outline:0
+}
+.modal.fade .modal-dialog {
+  -webkit-transform:translate(0, -25%);
+  -ms-transform:translate(0, -25%);
+  -o-transform:translate(0, -25%);
+  transform:translate(0, -25%);
+  -webkit-transition:-webkit-transform .3s ease-out;
+  -o-transition:-o-transform .3s ease-out;
+  transition:transform .3s ease-out
+}
+.modal-dialog {
+  position:relative;
+  width:auto;
+  margin:10px
+}
+.modal-content {
+  position:relative;
+  background-color:#2a2d30;
+  border:1px solid #999999;
+  border:1px solid rgba(0, 0, 0, 0.7);
+  border-radius:0px;
+  -webkit-box-shadow:0 3px 9px rgba(0, 0, 0, 0.5);
+  box-shadow:0 3px 9px rgba(0, 0, 0, 0.5);
+  -webkit-background-clip:padding-box;
+  background-clip:padding-box;
+  outline:0
+}
+.modal-header {
+  padding:12px;
+  border-bottom:1px solid rgba(0, 0, 0, 0.7);
+  min-height:13.42857143px
+}
+.modal-header .close {
+  margin-top:-2px
+}
+.modal-body {
+  position:relative;
+  padding:16px
+}
+.modal-footer {
+  padding:16px;
+  text-align:right;
+  border-top:1px solid rgba(0, 0, 0, 0.7)
+}
+.modal-footer .btn+.btn {
+  margin-left:5px;
+  margin-bottom:0
+}
+@media (min-width:768px) {
+  .modal-dialog {
+    width:600px;
+    margin:30px auto
+  }
+  .modal-content {
+    -webkit-box-shadow:0 5px 15px rgba(0, 0, 0, 0.5);
+    box-shadow:0 5px 15px rgba(0, 0, 0, 0.5)
+  }
+}
+.container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .modal-footer:before, .modal-footer:after {
+  content:" ";
+  display:table
+}
+.container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .modal-footer:after {
+  clear:both
+}
+.pull-right {
+  float:right !important
+}
+.pull-left {
+  float:left !important
+}
+@-ms-viewport {
+  width:device-width
+}
+.navbar {
+  border:1px solid rgba(0, 0, 0, 0.6);
+  text-shadow:1px 1px 1px rgba(0, 0, 0, 0.3)
+}
+.navbar-nav>li>a {
+  border-right:transparent;
+  border-left:transparent
+}
+.navbar-nav>li>a:hover {
+  border-left-color:transparent
+}
+.btn, .btn:hover {
+  border-top: 0;
+  background-color: #171A1D;
+  text-shadow:1px 1px 1px rgba(0, 0, 0, 0.3)
+}
+h3 {
+  text-shadow:2px 2px 0 rgba(0, 0, 0, 0.2)
+}
+h4 {
+  text-shadow:-1px 1px 2px rgba(0, 0, 0, 0.4)
+}
+.text-danger, .text-danger:hover {
+  color:rgba(238, 72, 67, 0.75)
+}
+.text-info, .text-info:hover {
+  color:rgba(78, 185, 217, 0.75)
+}
+.table {
+  border:1px solid rgba(0, 0, 0, 0.7)
+}
+input, textarea {
+  color:#34373a
+}
+.input-group-addon {
+  text-shadow:1px 1px 1px rgba(0, 0, 0, 0.3);
+  color:#ffffff
+}
+html, body {
+  /* font-family: 'Roboto', sans-serif!important; */
+  font-family:Play !important;
+  font-weight: 300;
+}
+p, h3, h4 {
+  font-family: 'Roboto', sans-serif;
+  font-weight: 300;
+}
+hr {
+  border-color: #191919;
+}
+.navbar-inverse {
+  background-color: #141414;
+  border-color: #1e1e1e;
+}
+/* set the fixed height of the footer here */
+footer {
+  background-color: rgba(0, 0, 0, 0.44) !important;
+  border: 0 solid #080808;
+}
+body {
+  color: #bbbbbb;
+}
+a {
+  color: #eeeeee;
+}
+a:hover, a:focus {
+  color: #0099CC;
+  text-decoration: underline;
+}
+.modal-content {
+  background: #1E1E1E;
+}
+/* theme */
+.btn, .form-control, .well {
+  border-radius: 1px;
+  box-shadow: 0 0 0;
+}
+.btn {
+  border: 0px;
+}
+.btn-default {
+  background-color: #1A1D20;
+}
+.btn.active {
+  background-color: #0C0D0E;
+}
+/* .btn-default, .well {
+  background-color: #272727;
+  color: #bbbbbb;
+} */
+/* .btn-default:focus {
+  background-color: rgb(39, 39, 39);
+  border-color: #0099CC;
+  border-top: 3px solid #0099CC;
+  color: #ffffff;
+ transition: all .3s ease-in-out;
+} */
+/* .btn-success {
+  background-color: #669900;
+} */
+.btn-success {
+  background-color: #377339;
+}
+.btn-success:hover {
+  background-color: #438D45;
+}
+.btn-danger {
+  background-color: #D33C3C;
+}
+.btn-danger:hover {
+  background-color: #FF4444;
+}
+.btn-success, .btn-danger {
+  margin-left: 0px !important;
+}
+.nav-tabs > li > a {
+  border-radius: 0;
+}
+.navbar-nav > li > .dropdown-menu {
+  border-radius: 0;
+}
+.dropdown-menu {
+  background-color: #080808;
+  color: #bbbbbb;
+}
+.dropdown-menu > li > a {
+  color: #bbbbbb;
+}
+.dropdown-menu > li > a:hover {
+  color: #bbbbbb;
+  background-color: #1e1e1e;
+}
+.dropdown-menu .divider {
+  background-color: #333333;
+}
+.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
+  color: #cccccc;
+  cursor: default;
+  background-color: #080808;
+  border: 1px solid #080808;
+}
+.nav-tabs > li > a:hover {
+  border-color: #171717;
+  border-bottom-color: #1e1e1e;
+}
+.nav > li > a:hover, .nav > li > a:focus {
+  text-decoration: none;
+  background-color: #171717;
+  color: #cccccc;
+}
+.nav-tabs {
+  border-bottom: 1px solid #080808;
+}
+.modal-footer {
+  border-top: 1px solid #080808;
+}
+#chatheader, #currenttitle, #userlist, #messagebuffer, .queue_entry {
+  border-radius: 0px;
+  border-color: #1e1e1e;
+  background-color: #171A1D;
+}
+#plmeta, #userlist, #messagebuffer, .queue_entry {
+  background-color: #1A1D20;
+}
+#userlist {
+  text-shadow: 1px 1px 1px #000000;
+  border-left: 0;
+  border-right: 1px solid #171A1D;
+}
+.form-control, input.form-control[type="text"], textarea.form-control {
+  background-color: rgba(0, 0, 0, 0.7) !important;
+  color: #c8c8c8;
+  border-color: #1e1e1e;
+}
+select option {
+  background-color: #171717;
+  color: #cccccc;
+}
+.form-control:focus {
+  border-color: #5E9ACA !important;
+  box-shadow: none;
+}
+#mainpage {
+  padding-top: 0;
+}
+#wrap {
+  min-height: 100%;
+  height: auto;
+  margin: 0 auto -60px;
+  padding: 0 0 60px;
+}
+#messagebuffer, #userlist, #queue {
+  overflow-y: auto !important;
+}
+#currenttitle {
+  text-align: center;
+}
+.queue_entry {
+  background-color: #16191C;
+  border-color: #2c2e31;
+}
+.queue_entry.queue_active {
+  background-color: #1f2224;
+  border-color: #2c2e31;
+}
diff --git a/res/css/mobile-view.css b/res/css/mobile-view.css
new file mode 100644
index 0000000..a23b963
--- /dev/null
+++ b/res/css/mobile-view.css
@@ -0,0 +1,81 @@
+/* Mobile view */
+
+.mobile-view .navbar {
+	display: none;
+}
+.mobile-view #mainpage {
+	padding-top: 0;
+}
+.mobile-view #messagebuffer :nth-child(n+5):last-child {
+	margin-bottom: 0;
+}
+.mobile-view #chatwrap {
+	padding-left: 0;
+	padding-right: 0;
+	margin-bottom: 0;
+}
+.mobile-view #videowrap {
+	padding-left: 0;
+	padding-right: 0;
+}
+.mobile-view #currenttitle {
+	display: inline;
+	background-color: transparent;
+	text-align: center;
+	border: none;
+}
+.mobile-view #plcontrol {
+	display: none;
+}
+.mobile-view #leftcontrols {
+	text-align: center;
+}
+.mobile-view #rightcontrols {
+	text-align: center;
+}
+.mobile-view #videocontrols {
+	float: none !important;
+	width: 100%;
+}
+.mobile-view #extendplayer {
+	display: none;
+}
+.mobile-view #videocontrols .btn {
+	width: 20%;
+}
+/* .mobile-view .btn-xs {
+	padding: 4px 5px;
+} */
+.mobile-view #rightpane-inner {
+	padding-left: 0;
+	padding-right: 0;
+}
+.mobile-view #wrap {
+	padding-bottom: 0;
+	margin-bottom: 0;
+}
+.mobile-view #footer {
+	display: none;
+}
+
+@media (max-width:799px)  {
+	.navbar {
+		/* display: none; */
+		border-color: #272b30 !important;
+		background: rgb(39, 43, 48) !important;
+		margin-bottom: 0;
+	}
+	#chatwrap {
+		width: 100% !important;
+		margin-bottom: 0;
+	}
+	#videowrap {
+		width: 100% !important;
+	}
+	.gutter.gutter-horizontal {
+		display: none;
+	}
+	#currenttitle {
+		display: none;
+	}
+}
diff --git a/res/css/sticky-footer-navbar.css b/res/css/sticky-footer-navbar.css
new file mode 100644
index 0000000..249aa42
--- /dev/null
+++ b/res/css/sticky-footer-navbar.css
@@ -0,0 +1,26 @@
+html,
+body {
+  height: 100%;
+  /* The html and body elements cannot have any padding or margin. */
+}
+
+/* Wrapper for page content to push down footer */
+#wrap {
+  min-height: 100%;
+  height: auto;
+  /* Negative indent footer by its height */
+  margin: 0 auto -60px;
+  /* Pad bottom by footer height */
+  padding: 0 0 60px;
+}
+
+/* Set the fixed height of the footer here */
+#footer {
+  min-height: 60px;
+  background-color: #f5f5f5;
+}
+
+.container .credit {
+    margin: 20px 0;
+    text-align: center;
+}
-- 
cgit v1.2.3