redtopia.css

:root {
  --text-color: #CCCCCC;
  --color-dark-magenta: hsl(300, 10%, 25%);
  --color-dark-green: hsl(120, 10%, 25%);
  --color-dark-blue: hsl(240, 10%, 30%);
  --color-dark-red: hsl(0, 10%, 25%);
  --color-red: hsl(0, 20%, 40%);
  --color-light-red: hsl(0, 20%, 50%);
  --color-green: hsl(120, 20%, 40%);
  --color-light-green: hsl(120, 20%, 50%);
  --color-yellow: hsl(30, 20%, 40%);
  --color-light-yellow: hsl(30, 20%, 50%);
  --color-magenta: hsl(300, 20%, 40%);
  --color-light-magenta: hsl(300, 20%, 50%);
  --color-dark-purple: hsl(240, 20%, 30%);
  --color-purple: hsl(240, 20%, 40%);
  --color-light-purple: hsl(240, 20%, 50%);
  --color-blue: hsl(205, 35%, 50%);
  --color-light-blue: hsl(205, 35%, 60%);
  --color-bright-white: hsl(0, 0%, 100%);
  --color-light-orange: hsl(20, 20%, 50%)
}

.tooltip .tooltip-inner {
  background: black;
  color: white;
}

.tooltip .tooltip-arrow {
  border-color: black;
}

.tooltip.popover .popover-inner {
  background: #f9f9f9;
  color: black;
}

.tooltip.popover .popover-arrow {
  border-color: #f9f9f9;
}

.breadcrumb {
  background-color: #2b2b2b;
  border: 0;
  display: flex;
  justify-content: center
}

.ratio-bar {
  margin-bottom: 1em;
  background-color: var(--color-dark-magenta)
}

.container-fluid > .list-inline, .text-blue {
  color: var(--text-color)
}

.text-purple {
  color: #958
}

.list-group-item {
  color: var(--text-color);
  border: 1px dashed #404040
}

.list-group-item, .panel-footer {
  background-color: #232323
}

.badge-extra {
  margin-bottom: .5em
}

.shoutbox {
  border-color: #000;
  border-radius: 4px;
  background-color: transparent
}

* {
  border: #000;
  border-radius: 0
}

.wysibb {
  border: 1px solid #404040 !important
}

.wysibb, .wysibb-text, .wysibb-toolbar {
  background-color: #232323;
  color: var(--text-color)
}

.wysibb-toolbar {
  border-bottom: 1px solid #404040 !important
}

.wysibb-toolbar-container {
  border-right: 1px solid #404040 !important
}

#topic-response, .wysibb-body {
  background-color: #2b2b2b
}

.bottom-resize-line {
  background-color: #404040
}

.btn-inner, .fonticon, .ve-tlb-italic1 {
  color: var(--text-color) !important;
  text-shadow: none !important
}

.panel {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0
}

.panel-success > .panel-heading {
  background-color: var(--color-dark-green) !important;
  border: 0
}

.panel-info > .panel-heading {
  background-color: var(--color-dark-magenta) !important;
  border: 0
}

.panel-primary > .panel-heading {
  background-color: var(--color-dark-purple) !important;
  border: 0
}

.panel-primary {
  background: #2b2b2b
}

.container > .block, .container > .well {
  background: #333
}

.col-md-10 {
    background-color:#2b2b2b;
    margin-top: 15px;
    padding-top: 10px;
}

.panel-chat > .panel-heading {
    background-color: #181818;
}

.badge-extra.text-red {
  color: var(--color-light-red) !important
}

.panel-footer {
  border: 1px solid #232323
}

.panel .panel-chat {
  margin-bottom: 0
}

.nav-tabs {
  background-color: #373737;
  border-bottom: none
}

.nav-tabs > li > a, td, thead {
  background-color: var(--color-dark-red)
}

.nav-tabs > li > a, .nav-tabs > li > a:hover, td, thead {
  color: var(--text-color) !important
}

.nav-tabs > li.active > a {
  color: var(--color-bright-white)
}

.nav-tabs > li.active, .nav-tabs > li {
  background-color: var(--color-red) !important;
  border: 1px solid var(--color-red) !important
}

