best uoj by CJmfeitveer

/* ==UserStyle==
@name           best uoj
@namespace      github.com/openstyles/stylus
@version        2.4.2
@description    A goof userstyle
@author         Mfeitveer
==/UserStyle== */
:root {
    --main-background-color: #f5f5f5;
    --success-color: #bdebaa;
    --user-name-color: #ea234e;
    --main-background2-color: rgba(255, 255, 255, 0.8);
    --main-text-color: #337ab7;
    --main-text-hover-color: #5f9fd6;
    --main-text-hover2-color: #ed5f82;
    --main-border-color: #ccc;
    --btn-border-color: #fff;
    --btn-background-color: #4e6ef2;
}

@-moz-document url-prefix("http://172.40.253.199/"),
url-prefix("https://uoj.ac/"),
url-prefix("http://183.214.207.94:18080/") {

    /* ** 主体背景 */
    body {
        background-image: url(https://pic.imgdb.cn/item/659e938f871b83018a04ee5a.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-attachment: fixed;

        /*
		 background: var(--main-background-color);
		 */
        font-size: 15px;
        font-family: "Times New Roman", "Chinese Quotes", "Inter var", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
    }

    /* ** 高亮通过题目，防止眼瞎 */
    body > div > div.uoj-content > div.table-responsive > table > tbody > tr > td.success {
        background: var(--success-color);
    }

    /* ** 拒绝名字颜色歧视 */
    .uoj-username {
        color: var(--user-name-color) !important;
    }

    .uoj-honor {
        color: var(--user-name-color) !important;
    }

    /* ** 整体框架更改 */
    body {
        padding: 0;
        border: 0;
    }

    body > div > div.uoj-content {
        /* border-radius: 3rem; */
        /* background: var(--main-background2-color) !important; */
        border: 15px solid transparent;
        background: #fff;
        box-shadow: 0px 0px 10px 5px #888;
        width: 1170px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 10px;
    }

    textarea:hover {
        border: 1px solid var(--main-text-hover-color);
    }

    input:hover {
        border: 1px solid var(--main-text-hover-color);
    }

    a {
        transition: all .15s ease;
        color: var(--main-text-color);
    }

    a:hover {
        color: var(--main-text-hover-color);
    }

    ::selection {
        background: #fa7298;
        color: var(--btn-border-color);
    }

    body > div > div:nth-child(1) {
        position: sticky;
        top: 0;
        float: right;
        z-index: 999;
        padding-top: 10px;
        padding-right: 20px;
    }

    body > div > div.navbar.navbar-default {
        position: sticky;
        top: 0;
        margin: 0;
        min-width: 500px;
        width: -webkit-fill-available;
        border: 0px;
        background: #fff;
        z-index: 998;
    }

    .container {
        width: auto;
        padding: 0px;
    }

    .navbar-nav > li {
        float: left;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    body > div > div:nth-child(1) > ul > li.dropdown > a,
    body > div > div:nth-child(1) > ul > li:nth-child(2) > a,
    body > div > div.navbar.navbar-default > div > div.navbar-collapse.collapse > ul > li > a {
        color: #000 !important;
        transition: all 0.2s ease-in-out;
    }

    body > div > div.navbar.navbar-default > div > div.navbar-collapse.collapse > ul > li > a {
        padding-top: 5px;
        padding-bottom: 5px;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 12px;
        margin-right: 12px;
    }

    body > div > div.navbar.navbar-default > div > div.navbar-collapse.collapse > ul > li > a:hover:before {
        width: 100%;
    }

    body > div > div.navbar.navbar-default > div > div.navbar-collapse.collapse > ul > li > a:before {
        content: "";
        width: 0;
        height: 2px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #000 !important;
        -webkit-transition: width .3s;
        transition: width .3s;
    }

    .table {
        margin-bottom: 0px;
    }

    .table-responsive {
        margin-bottom: 10px;
    }

    .navbar {
        border-radius: 0px;
    }

    /* ** 校内OJ拒绝好评 */

    .uoj-click-zan-block {
        display: block;
    }

    .uoj-click-zan-up {
        display: none;
    }
    .uoj-click-zan-down {
        display: none;
    }
    .uoj-click-zan-cnt {
        justify-content: center;
        align-items: center;
        display: flex;
    }

    /* ** 导航栏优化 */
    .navbar-default .navbar-nav > li > a {
        transition: all .15s ease;
    }

    .navbar-default .navbar-nav > li > a:hover {
        color: var(--main-text-hover-color);
    }

    .navbar-default .navbar-brand {
        transition: all .15s ease;
        color: transparent;
        background-image: url(https://pic.imgdb.cn/item/65801537c458853aefae4348.png);
        background-position: center;
        width: 42px;
        height: 42px;
        border-radius: 3rem;
        font-size: small;
        text-align: center;
    }

    .navbar-default .navbar-brand:hover {
        color: transparent;
    }

    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        margin-left: 10px;
        margin-top: 8px;
        margin-bottom: 8px;
        margin-right: 10px;
    }

    /* ** 全新的按钮与文本框 */
    .btn {
        margin-left: 8px;
        margin-right: 8px;
        margin-bottom: 5px;
        outline: none !important;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        background-color: var(--btn-background-color);
        color: #fff !important;
        -webkit-transition: opacity 0.2s;
        transition: opacity 0.2s;
    }

    .btn-default:hover,
    .btn-default:focus {
        background-color: #4662d9;
        opacity: 1;
        background-position: none;
    }

    .btn-primary:hover,
    .btn-primary:focus {
        background-color: #4662d9;
        opacity: 1;
        background-position: none;
    }

    .btn:hover {
        background-color: #4662d9;
        opacity: 1;
    }

    .btn-default {
        background-image: none;
    }

    .btn-primary {
        background-image: none;
    }

    .form-control {
        box-sizing: border-box;
        margin-top: 0.2em;
        margin-bottom: 0.2em;
        flex: 1;
        border-radius: 3px;
        border: 1px solid var(--main-border-color);
        text-overflow: ellipsis;
        white-space: nowrap;
        background: var(--btn-border-color);
        padding-right: 1.5em;
    }

    .form-inline .form-control {
        border: 1px solid #d9d9d9;
        margin-bottom: 7px;
        padding: 13px 13px;
    }

    .form-control:focus,
    .form-inline .form-control:hover {
        border: 1px solid var(--main-text-hover-color);
    }

    #input-max_score,
    #input-min_score {
        width: 4.5em !important;
    }

    .form-control:focus {
        box-shadow: none;
    }

    body > div > div.uoj-content > div.hidden-xs > div.pull-right > a.btn.btn-danger.btn-sm,
    body > div > div.uoj-content > div.hidden-xs > div.pull-right > a.btn.btn-success.btn-sm,
    .glyphicon-edit:before {
        display: none;
    }

    body > div > div.uoj-content > div.hidden-xs > div.pull-right > a,
    body > div > div.uoj-content > div.pull-right > div > a.btn.btn-primary.btn-sm {
        font-weight: bold;
    }

    /* ** 页面导航目录列表优化 */
    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
        background: white;
        color: var(--main-text-hover2-color);
        border: 1px solid var(--main-border-color);
        font-weight: 400;
    }

    body > div > div.uoj-content > div.text-center {
        padding-top: 10px;
    }

    /* ** 圆角，圆角！ */
    .container-fluid {
        border-radius: 3rem;
    }

    .table-responsive {
        background-color: var(--main-background2-color);
        border: 1px solid var(--main-border-color);
        border-radius: 1rem;
        box-shadow: -5px -5px 20px #FFF, 5px 5px 20px #BABECC;
        transition: all 0.2s ease-in-out;
    }

    .panel-default {
        border: 1px solid var(--main-border-color);
        border-radius: 2rem;
        margin-top: 10px;
    }

    /* ** 题目页面优化 */
    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:focus {
        border-top: 5px solid var(--main-text-hover2-color);
    }

    .nav-tabs > li.active > a:hover {
        border-top: 5px solid var(--main-text-hover-color);
    }

    .nav-tabs > li > a:hover {
        border-top: 5px solid var(--main-text-hover-color);
    }

    .btn-info {
        background-image: none;
        border-color: #4662d9;
    }

    .btn-info:active,
    .btn-info.active {
        background-color: var(--btn-background-color);
        border-color: var(--btn-background-color);
    }

    .btn-info:hover,
    .btn-info:focus {
        background-position: 0 0;
        border-color: #4662d9;
        background-color: #4662d9;
    }

    /* ** 尾页优化 */
    body > div > div.uoj-footer > ul {
        color: black;
    }

    body > div > div.uoj-footer > p {
        color: black;
    }

    /* ** 封面优化 */
    body > div > div:nth-child(1) > h1.hidden-xs {
        display: none;
    }

    .img-rounded {
        border-radius: 99px;
    }

    body > div > div.uoj-content > div.panel.panel-default > div > div > div.col...