CoFun++ by hezicyan

/* ==UserStyle==
@name         CoFun++
@version      20220423.15.07
@namespace    userstyles.world/user/hezicyan
@description  Try to beautify CoFun!
@author       hezicyan
@license      GPL
==/UserStyle== */

@-moz-document domain("59.61.219.58"), domain("192.168.4.252") {
body {
    background-image: url(https://s3.bmp.ovh/imgs/2021/11/f4e875ae53c51078.png);
    background-attachment: fixed;
    background-size: cover;
    font-size: 16px;
}

/* 设置 badge */
.user-badge {
    border-radius: 50px;
    padding: 4px 10px;
    transition: all 0.15s;
    display: inline-block;
    min-width: 10px;
    font-size: 0.9em;
    font-weight: 700;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    margin-left: 2px;
    margin-right: 2px;
    background: 0% 0% / contain no-repeat;
}

table tr:first-child th:first-child {
    /* 设置table左上圆角 */
    border-top-left-radius: 10px;
}
table tr:first-child th:last-child {
    /* 设置table右上圆角 */
    border-top-right-radius: 10px;
}
table tr:last-child td:first-child {
    /* 设置table左下圆角 */
    border-bottom-left-radius: 10px;
}
table tr:last-child td:last-child {
    /* 设置table右下圆角 */
    border-bottom-right-radius: 10px;
}

/* 代码框透明（但 CoFun 的大部分代码显示不是使用代码框） */
code {
    background-color: rgba(247, 247, 249, 0.7);
}

/* 输入框、文本框透明 */
input[type="text"], input[type="password"] {
    background-color: rgba(255, 255, 255, 0.7);
}
input[id="gotoprob"], input[id="Username"], input[id="Password"] {
    /* 防止搜索框、登录用户名密码框变成错误的透明 */
    background-color: #ffffff;
}
textarea[type="Signature"] {
    background: rgba(255, 255, 255, 0.8);
}
.wmd-input, .wmd-preview, .big-textarea {
    background-color: rgba(255, 255, 255, 0.9);
}

/* 多选框透明 */
select {
    background-color: rgba(255, 255, 255, 0.7);
}
select option {
    background-color: rgba(255, 255, 255, 0.7);
}

/* 调整字体大小 */
body {
    font-size: 15px;
}
pre {
    font-size: 14px;
}

/* 下拉框透明 */
.dropdown-menu {
    background-color: rgba(255, 255, 255, 0.7);
}
.dropdown-menu li a:hover {
    background-color: rgba(0, 129, 194, 0.3);
    background-image: linear-gradient(to bottom, rgba(0, 136, 204, 0.5), rgba(0, 119, 179, 0.5));
}

/* 大部分表格透明 */
.table tr {
    background-color: rgba(255, 255, 255, 0.7);
}

/* 标签透明 */
.label-success {
    background-color: rgba(70, 136, 71, 0.8);
}
.label-success[href] {
    background-color: rgba(53, 102, 53, 0.8);
}
.label-important {
    background-color: rgba(185, 74, 72, 0.8);
}
.label-important[href] {
    background-color: rgba(149, 59, 57, 0.8);
}
.label-info {
    background-color: rgba(58, 135, 173, 0.8);
}
.label-info[href] {
    background-color: rgba(45, 105, 135, 0.8);
}

/* 主页透明 */
.hero-unit {
    background-color: rgba(238, 238, 238, 0.7);
}
.hero-unit .table tr {
    background-color: rgba(255, 255, 255, 0.5);
}

/* 评测状态表格颜色透明 */
.table .alert {
    background-color: rgba(252, 248, 227, 0.7);
}
.table .alert-success {
    background-color: rgba(223, 240, 216, 0.7);
}
.table .alert-danger {
    background-color: rgba(242, 222, 222, 0.7);
}
.table .alert-error {
    background-color: rgba(242, 222, 222, 0.7);
}
.table .alert-info {
    background-color: rgba(217, 237, 247, 0.7);
}
.table .alert-warning {
    background-color: rgba(252, 248, 227, 0.7);
}

/* 用户排名颜色透明 */
.table .user-red-back {
    background-color: rgba(255, 216, 3, 0.7);
}
.table .user-orange-back {
    background-color: rgba(254, 238, 120, 0.7);
}
.table .user-violet-back {
    background-color: rgba(235, 193, 244, 0.7);
}
.table .user-blue-back {
    background-color: rgba(217, 237, 247, 0.7);
}
.table .user-green-back {
    background-color: rgba(223, 240, 216, 0.7);
}
.table .user-gray-back {
    background-color: rgba(255, 255, 255, 0.7);
}

/* 用户主页 Rating 表格透明 */
.highcharts-background {
    fill-opacity: 0.8;
}

/* 代码查看透明 */
pre {
    background-color: rgba(245, 245, 245, 0.7);
}
.linenums li {
    background-color: rgba(255, 255, 255, 0.5);
}

/* 页面跳转按钮透明和优化 */
.pagination ul {
    background-color: rgba(255, 255, 255, 0.4);
}
.pagination ul .disabled a {
    background-color: rgba(255, 255, 255, 0.4);
}
.pagination ul .disabled a:hover {
    background-color: rgba(255, 255, 255, 0.4);
}
.pagination ul .active a {
    background-color: rgba(220, 220, 220, 0.4);
}
.pagination ul .active a:hover {
    background-color: rgba(220, 220, 220, 0.4);
}
.pagination ul li a {
    background-color: rgba(255, 255, 255, 0.4);
}
.pagination ul li a:hover {
    background-color: rgba(180, 180, 180, 0.4);
}

/* 修改 IFrame 内的样式 */

[stylus-iframe] body {
    background-image: none;
    background-color: rgba(255, 255, 255, 0);
}

[stylus-iframe] div.ui.bottom.attached.segment.font-content {
    background-color: rgba(255, 255, 255, 0);
    border: none;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 15px;
}

[stylus-iframe] h4.ui.attached.block.header {
    background-color: rgba(243, 244, 245, 0);
    font-size: 18px;
    border: none;
}

[stylus-iframe] div.ui.bottom.attached.segment.font-content div:not(.existing) {
    background-color: rgba(255, 255, 255, 0) !important;
    border: none;
}

[stylus-iframe] div.ui.existing.segment {
    background-color: rgba(245, 245, 245, 0.7);
    font-size: 14px;
    border-right: 3px solid rgba(34, 36, 38, 0.15);
}

[stylus-iframe] div.ui.existing.segment pre {
    background-color: rgba(245, 245, 245, 0);
    font-family: 'Source Code Pro', monospace;
    font-size: 14px !important;
}

[stylus-iframe] div.ui.main.container {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
}