Stylish export/import - Roll20 - Forums - Dark

Roll20_Forums_Dark.css

@-moz-document url-prefix("https://roll20.net"), url-prefix("https://app.roll20.net/forum"), url-prefix("https://app.roll20.net/private_message/"), url-prefix("https://app.roll20.net/sheetsandbox/settings/"), url-prefix("https://app.roll20.net/campaigns/"), url-prefix("https://app.roll20.net/lfg"), url-prefix("https://app.roll20.net/users"), url-prefix("https://app.roll20.net/playerdirectory"), url-prefix("https://app.roll20.net/marker-library"), url-prefix("https://app.roll20.net/vault"), url-prefix("https://app.roll20.net/marker-library"), url-prefix("https://app.roll20dev.net"), url-prefix("https://marketplace.roll20.net"), url-prefix("https://app.roll20.net/account") {
body {
    background-color: #000;
    color: #fff;
}

body.loggedin {
    background-color: #000;
    color: #fff;
}

body.loggedin .container {
    background-color: #333;
    color: #fff;
}

.pictos {
    color: #ccc !important;
    font-family: "Pictos" !important;
}

a.pictos.filtersinfo {
    position: relative;
}

p.masthead_info {
    background-color: transparent;
}

.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.btn-purple.active,
.btn-purple.hover {
    background-color: #34126c !important;
    color: #fff;
}

.topbar .row:first-child {
    padding-bottom: 5px;
    padding-top: 5px;
}

.topbar .row,
.topbar .menu-hider,
.topbar .btn-group,
.topbar .full,
.topbar .simple {
    background-color: #333 !important;
}

.topbar .gameinfo span {
    background-color: #333 !important;
}

.topbar .gameinfo a:first-child {
    background-color: transparent !important;
}

.topbar .simple a,
.topbar .full a {
    color: #fff !important;
}

.topbar .simple .listing p a,
.topbar .full .listing p a {
    color: #6c98ff !important
}

.topbar .btn.btn-default.dropdown-toggle {
    background-color: transparent;
    margin: 0;
}

.col-md-12.btn-row .btn-group.alertcontainer > button.sitenotifications,
.col-md-12.btn-row .btn-group.alertcontainer > a.btn {
    background-color: initial;
    border: none;
}

.col-md-12.btn-row .btn-group > .btn:first-child:hover {
    background-color: white;
    color: #ce007a;
}

.topbar .row:first-child img {
    height: 40px;
}

.topbar .row:first-child {
    padding-bottom: 5px;
    padding-top: 5px;
    width: calc(100% + 30px);
}

.topbar .row,
.topbar .menu-hider,
.topbar .btn-group {
    background-color: #888;
    border: none;
}

.topbar .btn-default {
    background-color: #414141;
    border: none;
    color: #FFF;
    font-size: 1em;
    padding: 0 5px 0 5px;
}

.container,
.container p {
    background-color: #333;
    color: #ccc !important;
}

.container.topbar,
.container.topbar .row {
    background-color: #000;
    min-height: 3.125em;
}

.chosen-container .chosen-results {
    color: #444 !important;
}

.container h1,
.container h2,
.container h3,
.container h4,
.container h5,
.container h6 {
    color: #49abff !important;
}

.tagset .noedit .textboxlist-bit-box-deletable {
    color: black;
}

.menu a:hover {
    background: transparent;
}

.col-md-12 {
    background-color: #1e1c1c;
    color: white;
    width: 100%;
}

.forum h3 {
    background-color: #0b3845;
    padding: 5px 10px 5px 10px;
}

.chosen-container-multi .chosen-choices {
    height: 2em !important;
    overflow-y: scroll;
}

.container.globalfooter > div.row {
    background-color: black;
    color: white;
}

.container .topwell {
    background: #555;
    color: #fff;
}

.homegamelist .gameinfo {
    font-size: 16px;
}

.title a {
    text-decoration: none;
}

a.userprofile {
    color: #4f91cd;
}

.forum a {
    background-color: transparent;
    color: #49abff;
    font-weight: normal;
    text-decoration: underline;
}

.redactor_editor a {
    color: #49abff;
}

li.active a {
    font-size: 1.2em;
    font-weight: bold;
    padding: .285em .5em .285em .5em;
    text-decoration: underline;
}

.redactor_editor,
.redactor_editor:focus {
    background: transparent;
}

.redactor_box .redactor_editor,
.redactor_box .redactor_editor:focus {
    color: black;
    font-size: 15px;
}

.forum .pull-right input {
    background-color: whitesmoke;
    color: black;
    width: 210px;
}

.jumbointro .col-md-4 h2 {
    display: none;
}

p b {
    color: unset;
}

pre * {
    background-color: transparent !important;
}

.chosen-container {
    height: 4em;
    width: 75% !important;
}

.chosen-container-multi .chosen-choices li.search-choice {
    font-size: .85em;
}


.posts .postcontent p,
.posts .postcontent p span,
.posts .postcontent p b,
.posts .postcontent div,
.posts .postcontent div p,
.posts .postcontent div i,
.posts .postcontent div li,
.posts .postcontent span {
    background-color: #3b3b3b !important;
    color: #ccc !important;
    margin: 0;
    max-width: 100%;
    padding: 2px;
}

.posts .postcontent pre {
    color: var(--color-surface2) !important;
    background: var(--color-grayscale1) !important;
}

.posts .postcontent blockquote {
    border-left: 1em solid #a5a5a5;
    color: #ccc !important;
    font-size: .85em;
    margin: 0 0 15px 15px;
}

.posts .postcontent blockquote p {
    background-color: #5e5e5e;
}

blockquote {
    background-color: #3b3b3b !important;
    border-left: 8px solid #ccc !important;
    margin: 0 0 15px 15px;
    padding: 5px 15px;
}


blockquote ol,
blockquote li {
    background-color: #44474c !important;
    border-left: 10px solid transparent !important;
    margin: 0 0 5px 18px;
    padding: 3px 7px 0 0;
}

ul,
ol,
ol *,
ul * {
    background-color: inherit;
    color: #ccc !important;
}

.chosen-drop ul,
.chosen-drop ol,
.chosen-drop ol *,
.chosen-drop ul * {
    background-color: inherit;
    color: initial !important;
}

li {
    color: inherit;
}

.postcontent pre {
    white-space: pre-wrap !important;
}

.postcontent div {
    white-space: pre-wrap;
    word-break: break-word;
}

.post .postcontent pre,
.note-editable pre {
    white-space: pre-wrap;
}

.posts .postcontent,
.posts .post .redactor_box {
    background-color: #959595;
    border-radius: 5px;
    border: 1px solid #a9a9a9;
    display: flex;
    flex-direction: column;
    font-family: Verdana;
    font-size: 15px;
    justify-content: center;
    min-height: 4em;
    padding: 5px;
    width: 850px;
}

.postlisting .meta {
    font-size: 0.9em;
    color: #c4b2a3 !important;
}

.postlisting > div.meta > div + strong {
    color: #30f079 !important;
    font-size: .85em;
    padding: 1px 5px 1px 5px;
}

.postlisting .meta strong.devposttag {
    border: none;
    box-shadow: none;
    color: #ff30ab !important;
    font-size: .75em;
}

.postlisting > div.meta > strong:first-child {
    color: #ccc;
}

.breadcrumb {
    background-color: #333;
}

.breadcrumb li {
    color: #79919e;
}

blockquote {
    background-color: #888;
    border-left: 1em solid #a5a5a5;
    color: #ccc !important;
}

.article-snippet p {
    color: #ccc !important;
}

.container.globalfooter p {
    color: #ccc !important;
}

/* LFG */
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #888;
}

