File size: 2,010 Bytes
d4d998a 9d99b3a 562660f d4d998a 9d836ae d4d998a 6564740 d4d998a 6564740 d4d998a 3c01baa b1cb07d 3c01baa 9d836ae 3c01baa 9d836ae 26bf091 3c01baa b1cb07d 9d95184 da9b1e4 26bf091 9d95184 da9b1e4 9d95184 562660f d4d998a |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 |
"""
CSS and styling for the GuardBench Leaderboard.
"""
custom_css = """
.markdown-text {
font-size: 16px !important;
text-align: justify !important;
line-height: 1.0 !important;
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.tab-buttons button.selected {
border-color: #f4f4f5 !important;
background: #3f3f46 !important;
color: #f4f4f5 !important;
}
#citation-button textarea {
font-family: monospace !important;
}
.leaderboard-container {
margin-top: 20px;
}
.category-header {
font-weight: bold;
background-color: #f5f5f5;
padding: 10px;
margin-top: 15px;
border-radius: 5px;
}
.metric-name {
font-weight: bold;
color: #a1a1aa !important;
}
.model-name {
font-weight: bold;
}
.model-link:hover {
text-decoration: underline;
color: #ffffff !important;
}
.version-selector {
margin: 0 !important;
padding: 5px;
border-radius: 5px;
}
.version-selector label {
font-weight: bold;
color: #f4f4f5 !important;
}
.version-selector select {
border-color: #3f3f46 !important;
border-radius: 5px;
}
/* Make sure the version selector is properly aligned with refresh button */
.version-selector > .block {
padding: 0 !important;
}
.version-selector > .block > .wrap {
position: relative;
top: -5px;
}
/* Force background/border for common layout containers */
.gradio-row > .block,
.gradio-column > .block,
.form,
.panel {
/* background: #18181b !important; */ /* Removed background override */
border-color: #27272a80 !important; /* Made border color semi-transparent */
border-width: 1px !important; /* Ensure border is visible */
border-style: solid !important;
}
/* Target the specific file upload component area */
.gradio-file .wrap {
/* background: #18181b !important; */ /* Removed background override */
border-color: #27272a !important;
}
#refresh-button {
margin-top: 5px !important;
margin-bottom: 5px !important;
}
"""
|