/* prototype look */ .prototype { background: $body-color !important; border: 2px solid $text-color !important; box-shadow: 0 0 .75rem rgba(75, 75, 75, .35); /* comic sans is pretty ok on mac os, but do it last so others prevail on windows 10/11 */ font: 18px/1.75 Bradley Hand ITC, Tempus Sans ITC, French Script MT, Comic Sans MS, cursive; padding: 1rem; * { background: $body-color !important; box-shadow: none !important; color: $text-color !important } h1, h2, h3 { padding: 1rem } table { border-collapse: collapse } th a { background: $text-color !important; box-shadow: none !important; color: white !important } ul, ol { list-style-position: inside } a { color: #04f !important; text-decoration: underline } button, input[type="button"], input[type="submit"] { background: $text-color !important; color: white !important } caption, figcaption { padding-left: 0 } figcaption { border-bottom: 1px solid $text-color !important } img { filter: grayscale(1) invert(1) } input[type="number"], input[type="time"] .select { width: 8em } input[type="date"] { width: 11em } th { background-color: $text-color !important; color: white !important } td, th, button, input, select, textarea, input, figure, .button { border: 2px solid $text-color !important; max-width: initial !important } tfoot tr { border: none !important; font-weight: normal } body, input, textarea, select, button, .button { font: 18px/1.75 Bradley Hand ITC, Tempus Sans ITC, French Script MT, Comic Sans MS, cursive; } h1, h2, h3 { font-weight: normal } table { box-shadow: 15px 28px 25px -18px rgb(0 0 0 / 20%) !important } td:last-child > meter { height: 1.5rem; width: 100% } h3 { padding: 0 } .tree.overview a { text-decoration: none } .tree.overview a::after { content: ' - ' attr(href); color: #aaa; font-weight: normal; } /* credits: paper.css */ button, .button { border-bottom-left-radius: 15px 255px; border-bottom-right-radius: 225px 15px; border-top-left-radius: 255px 15px; border-top-right-radius: 15px 225px; border-width: 2px; box-shadow: 15px 28px 25px -18px rgb(0 0 0 / 20%) !important; transition: all 235ms ease-in-out 0s; } nav { border-bottom: 3px solid $text-color !important } }