.table-striped > tbody > tr:nth-of-type(odd) p,
.table-striped > tbody > tr:nth-of-type(even) p {
    color: #ccc !important;
}

.campaign_details.listing_details div .description p {
    color: #ccc !important;
}

.useroptions > select {
    color: #333;
}

input,
button,
select,
textarea {
    background-color: grey;
    color: black;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.btn-group > .btn:first-child {
    background-color: initial;
    margin-left: 5px;
    padding: 5px;
}

.col-md-12.btn-row .btn-group > .btn:first-child {
    background-color: #555;
    border-radius: 10px;
    border: 1px solid #000;
    margin: 0 0 5px 5px;
    padding: 2px 4px 2px 4px;
}

.note-editor .panel-default > .panel-heading,
.posts .postcontent div.note-editor .note-toolbar-wrapper .panel-heading .note-btn-group,
.posts .postcontent div.note-editor .note-toolbar-wrapper .panel-heading .note-btn-group .btn-group .note-btn i,
.posts .postcontent div.note-editor .note-toolbar-wrapper .panel-heading .note-btn-group .btn-group .note-btn span,
.posts .postcontent div.note-editor .note-toolbar-wrapper .panel-heading .note-btn-group .note-btn-group,
.panel-heading .btn-group > .btn * {
    background-color: #f5f5f5 !important;
    border-color: #ddd;
    color: #333;
    display: inline-flex;
    justify-content: center;
}

div.label span.pictos {
    color: orange !important;
}

.postcontent > pre,
.postcontent > pre * {
    background-color: #003c77;
    color: #d7d7d7 !important;
}

.ui-tooltip.ui-widget.ui-corner-all.ui-widget-content {
    display: none !important;
}

.token-markers__main {
    background-color: #000 !important;
}

.modal-open .modal-content {
    background-color: #333;
    color: inherit;
}

.privatemessage .message {
    color: #d1d1d1;
}
}