sanjayw/SparkNLP_NER
0
1@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');2 3header div[data-testid="stDecoration"] {4 display: none;5}6 7/* sidebar */8section[data-testid="stSidebar"] > div:first-child {9 background: #ecf9ff;10}11 12section[data-testid="stSidebar"] div[data-testid="stMarkdownContainer"] h1 {13 font-family: 'Montserrat', sans-serif;14 font-weight: 500;15 font-size: 18px;16 line-height: 22px;17 background: none;18 color: #1E77B7;19 margin-bottom: 10px;20}21 22section[data-testid="stSidebar"] button[title="View fullscreen"] {23 right: 9px;24 top: 5px;25}26 27section[data-testid="stSidebar"] button[kind="icon"] svg path,28section[data-testid="stSidebar"] button[title="View fullscreen"] svg path {29 fill: #3e4095;30}31 32section[data-testid="stSidebar"] button[title="View fullscreen"] svg {33 position: relative;34 top: -2px;35}36 37section[data-testid="stSidebar"] button[kind="icon"]:active {38 background-color: #fff;39}40 41section[data-testid="stSidebar"] button[kind="icon"]:active,42section[data-testid="stSidebar"] button[kind="icon"]:focus {43 box-shadow: #3e4095 0px 0px 0px 0.2rem;44 border-color: #3e4095;45 color: #3e4095;46}47section[data-testid="stSidebar"] button[kind="icon"]:hover {48 border-color: #3e4095;49 color: #3e4095;50}51 52section[data-testid="stSidebar"] .stMultiSelect input[role="combobox"] {53 display: none;54}55 56/* markdown container */57div[data-testid="stMarkdownContainer"] {58 font-family: Montserrat, sans-serif;59}60 61section[data-testid="stSidebar"] .element-container .stSelectbox label:empty {62 display: none;63}64 65section[data-testid="stSidebar"] .element-container label {66 margin-top: 50px;67}68 69section[data-testid="stSidebar"] div[data-testid="stTable"] {70 padding: 0;71}72 73section[data-testid="stSidebar"] div[data-testid="stMarkdownContainer"] p {74 margin: 0;75}76 77div[data-testid="stMarkdownContainer"] h1 {78 font-family: Montserrat, sans-serif;79 font-weight: 800;80 font-size: 45px;81 line-height: 55px;82 color: #1E77B7;83}84 85div[data-testid="stMarkdownContainer"] h2 {86 font-family: Montserrat, sans-serif;87 font-weight: 500;88 font-size: 18px;89 line-height: 26px;90 color: #1E77B7;91}92 93div[data-testid="stMarkdownContainer"] h3 {94 font-family: Montserrat, sans-serif;95 font-weight: 500;96 font-size: 18px;97 line-height: 22px;98 color: #1E77B7;99}100 101div[data-testid="stMarkdownContainer"] code {102 font-family: Montserrat, sans-serif;103}104 105/* selectbox */106div[data-baseweb="select"] > div {107 box-shadow: 0px 4px 10px rgba(0, 152, 218, 0.3);108 border-radius: 2px;109 min-height: 40px;110 background: #ffffff;111 border: none;112}113 114div[data-baseweb="select"] .st-bb.st-bc.st-b4.st-cy.st-by.st-cz.st-d0 svg {115 fill: #BAD0DA;116 height: 20px;117 width: 20px;118 padding: 0;119}120 121.stSelectbox > label {122 font-family: 'Montserrat', sans-serif;123 font-weight: 500;124 font-size: 18px;125 line-height: 22px;126 color: #1E77B7;127}128 129div[data-baseweb="select"] > div > div > div {130 font-family: Montserrat, sans-serif;131 font-size: 14px !important;132 line-height: 26px !important;133 color: #536B76 !important;134}135 136div[role="listbox"] ul li {137 color: rgb(128, 132, 149);138}139 140div[role="listbox"] ul li[aria-selected="true"],141div[role="listbox"] ul li:hover {142 color: #000;143}144 145/* multiselect */146.stMultiSelect label {147 font-family: 'Montserrat', sans-serif !important;148 font-weight: 500;149 font-size: 18px !important;150 line-height: 22px;151 background: none;152 color: #1E77B7 !important;153 margin-bottom: 10px !important;154}155 156.stMarkdown>div {157 margin: 0;158}159 160.stMultiSelect span[data-baseweb="tag"] {161 font-family: Montserrat, sans-serif;162 background: #1E77B7;163 color: #fff !important;164 font-size: 12px !important;165 line-height: 20px !important;166}167 168.stMultiSelect span[data-baseweb="tag"] span[role="presentation"] {169 width: 21px;170 height: 21px;171 fill: #BAD0DA;172}173 174/* checkbox */175label[data-baseweb="checkbox"] > span[role="checkbox"] {176 border-color: #5334AE;177 background-color: #5334AE;178}179 180label[data-baseweb="checkbox"] > div {181}182 183label[data-baseweb="checkbox"] label.st-ex {184 background: red !important;185}186 187/* table */188div[data-testid="stTable"] table {189 width: 100%;190 background: #ffffff;191}192 193div[data-testid="stTable"] th {194 background: #3E4095;195 vertical-align: middle;196 color: #fff;197 font-family: 'Montserrat', sans-serif;198 font-weight: 800;199 font-size: 16px;200 line-height: 28px;201 height: 30px;202 padding: 10px;203 text-align: left;204 min-width: 103px;205}206 207div[data-testid="stTable"] tbody tr th,208div[data-testid="stTable"] thead tr th:first-child {209 display: none;210}211 212div[data-testid="stTable"] table tbody tr td {213 font-family: Montserrat, sans-serif;214 height: 50px;215 padding: 10px;216 font-size: 14px;217 line-height: 20px;218 color:#536B76;219 border-bottom: 1px solid #E7EDF0;220 text-align: left;221}222 223div[data-testid="stTable"] tr:nth-child(odd) {224 box-shadow: inset 0px 0px 35px rgba(0, 152, 218, 0.05);225}226 227div[data-testid="stTable"] tr:nth-child(even) {228 box-shadow: 0px 0px 35px rgba(0, 152, 218, 0.05);229}230 231/* entities */232.scroll.entities {233 border: 1px solid #E7EDF0;234 border-radius: 3px;235 text-align: justify;236}237 238.scroll.entities span { 239 font-size: 14px;240 line-height: 24px;241 color: #536B76;242 font-family: Montserrat, sans-serif;243}244.entity-wrapper {245 border-radius: 3px;246 padding: 1px;247 margin: 0 2px 5px 2px;248}249 250.scroll.entities span .entity-type {251 font-weight: 500;252 color: #ffffff;253 display: block;254 padding: 3px 5px;255}256 257.scroll.entities span .entity-name {258 border-radius: 3px;259 padding: 2px 5px;260 display: block;261 margin: 3px 2px;262}263 264@media (max-width: 1199px) {265 .reportview-container .main .block-container {266 padding: 1rem;267 }268}269 270@media (max-width: 991px) {271 div[data-testid="stMarkdownContainer"] h1 {272 font-size: 32px;273 line-height: 38px;274 }275 section[data-testid="stSidebar"] > div:first-child {276 padding: 2rem 1rem;277 }278 div[data-testid="stMarkdownContainer"] h2 {279 padding-top: 0;280 margin-top: 0;281 }282}283 284@media (max-width: 767px) {285 div[data-testid="stMarkdownContainer"] h1 {286 font-size: 27px;287 line-height: 33px;288 }289 .block-container .element-container .scroll.entities {290 padding: 10px !important;291 }292}