th {
  background-color: #353535
}

.mb-5 {
  padding-bottom: 5px
}

td, thead {
  background-color: #272727
}

.mb-5, .table {
  margin-bottom: 0
}

.table-bordered, table, td, th, thead {
  border: 0 !important
}

.panel-body, .table-striped > tbody > tr, .table > tbody > tr.info > td {
  background-color: #272727
}

tr:last-child {
  background-color: #2b2b2b !important
}

.profile-footer {
  background-color: #262626
}

.well {
  border: 0;
  box-shadow: none;
  color: var(--text-color)
}

.block, .well {
  background-color: rgba(30, 30, 30, 0.51);
}

.block td {
  background-color: #262626 !important
}

.block {
  box-shadow: none;
  border: 0
}

.label-info, .label-success {
  box-shadow: none;
  border: 0
}

.label-danger {
  box-shadow: none
}

.text-green {
  color: var(--color-light-green)
}

.text-red {
  color: var(--color-light-red)
}

.text-orange {
  color: var(--color-light-orange)
}

.text-pink {
  color: #979
}

.alert-danger, .label-danger, .panel-danger, .panel-danger > .panel-heading {
  background-color: var(--color-red);
  background-image: none;
  border: 0
}

.text-danger {
  color: var(--color-light-red)
}

tr.success > td {
  background-color: #404040 !important
}

.container.box, .torrent-desc {
  background-color: #2b2b2b
    border: 1px solid #272727;
}

.badge-user {
  border: 0;
  box-shadow: none;
  background-color: #373737
}

.content > .col-md-10 {
  border-radius: 10px
}

a.view-torrent, a.view-torrent:hover {
  color: var(--text-color) !important;
  background: 0 0;
  -webkit-text-fill-color: var(--text-color)
}

.form-control {
  background-color: #c6c6c6;
  color: #000 !important;
  border: 1px solid #000;
}

.pagination > .disabled > span, .pagination > li > a {
  background-color: #333;
  border: 1px solid #2b2b2b;
  color: var(--text-color)
}

.pagination > .active > a, .pagination > .active > span {
  background-color: #252525 !important;
  border: 1px solid #262626;
  color: var(--text-color)
}

.pagination a:hover {
  background-color: #252525 !important;
  border: 0
}

.pagination .active a:hover {
  background-color: #252525 !important;
  border-bottom: 3px solid #252525
}

.movie-title, .topic .topic-posts .post article.post-content, aside.post-info {
  color: var(--text-color)
}

.decoda-spoiler-content {
  border: 0;
  background-color: #353535
}

.f-display .f-display-table-wrapper {
  background: 0 0
}

.profil {
  background: #2b2b2b;
  padding: 0
}

.head {
  box-shadow: unset
}

aside.post-info {
  border: unset !important;
  background: 0 0 !important;
  border-radius: 0 !important
}

.post-signature {
  background-color: #2b2b2b;
  border-top: 2px dashed #555 !important
}

.news-blocks, .news-blocks div, .news-blocks:hover {
  background: 0 0;
  border: 0;
  color: var(--text-color)
}

.articles .article {
  background: #232323;
  box-shadow: none
}

ul.comments-list li {
  background: #232323
}

.container.box, label, ul.comments-list li {
  color: var(--text-color)
}

table > tbody > tr {
  border-bottom: 1px dotted #404040
}

.ratio-bar .badge-user {
  background: #1f1f1f
}

span.badge-user {
  margin: .25em
}

.btn[name=tip] {
  background-color: #333
}

.btn[name=tip]:hover {
  background-color: #444
}

.bottom-resize-line:hover {
  background-color: #505050 !important
}

.wysibb-toolbar-btn.on, .wysibb-toolbar-btn:hover {
  background: #404040 !important;
  border: 0 !important;
  box-shadow: none !important
}

.on .btn-inner {
  background-color: #404040;
  border: 0 !important
}

.panel-footer > .badge-extra, h3 {
  color: var(--text-color)
}

.form-control, .wysibb-textarea {
  box-shadow: none !important;
  color: var(--text-color)
}

div.stats {
  background: #353535
}

.pagination a:hover, div.stats * {
  color: var(--text-color) !important
}

