tacticool.css

.component-row {
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.6);
  }
  .navbar-default .navbar-brand, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #0f0 !important;
    text-shadow: 0 0 20px #0f0;
  }
  .navbar-nav > li > a {
    color: #fff !important;
    text-shadow: none
  }
  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: rgba(30, 30, 30, 0.8) !important;
    text-shadow: 0 0 5px #0f0;
  }
  .navbar-default .nav > li > a:hover {
    color: #0f0 !important;
    text-shadow: 0 0 5px #0f0;
  }
  body.dim .navbar-default, .navbar-default {
    background-image: linear-gradient(to bottom, #000 0, #222 100%);
    border-bottom: 1px dashed #0f0;
  }
  .navbar-default {
    background-color: #000;
  }
  .dropdown-menu {
    background: rgba(30, 30, 30, 0.8);
  }
  .dropdown-menu > li > a {
    color: #fff
  }
  .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #0f0;
    background-color: rgba(30, 30, 30, 0.6) !important;
    background-image: linear-gradient(to bottom, rgba(30, 30, 30, 0.2) 0px, #000 100%);
  }
  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #000;
    border-color: #000;
  }
  .form-control:focus {
    border-color: #0f0;
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 10px rgba(0, 255, 0, 0.6);
  }
  .glyphicon, .fa, h3, h4, h2, pre {
    color: #0f0;
  }
  .fa:hover {
    text-shadow: 0 0 5px #0f0;
  }
  .btn-primary {
    background-image: linear-gradient(to bottom, #666 0px, #333 100%);
    background-repeat: repeat-x;
    border-color: #222;
  }
  .btn-primary:hover, .btn-primary:focus {
    background-color: #333;
  }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    border-color: #222;
  }
  body.dim {
    background-color: #111;
  }
  body {
    border-color: #000 !important;
    background-image: none !important;
    background-color: #111;
  }
  .room-container .room-component-row {
    border-right: 1px solid #000;
    border-left: 1px solid #000;
  }
  a:hover, a:focus {
    color: #0f0;
    text-decoration: underline;
    text-shadow: 0 0 5px #0f0;
  }
  a, .page-container .rooms .room .title a {
    color: #0f0;
    text-decoration: none;
  }
  .text-info {
    color: #090;
  }
  i {
    color: #0c0;
  }
  i:hover {
    color: #0f0;
  }
  p, h2, .h2 {
    color: #fff;
  }
  .nav > li > a {
    background-color: transparent !important;
  }
  .room-container .room-component-row .chat, .room-container .room-component-row .chat #tabs_chat_content .chat-messages {
    background-color: #222;
    color: #fff;
  }
  .room-container .room-component-row .chat #tabs_chat_content .chat-messages .chat-message .greentext {
    color: #0c0 !important;
  }
  .room-container .room-component-row .chat #tabs_chat_content .chat-messages .chat-message .username {
    color: #0c0;
  }
  .room-container .room-component-row .chat #tabs_chat_content .chat-messages .chat-message .username:hover {
    text-shadow: 0 0 5px;
  }
  .room-container .room-component-row .chat #user_profile_modal .modal-body .bio {
    color: #fff;
  }
  .room-container .room-component-row .chat .chat-tabs li.tabs-users:hover, .room-container .room-component-row .chat .chat-tabs li.tabs-users.visible {
    background-color: #333;
  }
  .room-container .room-component-row .chat #tabs_chat_content .user-list li:hover {
    cursor: pointer;
    text-decoration: underline;
    background-color: transparent;
    text-shadow: 0 0 2px;
  }
  .room-container .room-component-row .chat #tabs_chat_content .user-list li.registered, .room-container .room-component-row .chat #tabs_chat_content .user-list li.registered:hover {
    color: #0c0
  }
  .room-container .room-component-row .chat #tabs_chat_content .user-list li, .room-container .room-component-row .chat #tabs_chat_content .user-list li:hover {
    color: #999;
  }
  .room-container .room-component-row .chat #tabs_chat_content .chat-messages .chat-message .hashtext {
    color: #0ff;
  }
  .room-container .room-component-row .chat #user_profile_modal .modal-body, .room-container .room-component-row .chat #user_profile_modal .modal-header, .room-container .room-component-row .chat #user_profile_modal .modal-footer, .room-container .room-component-row .chat #user_profile_modal .modal-content {
    background-color: rgba(30, 30, 30, 0.6);
  }
  .modal-content {
    background-color: rgba(30, 30, 30, 0.6) !important;
  }
  .room-container .room-component-row .chat #user_profile_modal .modal-body .avatar {
    background-color: #030
  }
  .close:hover, .close:focus {
    color: #0f0;
    opacity: 1;
  }
  .close {
    color: #fff;
    text-shadow: none;
    opacity: 0.5;
  }
  .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: #222 !important;
    border-color: #000 #000 transparent;
  }
  .nav-tabs {
    border-bottom: 1px solid #000;
  }
  .nav-tabs > li {
    border-color: transparent;
  }
  .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus {
    border-color: transparent;
  }
  .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus {
    border-bottom-color: #fff
  }
  .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #222;
  }
  .nav > li > a {
    background-color: #fff;
    color: #0f0;
  }
  .form-control {
    background-color: #000;
    color: #666;
  }
  .room-container .room-component-row .chat #tabs_chat_content .user-list {
    background-color: rgba(30, 30, 30, 0.8);
  }
  .chat #tabs_chat_content .user-list li.mod {
    color: #0f0 !important;
  }
  .nav-tabs > li > a:hover {
    border-color: transparent;
  }
  .room-container .room-component-row .chat #tabs_chat_content .chat-messages .chat-message .message:hover {
    background-color: transparent;
  }
  .room-container .room-component-row .chat #tabs_chat_content .input {
    color: #fff;
  }
  .room-container .room-component-row .chat #tabs_chat_content .input #cin {
    background-color: #222;
    border-color: #000;
  }
  .room-container .room-component-row .chat #tabs_chat_content .input #join #join_username {
    background-color: #222;
  }
  .room-container .room-component-row .chat {
    border-bottom: none;
  }
  .room-container .room-component-row .column {
    border-top: 1px solid #000;
  }
  .room-container .room-component-row .video-controls .nav-tabs {
    background-color: #222;
  }
  .room-container .room-component-row .video-controls .nav-tabs li.skip-controls #skip_counter {
    color: #fff
  }
  .room-container .room-component-row .video-controls .nav-tabs li a {
    color: #fff;
  }
  .room-container .room-component-row {
    box-shadow: none;
    background-color: #222;
    border-color: #000;
  }
  #poll_tab .poll .poll-title, #poll_column .poll .poll-title {
    color: #0f0 !important;
  }
  #poll_column .poll.active {
    background-color: #030;
  }
  #poll_column .poll .poll-options, #poll_column .poll .poll-title, #poll_tab .poll, #poll_column .poll {
    color: #fff;
  }
  #poll_tab .poll.active .poll-options .poll-option .poll-votes, #poll_column .poll.active .poll-options .poll-option .poll-votes {
    border: 1px solid #0f0;
    background-color: transparent;
    cursor: pointer;
    color: #0f0;
  }
  #poll_tab .poll.active .poll-options .poll-option .poll-votes, #poll_column .poll.active .poll-options .poll-option .poll-votes:hover {
    box-shadow: 0 0 5px #0f0;
    text-shadow: 0 0 2px;
  }
  #poll_tab .poll .poll-options .poll-option .poll-votes, #poll_column .poll .poll-options .poll-option .poll-votes {
    background-color: rgba(255, 255, 255, 0.1);
    color: #999
  }
  .room-container .room-component-row .video-controls {
    border-right-color: #000;
  }
  #poll_tab .poll .poll-options .poll-option .poll-text, #poll_column .poll .poll-options .poll-option .poll-text {
    color: #0c0;
  }
  .text-danger {
    color: #f00;
  }
  body.dim .room-container .room-component-row .video-controls .tab-content {
    background-color: #222;
  }
  .room-container .room-component-row .video-controls .nav-tabs li a:hover, .room-container .room-component-row .video-controls .nav-tabs li a:focus {
    color: #0f0;
  }
  .room-container .room-component-row .video-controls .tab-content #tabs_playlist .playlist-stats div, .room-container .room-component-row .video-controls .tab-content #tabs_playlist_history .playlist-stats div {
    color: #0f0 !important;
  }
  .room-container .room-component-row .video-controls .tab-content #tabs_playlist .playlist li, .room-container .room-component-row .video-controls .tab-content #tabs_playlist_history .playlist li {
    background-color: #222 !important;
    border-bottom: 1px dashed #0f0 !important;
    color: #fff !important;
  }
  .room-container .room-component-row .video-controls .tab-content #tabs_playlist .playlist li:hover, .room-container .room-component-row .video-controls .tab-content #tabs_playlist_history .playlist li:hover {
    background-color: #030 !important;
  }
  .room-container .room-component-row .video-controls .tab-content #tabs_playlist .playlist, .room-container .room-component-row .video-controls .tab-content #tabs_playlist_history .playlist {
    list-style: outside none none !important;
    border-color: #0f0 !important;
    background-color: #222 !important;
    border-style: dashed !important;
  }
  .room-container .room-component-row .video-controls .tab-content #tabs_playlist .playlist li.active, .room-container .room-component-row .video-controls .tab-content #tabs_playlist_history .playlist li.active {
    color: #fff !important;
    background-color: #030 !important;
  }
  .room-container .room-component-row .video-controls .tab-content #tabs_playlist .playlist li.hover, .room-container .room-component-row .video-controls .tab-content #tabs_playlist_history .playlist li.hover {
    background-color: #0f0 !important;
  }
  .room-container .room-component-row .video-controls .tab-content #tabs_playlist .playlist li.active a, .room-container .room-component-row .video-controls .tab-content #tabs_playlist_history .playlist li.active a {
    color: #0f0 !important;
  }
  .room-container .room-component-row .video-controls .tab-content #tabs_playlist .playlist li.active .buttons i, .room-container .room-component-row .video-controls .tab-content #tabs_playlist_history .playlist li.active .buttons i {
    color: #0f0 !important;
  }
  .room-container .room-component-row .video-controls .tab-content #tabs_playlist .playlist li.active .buttons:active, .room-container .room-component-row .video-controls .tab-content #tabs_playlist_history .playlist li.active .buttons:active {
    color: #0f0 !important;
  }
  .form-control {
    border: 1px solid #0f0 !important;
  }
  .room-container .room-component-row .video-controls .tab-content #tabs_playlist .playlist li .buttons i:hover, .room-container .room-component-row .video-controls .tab-content #tabs_playlist_history .playlist li .buttons i:hover, button.close:hover {
    text-shadow: 0 0 5px #0f0 !important;
  }
  .room-container .room-info-row .overview .room-stats {
    color: #0f0;
  }
  .room-container .room-info-row .overview .about {
    color: #0f0;
  }
  .room-container .room-info-row .overview .room-name {
    color: #0f0;
  }
  .room-container .room-info-row {
    background: none;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
  }
  .footer, body.dim .footer {
    background-image: linear-gradient(to bottom, #000 0, #222 100%)
  }
  .footer {
    border-top: 1px dashed #0f0
  }
  .radio label, .checkbox label {
    color: #fff;
  }
  .buttons i:hover {
    color: #0f0;
  }
  .room-container .room-component-row .video-controls .tab-content #tabs_playlist .playlist li.active .buttons i:hover, .room-container .room-component-row .video-controls .tab-content #tabs_playlist_history .playlist li.active .buttons i:hover {
    color: #0f0;
  }
  .room-container .room-component-row .video-controls {
    color: #0f0;
  }
  .room-container .room-component-row .video-controls .tab-content #tabs_playlist_search .search-videos .search-video a.title {
    color: #fff;
  }
  .form-control {
    color: #fff;
  }
  .room-container .room-info-row .overview {
    border-bottom: 1px dashed #0f0 !important;
  }
  .footer .footer-nav a {
    color: #fff;
  }
  .footer .footer-nav a:hover {
    color: #0f0
  }
  .btn-default {
    text-shadow: 0px 1px 0px #FFF;
    background-image: linear-gradient(to bottom, #666 0px, #333 100%) !important;
    border-color: #CCC;
  }
  .btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 1px rgba(0, 0, 0, 0.075);
  }
  .btn-default {
    color: #fff !important;
    background-color: #333 !important;
    border-color: #111 !important;
  }
  .panel-default > .panel-heading {
    background-image: linear-gradient(to bottom, #000 0px, #222 100%);
    color: #ccc;
  }
  .panel-body, #settings_modal .panel .panel-body {
  background-color: #222;
  }
  .panel-default > .panel-heading, .panel {
  color:#0f0;
  }
  #settings_modal .panel .panel-body textarea.unsaved {
    background-color: #000;
  }
  .navbar-default .navbar-nav > .active > a {
    background-image: linear-gradient(to bottom, #000 0px, #333 100%);
  }
  .row {
    background-color: #222;
  }
  .page-container {
    background-color: #222 !important;
  }
  .page-container .rooms .room .title a:hover, .page-container .rooms .room .title a:focus {
    color: #0f0;
    text-decoration: underline;
    text-shadow: 0 0 3px #0f0;
  }
  .page-container .users-online {
    color: #0f0;
  }
  div.row {
    background-color: transparent;
  }
  .page-container .home {
    border-bottom: 4px solid #333;
  }