File size: 1,604 Bytes
401763d |
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 |
/* custom.css for marimo notebook */
/* Set base font to Garamond for the entire document */
body, #marimo-app * {
font-family: 'Garamond', 'EB Garamond', serif !important;
}
/* Style for why-it-works and resources accordions */
.technique-why-it-works,
.technique-resources {
padding: 15px !important;
border-radius: 8px !important;
}
.technique-why-it-works p,
.technique-resources p {
color: #4a5568 !important;
}
.technique-resources a {
color: #4a5568 !important;
}
/* Keep existing styles for tabs */
.technique-bad-example {
background-color: #fffbeb !important;
border: 1px solid #f0c419 !important;
}
.technique-good-example {
background-color: #f8fdf7 !important;
border: 1px solid #4caf50 !important;
}
.technique-explanation {
background-color: #f0f7fc !important;
border: 1px solid #a3c6e0 !important;
}
/* Style for tab headers */
.technique-bad-example h4 {
color: #4a5568 !important;
}
.technique-good-example h4 {
color: #4a5568 !important;
}
.technique-explanation h4 {
color: #4a5568 !important;
}
/* Add background color to accordion panels and style accordion titles */
.marimo-accordion-panel {
background-color: #fff0f0 !important;
}
/* Style for accordion buttons/titles - make them slightly bigger with black text */
.marimo-accordion button {
color: #000000 !important;
font-size: 1.1em !important;
font-weight: 500 !important;
background-color: #fff0f0 !important;
}
/* Style for expanded accordion state */
.marimo-accordion [data-state="open"] button {
color: #000000 !important;
background-color: #fff0f0 !important;
} |