Initial commit

1 files changed, 725 insertions, 0 deletions

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