aboutsummaryrefslogtreecommitdiffstats
path: root/res/css
diff options
context:
space:
mode:
Diffstat (limited to 'res/css')
-rw-r--r--res/css/custom.css0
-rw-r--r--res/css/cytube.css725
-rw-r--r--res/css/des.css1350
-rw-r--r--res/css/mobile-view.css81
-rw-r--r--res/css/sticky-footer-navbar.css26
5 files changed, 2182 insertions, 0 deletions
diff --git a/res/css/custom.css b/res/css/custom.css
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/res/css/custom.css
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;
+}
send patches to the email below
yukais@pinapelz.com
include the subject [PATCH repo_name]
pinapelz.com
homepage