.message-body, .message-headers {
  background-color: #404040;
  color: var(--text-color)
}

.message-body {
  border-top: 1px dotted #2b2b2b
}

::-webkit-scrollbar {
  width: 20px;
  background-color: #303030
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #1b1b1b;
  border-radius: 10px
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #2b2b2b;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5)
}

i.torrent-icon {
  color: #6888bb
}

.panel-default > .panel-heading {
  background-color: #454545;
  border: 0
}

.comments {
  background-color: #252525
}

.decoda-code, .decoda-quote {
  background-color: #2b2b2b;
  color: var(--text-color)
}

.decoda-quote {
  background-color: #353535 !important
}

.topic .topic-posts .post article.post-content blockquote {
  border: 0;
  background-color: #353535;
  border-left: 4px solid #575;
  color: var(--text-color)
}

.progress {
  background-color: #353535;
  border: 0
}

.container, span.badge-user, strong {
  color: var(--text-color)
}

input[id=name] {
  margin-bottom: 1em
}

.col-sm-12 {
  background-color: unset
}

.mb-5 {
  background-color: transparent
}

ul.nav.nav-tabs.mb-5 {
  display: flex;
  justify-content: center;
  padding-top: 10px;
  padding-bottom: 10px
}

div.topic-new-post {
  background: unset !important
}

.topic-new-post .btn-primary {
  margin-top: 10px
}

.members-table tbody tr td .name, .text-black {
  color: var(--text-color)
}

.inner-content {
  padding-bottom: 20px
}

.col-md-10:first-child {
  padding-top: 10px
}

.modal-content {
  background-color: #353535;
  color: var(--text-color)
}

input, textarea {
  margin-bottom: 1em
}

.mentioned {
  background-color: rgba(9, 144, 255, 0.42);
}

.mentions {
  background-color: rgba(10, 255, 64, 0.28);
}

/* CHAT */
#frame {
  background: #262929;
}

#frame #sidepanel {
  background: #313434;
  color: #f5f5f5;
}

#frame #sidepanel #profile {
  background: #313434;
}

#frame #sidepanel #profile .wrap img {
  border: 2px solid #e74c3c;
}

#frame #sidepanel #profile .wrap img.online {
  border: 2px solid #2ecc71;
}

#frame #sidepanel #profile .wrap img.away {
  border: 2px solid #f1c40f;
}

#frame #sidepanel #profile .wrap img.busy {
  border: 2px solid #e74c3c;
}

#frame #sidepanel #profile .wrap img.offline {
  border: 2px solid #95a5a6;
}

#frame #sidepanel #profile .wrap i.expand-button {
  color: #435f7a;
}

#frame #sidepanel #profile .wrap #status-options {
  background: #435f7a;
}

#frame #sidepanel #profile .wrap #status-options:before {
  border-bottom: 8px solid #435f7a;
}

#frame #sidepanel #profile .wrap #status-options ul li:hover {
  background: #496886;
}

#frame #sidepanel #profile .wrap #status-options ul li#status-online span.status-circle {
  background: #2ecc71;
}

#frame #sidepanel #profile .wrap #status-options ul li#status-online.active span.status-circle:before {
  border: 1px solid #2ecc71;
}

#frame #sidepanel #profile .wrap #status-options ul li#status-away span.status-circle {
  background: #f1c40f;
}

#frame #sidepanel #profile .wrap #status-options ul li#status-away.active span.status-circle:before {
  border: 1px solid #f1c40f;
}

#frame #sidepanel #profile .wrap #status-options ul li#status-busy span.status-circle {
  background: #e74c3c;
}

#frame #sidepanel #profile .wrap #status-options ul li#status-busy.active span.status-circle:before {
  border: 1px solid #e74c3c;
}

#frame #sidepanel #profile .wrap #status-options ul li#status-offline span.status-circle {
  background: #95a5a6;
}

#frame #sidepanel #profile .wrap #status-options ul li#status-offline.active span.status-circle:before {
  border: 1px solid #95a5a6;
}

#frame #sidepanel #bottom-bar button {
  background: #313434;
  color: #f5f5f5;
}

#frame #sidepanel #bottom-bar button:nth-child(1) {
  border-right: 1px solid #2c3e50;
}

