dracula theme for iscoj by ckeisc43rd-cjtsai

/* ==UserStyle==
@name           iscoj.fg.tp.edu.tw - 2024年3月
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document domain("iscoj.fg.tp.edu.tw") ,
domain("oj.ntucpc.org"),
domain("tioj.ck.tp.edu.tw"){
    /* 在此插入程式碼…… */
    .navbar-inverse {
        background-color: #44475A !important;
    }
    body {
        background-color: #282A36;
    }
    h5,
    .h5 {
        font-size: 28px;
        color: #F8F8F2;
    }
    .well {
        background-color: #282A36;
        border-radius: 20px;
        border-color: #BD93F9;
    }
    .btn-info {
        background-color: #BD93F9;
        color: #FFFFFF;
    }
    .alert-info {
        color: #fff;
        background-color: #6272A4;
        border-color: #BD93F9;
    }
    .table {
        border-radius: 20px;
        background-color: #44475A;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
    }
    .table-striped > tbody > tr:nth-of-type(odd) {
        background-color: #282A36;
    }
    .table > caption + thead > tr:first-child > th,
    .table > colgroup + thead > tr:first-child > th,
    .table > thead:first-child > tr:first-child > th,
    .table > caption + thead > tr:first-child > td,
    .table > colgroup + thead > tr:first-child > td,
    .table > thead:first-child > tr:first-child > td {
        border-top: 0;
        color: #fff;
    }
    .table > thead > tr > th,
    .table > tbody > tr > th,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > td,
    .table > tfoot > tr > td {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #BD93F9;
        color: #fff;
    }
    a {
        color: #BD93F9;
    }
    .btn-success {
        color: #ffffff;
        background-color: #50FA7B;
    }
    .panel-default {
        border-color: #BD93F9;
    }
    .panel-default > .panel-heading {
        color: #fff;
        background-color: #282A36;
        border-color: #BD93F9;
    }
    .panel > .table:last-child,
    .panel > .table-responsive:last-child > .table:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
    }
    .panel {
        margin-bottom: 20px;
        background-color: #BD93F9;
        border: 1px solid transparent;
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    }
    .pagination ul li.previous > a,
    .pagination ul li.next > a,
    .pagination ul li.previous > span,
    .pagination ul li.next > span,
    .pagination ul li.previous > a:hover,
    .pagination ul li.next > a:hover,
    .pagination ul li.previous > span:hover,
    .pagination ul li.next > span:hover,
    .pagination ul li.previous > a:focus,
    .pagination ul li.next > a:focus,
    .pagination ul li.previous > span:focus,
    .pagination ul li.next > span:focus {
        border-color: #BD93F9!important;
    }
    .pagination ul {
        background: #6272A4;
        color: #000000;
        padding: 0;
        margin: 0;
        display: inline-block;
        border-radius: 6px;
    }
    .panel-body {
        padding: 15px;
        background: #44475A;
        color: #fff;
    }
    .table > thead > tr > td.success,
    .table > tbody > tr > td.success,
    .table > tfoot > tr > td.success,
    .table > thead > tr > th.success,
    .table > tbody > tr > th.success,
    .table > tfoot > tr > th.success,
    .table > thead > tr.success > td,
    .table > tbody > tr.success > td,
    .table > tfoot > tr.success > td,
    .table > thead > tr.success > th,
    .table > tbody > tr.success > th,
    .table > tfoot > tr.success > th {
        background-color: #50FA7B;
    }
    .table > thead > tr > td.danger,
    .table > tbody > tr > td.danger,
    .table > tfoot > tr > td.danger,
    .table > thead > tr > th.danger,
    .table > tbody > tr > th.danger,
    .table > tfoot > tr > th.danger,
    .table > thead > tr.danger > td,
    .table > tbody > tr.danger > td,
    .table > tfoot > tr.danger > td,
    .table > thead > tr.danger > th,
    .table > tbody > tr.danger > th,
    .table > tfoot > tr.danger > th {
        background-color: #FF5555;
    }
    h4 {
        color: #fff;
    }
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left;
        color: #fff;
    }
    pre {
        padding: 8px;
        margin: 0 0 15px;
        font-size: 13px;
        line-height: 1.72222;
        color: inherit;
        background-color: #6272A4;
        border: 2px solid #e7e9ec;
        border-radius: 6px;
        white-space: pre;
    }
    p {
        font-size: 18px;
        line-height: 1.72222;
        margin: 0 0 15px;
        color: #fff;
    }
    small,
    .small {
        font-size: 83%;
        line-height: 2.067;
        color: #fff;
    }
    .well {
        background-color: #282A36;
        border-radius: 20px;
        border-color: #BD93F9;
        color: #fff;
    }
    .form-control {
        border: 2px solid #bdc3c7;
        color: #fff;
        font-family: "Lato", Helvetica, Arial, sans-serif;
        font-size: 15px;
        line-height: 1.467;
        padding: 8px 12px;
        height: 42px;
        -webkit-appearance: none;
        border-radius: 6px;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
        transition: border .25s linear, color .25s linear, background-color .25s linear;
    }
    .form-control {
        color: #fff;
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        background-color: #44475A;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    }label {
    font-weight: normal;
    font-size: 15px;
    line-height: 2.4;
    color: #fff;
}
.pagination ul li.active > a, .pagination ul li.active > span {
    background-color: #8BE9FD;
    border-color: #ffffff;
    border-width: 2px !important;
    color: #000;
    margin: 10px 5px 9px;
}
.pagination ul li > a, .pagination ul li > span {
    display: inline-block;
    background: #6272A4;
    border: 5px solid #d6dbdf;
    color: #ffffff;
    font-size: 14px;
    line-height: 16px;
    margin: 7px 2px 6px;
    min-width: 0;
    min-height: 16px;
    padding: 0 4px;
    border-radius: 50px;
    -webkit-transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out;
    transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out;
}
.btn-default {
    color: #ffffff;
    background-color: #BD93F9;
}
}