MG-ToolKit-POC / styles.css
TMBoeren's picture
Update styles.css
6ae2515 verified
@font-face {
font-family: 'TMCandor';
src: url('/file=fonts/TMCandor-Light.otf') format('opentype');
font-weight: 300;
}
@font-face {
font-family: 'TMCandor';
src: url('/file=fonts/TMCandor-LightItalic.otf') format('opentype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'TMCandor';
src: url('/file=fonts/TMCandor-Regular.otf') format('opentype');
font-weight: normal;
}
@font-face {
font-family: 'TMCandor';
src: url('/file=fonts/TMCandor-RegularItalic.otf') format('opentype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'TMCandor';
src: url('/file=fonts/TMCandor-Bold.otf') format('opentype');
font-weight: bold;
}
@font-face {
font-family: 'TMCandor';
src: url('/file=fonts/TMCandor-BoldItalic.otf') format('opentype');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'TMCandorHeadline';
src: url('/file=fonts/TMCandor-Headline.otf') format('opentype');
font-weight: 700;
}
:root {
--font: 'TMCandor', sans-serif !important;
--font-headline: 'TMCandorHeadline', sans-serif !important;
--block-title-text-weight: 300 !important;
--block-shadow: 0.25rem .375rem -.0625rem rgba(0,0,0,.08);
--block-radius: 0px !important;
--block-border-width: 0px !important;
--body-text-weight: 300 !important;
--color-cold-black: #000A1E !important;
--color-white: #FFFFFF;
--color-blue: #00283C;
--color-orange: #FA6432;
--color-button-base: #64C8C8;
--color-button-hover: #00647D;
}
::selection {
background: var(--color-orange) !important;
color: var(--color-white) !important;
}
body, .gradio-container * {
font-family: var(--font) !important;
font-weight: 300 !important;
color: var(--color-cold-black) !important;
}
.gradio-container h1 {
font-family: var(--font-headline) !important;
font-weight: 700 !important;
color: var(--color-orange) !important;
text-align: left !important;
}
.gr-description {
font-family: var(--font) !important;
font-weight: bold !important;
color: var(--color-cold-black) !important;
}
button {
font-family: var(--font) !important;
font-weight: normal !important;
background-color: var(--color-button-base) !important;
color: var(--color-blue) !important;
border: none;
border-radius: 0px;
padding: 8px 0px 4px 0px;
background-image: none;
}
button:hover {
background-color: var(--color-button-hover) !important;
color: var(--color-white) !important;
background-image: none;
}
textarea {
resize: none !important;
}
/* Hide the Gradio footer */
footer {
display: none !important;
}