src/display/css_html_js.py

custom_css = """

.markdown-text {
    font-size: 16px !important;
}

#models-to-add-text {
    font-size: 18px !important;
}

#citation-button span {
    font-size: 16px !important;
}

#citation-button textarea {
    font-size: 16px !important;
}

#citation-button > label > button {
    margin: 6px;
    transform: scale(1.3);
}

#leaderboard-table {
    margin-top: 15px
}

#leaderboard-table-lite {
    margin-top: 15px
}

#search-bar-table-box > div:first-child {
    background: none;
    border: none;
}
 
#search-bar {
    padding: 0px;
}

/* Limit the width of the first AutoEvalColumn so that names don't expand too much */
#leaderboard-table td:nth-child(2),
#leaderboard-table th:nth-child(2) {
    max-width: 400px;
    overflow: auto;
    white-space: nowrap;
}

.tab-buttons button {
    font-size: 20px;
}

#scale-logo {
    border-style: none !important;
    box-shadow: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
}

#scale-logo .download {
    display: none;
}
#filter_type{
    border: 0;
    padding-left: 0;
    padding-top: 0;
}
#filter_type label {
    display: flex;
}
#filter_type label > span{
    margin-top: var(--spacing-lg);
    margin-right: 0.5em;
}
#filter_type label > .wrap{
    width: 103px;
}
#filter_type label > .wrap .wrap-inner{  
    padding: 2px;
}
#filter_type label > .wrap .wrap-inner input{
    width: 1px
}
#filter-columns-type{
    border:0;
    padding:0.5;
}
#filter-columns-size{
    border:0;
    padding:0.5;
}
#box-filter > .form{
    border: 0
}
/* 隐藏默认样式的复选框 */
.gr_checkbox input[type="checkbox"] {
    display: none; /* 隐藏默认勾选框 */
}

/* 自定义复选框的标签样式 */
.gr_checkbox label {
    display: inline-block;
    padding: 10px;
    border: 2px solid blue; /* 可选的边框颜色 */
    border-radius: 5px; /* 圆角 */
    cursor: pointer; /* 光标样式 */
}

/* 自定义复选框的选中状态 */
.gr_checkbox input[type="checkbox"]:checked + label {
    background-color: blue; /* 选中时背景颜色为蓝色 */
    color: white; /* 选中时文字颜色为白色 */
}

/* 显示复选框的勾选标志 */
.gr_checkbox label::before {
    content: ""; /* 提供空内容 */
    display: inline-block;
    width: 20px;  /* 控制复选框的宽度 */
    height: 20px; /* 控制复选框的高度 */
    margin-right: 10px; /* 复选框和文字之间的间距 */
    border: 2px solid blue; /* 自定义复选框的边框颜色 */
    border-radius: 3px; /* 圆角 */
    background-color: transparent; /* 默认背景色 */
}

/* 当复选框选中时，显示蓝色背景和勾号 */
.gr_checkbox input[type="checkbox"]:checked + label::before {
    background-color: blue; /* 选中的背景颜色 */
    position: relative; /* 使勾号相对于复选框位置 */
}
.gr_checkbox input[type="checkbox"]:checked + label::after {
    content: "✓"; /* 显示勾号 */
    position: absolute; /* 绝对定位 */
    left: 5px; /* 控制勾号的位置 */
    top: -2px; /* 控制勾号的位置 */
    color: white; /* 勾号颜色 */
    font-weight: bold; /* 加粗勾号 */
}
"""

get_window_url_params = """
    function(url_params) {
        const params = new URLSearchParams(window.location.search);
        url_params = Object.fromEntries(params);
        return url_params;
    }
    """