#frame #sidepanel #bottom-bar button:hover {
  background: #435f7a;
}

#frame .content .contact-profile {
  background: #313434;
  color: #e5e5e5;
  border-bottom: 2px #424242 solid;
}

#frame .content .contact-profile .social-media i:hover {
  color: #435f7a;
}

#frame .content .messages::-webkit-scrollbar {
  background: rgba(0, 0, 0, 0);
}

#frame .content .messages::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
}

#frame .content .messages ul li {
  border-bottom: 1px dashed #424545;
}

#frame .content .messages ul li.sent .messages-container {
  background: none;
  color: #dddddd;
}

.chatbox {
  .typing {
    color: #DDDDDD;
  }
}

#frame .content .messages ul li.sent h4 .text-muted {
  color: #818686;
}

#frame .content .messages ul li > img {
  border: 3px solid #7289da;
}

#frame .content .message-input .wrap input {
  color: #32465a;
}

#frame .content .message-input .wrap input:focus {
  outline: none;
}

#frame .content .message-input .wrap .attachment {
  color: #435f7a;
}

#frame .content .message-input .wrap button {
  background: #32465a;
  color: #f5f5f5;
}

#frame .content .message-input .wrap button:hover {
  background: #435f7a;
}

.thumbnail {
  background-color: rgba(30, 30, 30, 0.51);
  border: 1px solid #282828;
}

.alert-info {
background-color: rgba(255, 43, 46, 0.78);
border-color: #ff2b2e;
}

.card.is-torrent {
  background-color: #171717;
}

.card.is-torrent .card_head {
  background-color: #171717;
}

.card.is-torrent .card_body {
  background-color: #000000;
}

.card.is-torrent .genre-label {
  border: .5px solid #222;
  border-radius: 5px;
  background-color: #1e1e1e;
  box-shadow: none;
}

.card.is-torrent .card_footer {
  background-color: #171717;
}

#hoeapp-wrapper, #main-content, .inner-content {
    background-color: #181818;
}

.hoe-right-header[hoe-color-type="header-bg5"] {
    background: #1f1f1f;
}

#hoeapp-container[hoe-color-type="lpanel-bg5"].hoe-minimized-lpanel #hoe-left-panel {
    background: #1f1f1f;
}

.ratio-bar {
    background-color: #2b2b2b;
}

.hoe-left-header {
    background: #1f1f1f;
}

#hoeapp-container[hoe-color-type="lpanel-bg5"] #hoe-left-panel .panel-list > li > a {
    background: #1f1f1f;
    border-top: 1px solid #1f1f1f;
    color: #8d8d94;
    border-right: 1px solid #1f1f1f;
}

#hoeapp-container[hoe-color-type="lpanel-bg5"] #hoe-left-panel .panel-list > li > a:focus, #hoeapp-container[hoe-color-type="lpanel-bg5"] #hoe-left-panel .panel-list > li > a:hover {
    background: #1f1f1f;
}

#hoeapp-container[hoe-color-type="lpanel-bg5"] #hoe-left-panel {
    background: #1f1f1f none repeat scroll 0 0;
    color: #8d8d94;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
}

