mangadex/scripts/css/Light-Bronze.css

/* Light Bronze theme by TeslaCuil */

a,
.nav-tabs .nav-link:not(.active):hover,
.nav-tabs .nav-link:focus {
    color: #6c5409;
}

a:hover {
    color: #83660c;
}

.card-header > a {
    color: #d4ccb3;
}

.card-header > a:hover {
    color: #f5efdc;
}

.fas.fa-external-link-alt.fa-fw {
    color: #f3f1ed;
}

.card-header.text-center >  a {
    color: #eceae2;
}

.tab-content {
    background: #FFF;
}

#latest_updates, #follows_updates, #site_settings, #change_profile, #change_password, #upload_settings, #reader_settings, #filter_settings, .modal-body, .modal-footer, .well {
    background: #fff !important;
    color: black;
}


body {
    background-color: #fff;
    color: #010514;
}

.nav.nav-tabs li a:hover {
    color: #000
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: #b79e6f;
}

.bg-light, .bg-dark {
    background-color: rgba(40,38,30, .95) !important;
    border-bottom: 1px solid #484321;
    box-shadow: 0px 3px 8px rgba(40, 50, 66, .75);
}

.alert {
    background: #d3ceba;
    color: #1f1f20;
}

.breadcrumb {
    background: #605d48;
    color: #e8e8f1;
}

.breadcrumb > li >  a {
    color: #e8e8f1;
}

.breadcrumb > li >  a:hover {
    color: #fff;
}

thead,
.table-header,
.card-header,
.modal-header {
    background: #3c3a34;
    color: #e8e8f1 !important;
}

.table-striped > tbody > tr {
    background: #FFF !important;
}

a > .fa-sort {
    background: transparent;
}

a > .fa-rss {
    color: #bbb9b2;
}

a:hover > .fa-rss {
    color: #fff;
}

a.dropdown-toggle > .fa-sort {
    color: #5a490e !important;
    background: unset;
}

.card-header.py-0.px-3 {
    background: transparent;
}

.row > .col-lg-6 {
    border-bottom: 1px solid #7e7760 !important;
}

div.car-caption {
     background-color: rgba(40,38,30, .9)
}

.btn-light,
.btn-light > .fas.fa-chevron-right.fa-fw,
.btn-light > .fas.fa-chevron-left.fa-fw,
.page-item .page-link {
    color: #ffffff;
}

.btn-light, .page-item .page-link, .page-item.disabled .page-link {
    background: #534f3f;
}

.btn-light:hover, .btn-light:active, .btn-light:focus, .page-item.active .page-link {
    background: #807b62 !important;
    color: #ffffff;
}

.close {
    color: #b7aa72;
}

.close:hover, .close:focus {
    color: #ffffff;
}

.page-link {
    color: white !important;
}

.page-link:hover {
    background: #625f4c !important;
}

.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-brand {
    color: #f8f9fa;
}

.navbar-light .navbar-nav .nav-link .d-xl-inline {
    color: #f7f6f3 !important;
}

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
    color: #cac5aa;
    text-shadow: none;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
    color: #cac5aa;;
}

.nav.nav-tabs, .nav.nav-pills, .card-header-pills {
    border-bottom: 3px solid #605d48 !important;
}

.dropdown-menu, .bg-reader-controls {
    background: #edebe5;
}

.dropdown-menu > a, .dropdown-menu > li > a {
    color: #000;
}

.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active {
    background: #bebaad;
    color: #000;
}

.bootstrap-select > .dropdown-toggle {
    color: #fff !important;
}

.card-header.text-center {
    border-bottom: 3px solid #f8f9fa;
}

.card, .list-group-item {
    background: #fff
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:hover,
.nav-tabs .nav-item.show .nav-link,
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background: #605d48;
    color: white;
}

.nav-tabs .nav-link:not(.active):hover,
.nav-tabs .nav-link:focus,
.nav-pills .nav-link:not(.active):hover,
.nav-pills .nav-link:not(.active):focus{
    background: #e2e0d6;
    color: #5a490e;
}

.nav-pills .nav-link:not(.active), .nav-pills .show > .nav-link {
    background: #fff;
}

.float-right.btn-group > button {
    color: #e3e8f0;
}

#quick_search_button > .fa-search {
    color: #69644f;
}

