Skip to content

Instantly share code, notes, and snippets.

@werrpy
Created October 1, 2018 03:36
Show Gist options
  • Save werrpy/e0c4b82392ea86b2c19dc25c76e51a8f to your computer and use it in GitHub Desktop.
Save werrpy/e0c4b82392ea86b2c19dc25c76e51a8f to your computer and use it in GitHub Desktop.
Galactic++
: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: #000;
color: #fff
}
.tooltip .tooltip-arrow {
border-color: #000
}
.tooltip.popover .popover-inner {
background: #f9f9f9;
color: #000
}
.tooltip.popover .popover-arrow {
border-color: #f9f9f9
}
.breadcrumb {
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)
}
.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);
border: 0
}
.panel-info > .panel-heading {
background-color: var(--color-dark-magenta);
border: 0
}
.panel-primary > .panel-heading {
background-color: var(--color-dark-purple);
border: 0
}
.panel-primary {
background: #2b2b2b
}
.panel-chat > .panel-heading {
background-color: var(--color-dark-blue)
}
.badge-extra.text-red {
color: var(--color-light-red)
}
.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 > a:hover,
.nav-tabs > li.active > a {
background-color: var(--color-red)!important;
border: 1px solid!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 > tbody > tr.info > td,
.table-striped > tbody > tr {
background-color: #272727
}
tr:last-child {
background-color: #2b2b2b!important
}
a {
color: var(--color-blue)
}
a:hover {
color: var(--color-light-blue)
}
.well {
border: 0;
box-shadow: none;
color: var(--text-color)
}
.block,
.well {
background-color: rgba(30,30,30,.51)
}
.block td {
background-color: #262626!important
}
.block,
.btn-info,
.btn-primary,
.btn-success {
box-shadow: none;
border: 0
}
.btn-danger {
box-shadow: none
}
.label-info,
.label-success {
box-shadow: none;
border: 0
}
.label-danger {
box-shadow: none
}
.btn-default,
.btn-warning,
.decoda-spoiler-button,
.label-default,
.label-primary,
.label-warning {
box-shadow: none;
border: 0
}
.btn-default,
.decoda-spoiler-button {
background-color: var(--color-magenta);
background-image: none
}
.btn-default:hover,
.decoda-spoiler-button:hover {
background-color: var(--color-light-magenta);
background-image: none
}
.btn-warning {
background-color: var(--color-yellow);
background-image: none
}
.btn-warning:active,
.btn-warning:hover {
background-color: var(--color-light-yellow);
background-image: none;
box-shadow: none;
border: 0
}
.btn-info,
.label-info {
background-color: var(--color-magenta);
background-image: none
}
.btn-info:active,
.btn-info:hover {
background-color: var(--color-light-magenta);
background-image: none;
box-shadow: none;
border: 0
}
.btn-primary,
.btn-primary:hover,
.label-primary {
background-color: var(--color-purple);
background-image: none
}
.btn-primary:hover {
background-color: var(--color-light-purple);
box-shadow: none;
border: 0
}
.btn-success,
.btn-success:hover,
.label-success {
background-color: var(--color-green);
background-image: none
}
.btn-success:hover {
background-color: var(--color-light-green);
box-shadow: none;
border: 0
}
.text-green {
color: var(--color-light-green)
}
.text-red {
color: var(--color-light-red)
}
.text-orange {
color: var(--color-light-orange)
}
.alert-danger,
.btn-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)
}
.btn-danger:hover {
background-color: var(--color-light-red);
background-image: none
}
.btn-danger:hover,
.container.box {
border: 0;
box-shadow: none
}
tr.success > td {
background-color: #404040!important
}
.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);
font-size: 20px
}
.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 {
padding: 0
}
.head {
box-shadow: unset
}
aside.post-info {
border: unset!important;
background: 0 0!important;
border-radius: 0!important
}
.post-signature {
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
}
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)
}
.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 {
background-color: #303030;
width: 10px
}
::-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)
}
.panel-default > .panel-heading {
background-color: #454545;
border: 0
}
#l-footer,
.comments {
background-color: #252525
}
.decoda-code,
.decoda-quote {
background-color: #2b2b2b;
color: var(--text-color)
}
.decoda-quote {
background-color: #353535
}
.topic .topic-posts .post article.post-content blockquote {
border: 0;
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
}
ul.nav.nav-tabs.mb-5 {
display: flex;
justify-content: center;
padding: 0
}
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)
}
.disk-good {
color: rgba(148,123,204,1);
-webkit-animation: 1.5s ease-in-out infinite alternate neon2;
-moz-animation: 1.5s ease-in-out infinite alternate neon2;
animation: 1.5s ease-in-out infinite alternate neon2
}
.inner-content {
padding-bottom: 20px
}
.col-md-10:first-child {
padding-top: 10px
}
.btn {
-webkit-transition: none!important;
-o-transition: none!important;
transition: none!important;
box-shadow: none!important
}
.modal-content {
background-color: #353535;
color: var(--text-color)
}
input,
textarea {
margin-bottom: 1em
}
.mentioned {
background-color: rgba(9,144,255,.42)
}
.mentions {
background-color: rgba(10,255,64,.28)
}
#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 solid #424242
}
#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,.3)
}
#frame .content .messages ul li {
border-bottom: 1px dashed #424545
}
#frame .content .messages ul li.sent .messages-container {
background: 0 0;
color: #ddd
}
#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: 0
}
#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,.51);
border: 1px solid #282828
}
.card.is-torrent,
.card.is-torrent .card_head {
background-color: #171717
}
.card.is-torrent .card_body {
background-color: #000
}
.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: #353d53
}
#hoeapp-container[hoe-color-type=lpanel-bg5].hoe-minimized-lpanel #hoe-left-panel,
.hoe-right-header[hoe-color-type=header-bg5] {
background: #1b2438
}
.breadcrumb,
.ratio-bar {
background-color: #232b41
}
.col-md-10 {
background-color: #232b41;
margin-top: 15px;
padding-top: 10px
}
.panel-chat > .panel-heading {
background-color: #1d212f
}
.hoe-left-header {
background: #1b2438
}
#hoeapp-container[hoe-color-type=lpanel-bg5] #hoe-left-panel .panel-list > li > a {
background: #1b2438;
border-top: 1px solid #1b2438;
color: #8d8d94;
border-right: 1px solid #1b2438
}
#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: #191e2e
}
#hoeapp-container[hoe-color-type=lpanel-bg5] #hoe-left-panel {
background: #1b2438;
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)
}
.container > .block,
.container > .box,
.container > .well {
background: #232b41;
box-shadow: 2px 2px 4px 2px rgba(0,0,0,.2)
}
#l-footer {
margin: 0;
background-image: none!important;
background-color: #1b2438
}
.profile-footer {
background-color: #353d53
}
.container.box,
.torrent-desc {
background: #232b41;
box-shadow: 2px 2px 4px 2px rgba(0,0,0,.2)
}
.ratio-bar .badge-user {
background: #1b2438
}
.container.box {
background: #232b41;
box-shadow: 2px 2px 4px 2px rgba(0,0,0,.2)
}
.alert-info {
background-color: #1d212f;
border-color: #1d212f
}
.notify .point {
background-color: #9ab0ff
}
.notify .heartbit {
border: 4px solid #9ab0ff
}
.post-signature {
background-color: #232b41
}
.topic-info {
color: #fff
}
.profil {
background: #232b41
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
color: #fff
}
.head {
background-color: rgba(66,63,65,.58)
}
.form-control {
background-color: rgba(255,255,255,.16);
color: #fff;
border: 2px solid rgba(0,0,0,.56)
}
hr {
border-top: 1px solid #525252
}
.label-default {
background-color: rgba(75,82,111,.74);
margin-top: 3px
}
.form-bordered .form-group {
padding-bottom: 0;
border-bottom: none;
margin-left: 150px
}
.form-control {
margin-top: 0
}
.form-control:focus {
border-color: #7289da
}
.gradient.blue,
.gradient.green,
.gradient.light_blue,
.gradient.orange,
.gradient.pink,
.gradient.purple,
.gradient.red,
.gradient.silver,
.gradient.teal,
.gradient.yellow {
background-image: radial-gradient(at 30% top,#341a38 0,#081c24 70%)
}
div.header.blue div.inner_content,
div.header.green div.inner_content,
div.header.light_blue div.inner_content,
div.header.orange div.inner_content,
div.header.pink div.inner_content,
div.header.purple div.inner_content,
div.header.red div.inner_content,
div.header.silver div.inner_content,
div.header.teal div.inner_content,
div.header.yellow div.inner_content {
background-image: url(https://www.themoviedb.org/assets/1/v4/account_pipes/pink-37bff5abbba8578bee5e51fc0115cf819c4918f4f6dfe3804737eb5f9b84f2a0.svg)
}
.mb-5 {
background-color: #353535
}
.alert-danger,
.btn-danger,
.panel-danger,
.panel-danger > .panel-heading {
background-color: rgba(255,94,187,.31)
}
.alert-success,
.btn-success,
.panel-success,
.panel-success > .panel-heading {
background-color: rgba(111,255,175,.31)
}
.alert-primary,
.btn-primary,
.panel-primary,
.panel-primary > .panel-heading {
background-color: rgba(117,144,206,1)
}
.decoda-code,
.decoda-quote {
border: 1px solid #494949
}
.text-red {
color: #e06666
}
.text-green {
color: #63ce9f
}
.text-orange {
color: #e08b3d
}
.text-purple {
color: #c09fe0
}
.text-info {
color: rgba(115,194,219,.83)
}
.text-danger {
color: #e06666
}
.text-success {
color: #63ce9f
}
.text-pink {
color: rgba(255,124,209,.82)
}
a {
color: #8fa8e0
}
.badge-extra {
border: 1px solid rgba(66,70,92,.61);
border-radius: 0
}
.badge-extra.text-red {
color: #e06666
}
.label-success {
background-color: #63ce9f
}
i.torrent-icon {
color: rgba(201,181,255,.87)
}
div.stats {
background-color: rgba(30,30,30,.51)
}
.label.label-danger {
background-color: #e06666
}
.progress-bar {
background-color: #46548b;
border-bottom: none
}
.lead,
blockquote {
color: #fff
}
.media {
border-left-color: #4e6bbc
}
.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
}
.hoe-searchbar input {
color: #111
}
.badge-user {
border-radius: 0
}
.movie-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: radial-gradient(circle at 20% 50%,rgba(0,0,0,1) 5.46%,rgba(45,71,131,.46))
}
: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%);
--color-light-blue: #FFB74D;
--color-light-green: #FFB74D;
--color-light-magenta: #FFB74D;
--color-light-purple: #FFB74D;
--color-blue: #FF9800;
--color-red: #EF6C00;
--color-dark-green: #EF6C00;
--color-green: #FF9800;
--color-magenta: #FB8C00;
--color-yellow: #FF9800;
--color-purple: #FF6D00;
--color-dark-blue: #181818;
--color-dark-red: #181818
}
.tooltip .tooltip-inner {
background: #000;
color: #fff
}
.tooltip .tooltip-arrow {
border-color: #000
}
.tooltip.popover .popover-inner {
background: #f9f9f9;
color: #000
}
.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)
}
.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);
border: 0
}
.panel-info > .panel-heading {
background-color: var(--color-dark-magenta);
border: 0
}
.panel-primary > .panel-heading {
background-color: var(--color-dark-purple);
border: 0
}
.panel-primary {
background: #2b2b2b
}
.container > .block,
.container > .well {
background: #333
}
.panel-chat > .panel-heading {
background-color: var(--color-dark-blue)
}
.badge-extra.text-red {
color: var(--color-light-red)
}
.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 > a:hover,
.nav-tabs > li.active > a {
background-color: var(--color-red)!important;
border: 1px solid!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 > tbody > tr.info > td,
.table-striped > tbody > tr {
background-color: #272727
}
tr:last-child {
background-color: #2b2b2b!important
}
a {
color: var(--color-blue)
}
a:hover {
color: var(--color-light-blue)
}
.profile-footer {
background-color: #262626
}
.well {
border: 0;
box-shadow: none;
color: var(--text-color)
}
.block,
.well {
background-color: rgba(30,30,30,.51)
}
.block td {
background-color: #262626!important
}
.block,
.btn-info,
.btn-primary,
.btn-success {
box-shadow: none;
border: 0
}
.btn-danger {
box-shadow: none
}
.label-info,
.label-success {
box-shadow: none;
border: 0
}
.label-danger {
box-shadow: none
}
.btn-default,
.btn-warning,
.decoda-spoiler-button,
.label-default,
.label-primary,
.label-warning {
box-shadow: none;
border: 0
}
.btn-default,
.decoda-spoiler-button {
background-color: var(--color-magenta);
background-image: none
}
.btn-default:hover,
.decoda-spoiler-button:hover {
background-color: var(--color-light-magenta);
background-image: none
}
.label-default {
background-color: #6f6f6f
}
.btn-warning:active,
.btn-warning:hover {
background-color: var(--color-light-yellow);
background-image: none;
box-shadow: none;
border: 0
}
.btn-info:active,
.btn-info:hover {
background-color: var(--color-light-magenta);
background-image: none;
box-shadow: none;
border: 0
}
.btn-primary,
.btn-primary:hover,
.label-primary {
background-color: var(--color-purple);
background-image: none
}
.btn-primary:hover {
background-color: var(--color-light-purple);
box-shadow: none;
border: 0
}
.btn-success,
.btn-success:hover,
.label-success {
background-color: var(--color-green);
background-image: none
}
.btn-success:hover {
background-color: var(--color-light-green);
box-shadow: none;
border: 0
}
.text-green {
color: var(--color-light-green)
}
.text-red {
color: var(--color-light-red)
}
.text-orange {
color: var(--color-light-orange)
}
.alert-danger,
.btn-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)
}
.btn-danger:hover {
background-color: var(--color-light-red);
background-image: none
}
.btn-danger:hover,
.container.box {
border: 0;
box-shadow: none
}
tr.success > td {
background-color: #404040!important
}
.container.box,
.torrent-desc {
background-color: #2b2b2b
}
.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)
}
.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: #403240
}
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)
}
.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 {
border: 0
}
#l-footer,
.comments {
background-color: #252525
}
.decoda-code,
.decoda-quote {
background-color: #2b2b2b;
color: var(--text-color)
}
.decoda-quote {
background-color: #353535
}
.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)
}
.disk-good {
-webkit-animation: 1.5s ease-in-out infinite alternate neon2;
-moz-animation: 1.5s ease-in-out infinite alternate neon2;
animation: 1.5s ease-in-out infinite alternate neon2
}
.inner-content {
padding-bottom: 20px
}
.col-md-10:first-child {
padding-top: 10px
}
.btn {
-webkit-transition: none!important;
-o-transition: none!important;
transition: none!important;
box-shadow: none!important
}
.modal-content {
background-color: #353535;
color: var(--text-color)
}
input,
textarea {
margin-bottom: 1em
}
.mentioned {
background-color: rgba(9,144,255,.42)
}
.mentions {
background-color: rgba(10,255,64,.28)
}
#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 solid #424242
}
#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,.3)
}
#frame .content .messages ul li {
border-bottom: 1px dashed #424545
}
#frame .content .messages ul li.sent .messages-container {
background: 0 0;
color: #ddd
}
#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: 0
}
#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,.51);
border: 1px solid #282828
}
.alert-info {
border-color: #446
}
.card.is-torrent,
.card.is-torrent .card_head {
background-color: #171717
}
.card.is-torrent .card_body {
background-color: #000
}
.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
}
body {
background-color: #181818
}
.btn-danger,
.btn-primary,
.label-primary {
background-color: var(--color-purple);
background-image: none
}
.btn-info,
.label-info {
background-color: var(--color-magenta);
background-image: none
}
.btn-success {
background-color: var(--color-green);
background-image: none
}
.btn-warning {
background-color: var(--color-yellow);
background-image: none
}
.btn:active,
.btn:active:focus,
.btn:active:hover,
.btn:active:hover:focus,
.btn:focus,
.btn:hover {
background-color: var(--color-light-purple)!important;
background-image: none
}
#hoeapp-wrapper,
#main-content,
.inner-content {
background-color: #181818
}
#hoeapp-container[hoe-color-type=lpanel-bg5].hoe-minimized-lpanel #hoe-left-panel,
.hoe-right-header[hoe-color-type=header-bg5] {
background: #1f1f1f
}
.ratio-bar {
background-color: #2b2b2b
}
.ratio-bar .badge-user {
background-color: #373737
}
.nav-tabs > #active {
background-color: var(--color-dark-green)
}
btn-primary :hover {
background-color: var(--color-light-purple)
}
.hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li {
border-bottom: none
}
.hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a,
.hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a > .fa {
color: #fff
}
#hoeapp-container[hoe-color-type=lpanel-bg5] #hoe-left-panel,
#hoeapp-container[hoe-color-type=lpanel-bg5] #hoe-left-panel .panel-list > li > a,
.hoe-left-header,
.hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a {
background: #1f1f1f
}
#hoeapp-container[hoe-color-type=lpanel-bg5] #hoe-left-panel .panel-list > li > a:hover,
.hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a:focus,
.hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a:hover {
background: #151515
}
#hoeapp-container[hoe-color-type=lpanel-bg5] #hoe-left-panel .panel-list > li > a {
border-top: 1px solid #151515
}
.text-green {
color: #3fb618
}
.carousel-control > .glyphicon,
i.torrent-icon {
color: var(--color-blue)
}
.col-md-10 {
background-color: #2b2b2b;
margin-top: 15px;
padding-top: 10px
}
.panel-chat > .panel-body > #frame > .content {
background-color: var(--color-dark-blue)
}
#l-footer {
margin: 0;
background-color: #1f1f1f
}
.notify .point {
background-color: #ff8300
}
.notify .heartbit {
border: 4px solid #ff9100
}
.message-sent .message-body,
.message-sent .message-headers,
.message-unread .message-body,
.message-unread .message-headers {
background-color: #404040
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.topic-info,
h1,
h2,
h3,
h4,
h5,
h6 {
color: #fff
}
.progress-bar {
background-color: #fb8c00;
border-bottom: 4px solid #ef6c00!important
}
select,
select option {
background-color: #454545!important
}
.form-control {
background-color: rgba(255,255,255,.16);
color: #fff;
border: 2px solid rgba(0,0,0,.56)
}
.form-control:focus {
box-shadow: 0 0 5px #ffb74d;
border: 1px solid #ffb74d
}
.form-control > option {
background-color: #616161
}
.decoda-code,
.decoda-quote {
border: 1px solid #ffb74d
}
.decoda-quote {
margin: 0 15px 15px
}
.movie-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: radial-gradient(circle at 20% 50%,rgba(0,0,0,1) 5.46%,rgba(144,82,3,.46))
}
.disk-good,
.text-info {
color: #f5a623
}
.badge-extra {
border: 1px solid rgba(66,70,92,.61);
border-radius: 0
}
.fa-coins,
.text-danger,
.text-orange,
.text-pink,
.text-purple,
.text-success {
color: #f5a623
}
.alert-danger,
.alert-default,
.alert-info,
.alert-primary,
.alert-success,
.alert-warning,
.btn-info,
.panel-danger,
.panel-danger > .panel-heading,
.panel-default,
.panel-default > .panel-heading,
.panel-info,
.panel-info > .panel-heading,
.panel-primary,
.panel-primary > .panel-heading,
.panel-success,
.panel-success > .panel-heading,
.panel-warning,
.panel-warning > .panel-heading {
background-color: #fb8c00!important
}
.alert {
color: #424242
}
.alert > h2,
.alert > h2 > strong,
.movie-title > a,
.panel > .panel-heading > div > h2,
.panel > .panel-heading > div > h4,
.panel > .panel-heading > h2,
.panel > .panel-heading > h4 {
color: #000
}
.panel-chat > .panel-heading > h4 {
color: #fff
}
.panel-collapse > .panel-heading {
background-color: #1b1b1b!important
}
.badge-user {
border-radius: 0
}
.container.box {
background: #1f1f1f;
box-shadow: 2px 2px 4px 2px rgba(0,0,0,.2)
}
.list-inline {
color: inherit
}
.gradient.blue,
.gradient.green,
.gradient.light_blue,
.gradient.orange,
.gradient.pink,
.gradient.purple,
.gradient.red,
.gradient.silver,
.gradient.teal,
.gradient.yellow {
background-image: radial-gradient(at 90% top,#252621 0,#0a1526 40%)
}
#l-footer,
div.header.blue div.inner_content,
div.header.green div.inner_content,
div.header.light_blue div.inner_content,
div.header.orange div.inner_content,
div.header.pink div.inner_content,
div.header.purple div.inner_content,
div.header.red div.inner_content,
div.header.silver div.inner_content,
div.header.teal div.inner_content,
div.header.yellow div.inner_content {
background-image: url(https://www.themoviedb.org/assets/1/v4/marketing/yellow_pipes-23f075a96627f8fda0450149ee7dcc8f954130dd393e226647f986ae55c6b97a.svg)!important
}
.banner > .fa-headphones:before,
.banner > .fa-rocket:before {
content: "\f30e"
}
.table > tbody > tr > td.text-green {
color: #3fb618!important
}
.table > tbody > tr > td.text-red {
color: var(--color-light-red)!important
}
a {
color: #ff9800
}
a:hover {
color: #ffb74d
}
.nav-tabs > li,
.nav-tabs > li.active {
border: none!important;
background-color: #000!important
}