.gradient.silver {
background-image: radial-gradient(at 30% top, #30172a 0, #081c24 70%)}

.gradient.pink {
background-image: radial-gradient(at 30% top, #30172a 0, #081c24 70%)}

.gradient.purple {
background-image: radial-gradient(at 30% top, #30172a 0, #081c24 70%)}

.gradient.green {
background-image: radial-gradient(at 30% top, #30172a 0, #081c24 70%)}

.gradient.teal {
background-image: radial-gradient(at 30% top, #30172a 0, #081c24 70%)}

.gradient.light_blue {
background-image: radial-gradient(at 30% top, #30172a 0, #081c24 70%)}

.gradient.blue {
background-image: radial-gradient(at 30% top, #30172a 0, #081c24 70%)}

.gradient.orange {
  background-image: radial-gradient(at 30% top, #30172a 0, #081c24 70%)
}

.gradient.yellow {
  background-image: radial-gradient(at 30% top, #30172a 0, #081c24 70%)
}

.gradient.red {
  background-image: radial-gradient(at 30% top, #30172a 0, #081c24 70%)
}

div.header.silver div.inner_content {
    background-image: url("https://www.themoviedb.org/static_cache/v4/account_pipes/red-b64316df5633aa0687196d10fa429418035b55122c0b5726082669b9748a0e2a.svg")
}

div.header.pink div.inner_content {
    background-image: url("https://www.themoviedb.org/static_cache/v4/account_pipes/red-b64316df5633aa0687196d10fa429418035b55122c0b5726082669b9748a0e2a.svg")
}

div.header.purple div.inner_content {
    background-image: url("https://www.themoviedb.org/static_cache/v4/account_pipes/red-b64316df5633aa0687196d10fa429418035b55122c0b5726082669b9748a0e2a.svg")
}

div.header.green div.inner_content {
    background-image: url("https://www.themoviedb.org/static_cache/v4/account_pipes/red-b64316df5633aa0687196d10fa429418035b55122c0b5726082669b9748a0e2a.svg")
}

div.header.teal div.inner_content {
    background-image: url("https://www.themoviedb.org/static_cache/v4/account_pipes/red-b64316df5633aa0687196d10fa429418035b55122c0b5726082669b9748a0e2a.svg")
}

div.header.light_blue div.inner_content {
    background-image: url("https://www.themoviedb.org/static_cache/v4/account_pipes/red-b64316df5633aa0687196d10fa429418035b55122c0b5726082669b9748a0e2a.svg")
}

div.header.blue div.inner_content {
    background-image: url("https://www.themoviedb.org/static_cache/v4/account_pipes/red-b64316df5633aa0687196d10fa429418035b55122c0b5726082669b9748a0e2a.svg")
}

div.header.orange div.inner_content {
    background-image: url("https://www.themoviedb.org/static_cache/v4/account_pipes/red-b64316df5633aa0687196d10fa429418035b55122c0b5726082669b9748a0e2a.svg")
}

div.header.yellow div.inner_content {
    background-image: url("https://www.themoviedb.org/static_cache/v4/account_pipes/red-b64316df5633aa0687196d10fa429418035b55122c0b5726082669b9748a0e2a.svg")
}

div.header.red div.inner_content {
    background-image: url("https://www.themoviedb.org/static_cache/v4/account_pipes/red-b64316df5633aa0687196d10fa429418035b55122c0b5726082669b9748a0e2a.svg")
}

.decoda-code, .decoda-quote {
    border: 1px solid red;
}

.text-red {
    color: rgb(224, 102, 102);
}

.text-green {
    color: rgb(99, 206, 159);
}

.text-orange {
    color: rgb(224, 139, 61);
}

.text-purple {    
    color: rgb(192, 159, 224);
}

.text-info {
    color: rgba(115, 194, 219, 0.83)
}

.text-danger {
    color: rgb(224, 102, 102);
}

.text-success {
    color: rgb(99, 206, 159);
}

.text-pink {
    color: rgba(255, 124, 209, 0.82);
}

.badge-extra {
    border: 1px solid rgba(66, 70, 92, 0.61);
}

.badge-extra.text-red {
    color: rgb(224, 102, 102);
}

.label-success {
    background-color: rgb(99, 206, 159);
}

i.torrent-icon {
    color: rgba(201, 181, 255, 0.87);
}

a.view-torrent, a.view-torrent:hover {
    font-size: 20px;
}

div.stats {
    background-color: rgba(30, 30, 30, .51);
}

.label.label-danger {
    background-color: rgb(224, 102, 102);
}

.progress-bar {
    background-color: #46548b;
    border-bottom: none;
}

.lead, blockquote {
    color: #fff;
}

.media {
    border-left-color: rgb(78, 107, 188);
}

.topic .topic-posts .post article.post-content blockquote {
    background-color: #354054;
    border-left: 4px solid #6496d1;
}

select option {
  background-color: #464d60;
}

.jumbotron {
    border: 1px solid #32385a;
    background-color: #32385a;
    box-shadow: 2px 2px 10px 1px #252426;
}

.notify .point {
    background-color: red;
}

.notify .heartbit {
    border: 4px solid red;
}