#quick_search_type:focus,
#quick_search_type:hover,
#quick_search_button:active,
#quick_search_button:hover {

    background-color: #e4e1d6 !important;
}

#quick_search_input,
#quick_search_button,
.input-group-btn {
    background: #f7f4f1;
}

#quick_search_type, .input-group-prepend > .form-control {
    background-color: #f7f4f1 !important
}

.form-control, .form-control:focus, .code-box {
    border: 0;
    border-bottom: 1px solid #534f3f;
    color: #b5b0aa !important;
}

#post_reply_form > .form-group > .col-xs-12 > .btn-secondary {
    background: transparent;
    color: black !important;
}

#post_reply_form > .form-group > .col-xs-12 > .btn-secondary:hover {
    background: #a49f7c;
    color: black;
}

.btn-secondary, .btn-default, .btn-outline-secondary {
    background: #7c725f;
    color: #fff !important;
    border: none;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-default:hover, .btn-default:focus, .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary.active {
    background: #a49f7c !important;
}

.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
    background: #b4af8b !important;
}

.badge-secondary, kbd {
    background-color: #847d67;
}

.reader-page-bar .thumb, .reader-page-bar:hover .thumb {
    background: #918c6d !important;
}

.reader-page-bar .trail {
    background: rgba(213, 190, 77, .25) !important;
}

.reader-page-bar .notch:not(.loaded) {
    background: repeating-linear-gradient(
         -45deg,
         rgba(132,125,103, 0.05),
         rgba(132,125,103, 0.05) 5px,
         rgba(132,125,103, 0.15) 5px,
         rgba(132,125,103, 0.15) 10px
     );
}

.navbar-toggler {
    background: #dddcd0;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background: #b8b796;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background: #d7d7c4;
}

/* filter for changing color of in window scroll bars, super hacky method
    .row > .col-lg-6 > p:nth-child(4) {
    filter: sepia(30%) saturate(100%) grayscale(0) contrast(95%) hue-rotate(0deg) invert(0%);
}
*/

/* global theme changes */

*,
.rounded
{
    border-radius: 0 !important;
}

.form-control:disabled, .form-control[readonly] {
    background: transparent;
    color: #888;
}

.navbar-dark .navbar-toggler {
    background: transparent;
}

/* Border Changes / background changes */

.bg-dark {
    background-image: none;
}

.alert {
    border: none;
    background-image: none;
}

.breadcrumb, .alert {
    box-shadow: none;
}

.card {
    border: none;
}

.nav.nav-tabs, .nav-tabs .nav-link {
    border: none;
}

.nav.nav-tabs li a {
    text-decoration: none;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    border: none;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    border: none;
}

.nav-pills .nav-link {
    border: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.card-header {
    border: none;
}

.table th,
.table td {
    border: none;
}

.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active {
    box-shadow: none;
}

.btn-light:focus, .btn-light.focus {
    box-shadow: none !important;
}

.btn-light {
    border: none;
}

.btn-light:hover, .btn-light:active, .btn-light:focus  {
    background-color: unset;
    border: none;
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
    background-color: unset;
    border: none;
}

.btn, .btn-secondary {
    border: none;
    box-shadow: none;
    text-shadow: none;
}

.btn, .btn-success, .btn-primary {
    background-image: none;
    border: none;
}

#quick_search_input, #quick_search_button, .input-group-btn {
    border: none;
    box-shadow: none;
    text-shadow: none;
}

 .form-control, #quick_search_input, .form-control:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
}

#quick_search_type {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;

    overflow: auto;
}

/* this is to make up for the lost space that the dropdown arrow would take */
#quick_search_type {
    padding-right: 25px
}

.modal-header > button {
    text-shadow: none;
}

.modal-body > .form-group > div > button {
    border-radius: 0;
}

.modal-body > .form-group > div > button:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.modal-body > .form-group > div > button:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.page-item .page-link {
    border: none;
}

.page-link:focus {
    box-shadow: none;
}

/* by default, site settings does not have a background, and when you add one it looks really bad without some padding */
#site_settings, #change_profile, #change_password, #upload_settings, #reader_settings, #filter_settings {
    padding: 20px;
}

/* this is to fix tab highlight overlapping the bottom border (default is -1px) */
.nav-tabs .nav-item {
    margin-bottom: 0;
}