www_mycelium/css/layout.css

72 lines
3.1 KiB
CSS
Raw Normal View History

2024-05-03 20:15:09 +00:00
/* Base styles */
main {
padding-top: 0;
}
2024-05-06 09:59:44 +00:00
/* Heading styles: color n size */
2024-05-03 20:15:09 +00:00
h1, .h1 { font-size: 2.5rem; font-weight: 900; }
h2, .h2 { font-size: 2rem; font-weight: 700; }
2024-05-06 09:59:44 +00:00
h3, .h3 { font-size: 1.5rem;font-weight: 400; color: #4207ab; }
2024-05-04 09:52:00 +00:00
h4, .h4 { font-size: 1.3rem; }
2024-05-06 09:59:44 +00:00
h5, .h5 { font-size: 1.15rem; font-style: normal; color:#3f3f3f }
h6, .h6 { font-size: 1rem; color:#3f3f3f }
p, .p { font-size: 1.2rem; color:#232323}
2024-05-03 20:15:09 +00:00
/* Navigation styles */
#xp-heading { margin: 0; }
.navWhite, .navWhite:visited { color: #fff; }
.navWhite:focus, .navWhite:active { color: #cbd5e0; }
.text-blue-light { color: #4299e1; }
.text-blue-dark { color: #3182ce; }
.text-shadow-titles { text-shadow: 4px 4px 2px #000; }
.gradient-titles { background: linear-gradient(to bottom, #4299e1, #000); }
.ctr { text-align: center; }
.legal { font-size: 0.75rem; }
/* Link styles */
a { color: #000; }
a:focus, a:hover { border: none; color: #4299e1; }
a:active { color: #2b6cb0; }
nav h4 a { border: 0; color: #000; }
nav h4 a:hover { border: 0; color: #4299e1; }
nav h4 a:focus, nav h4 a:active { border: 0; color: #000; }
2024-05-04 09:52:00 +00:00
h5 a { color: #4207ab; }
2024-05-03 20:15:09 +00:00
/* Text and paragraph styles */
pre, code { font-feature-settings: normal; }
.height-hero p, .height-post p { line-height: 1.75; }
/* Container and layout styles */
.height-hero, .height-post { height: 45vh; max-height: 45vh; overflow: hidden; }
.imgCover { object-fit: cover; object-position: center; height: 100%; width: 100%; }
.background-hero-image-div { position: relative; overflow: hidden; width: 100%; background-color: #000; height: 80vh; max-height: 80vh; }
.background-hero-title-block-fit { position: absolute; bottom: 0; left: 0; right: 0; padding: 1rem 2rem 2rem; background: linear-gradient(to top, #000, transparent); }
.background-hero-title-text { text-shadow: 4px 4px 2px #000; }
/* Table styles */
table { border-collapse: collapse; }
table.leagues { width: 91%; margin: 1.5rem auto 0; }
table.leagues td.col { width: 50%; }
table.noborders { width: 91%; margin: 0 auto 1rem; }
table.noborders td { padding: 0.5rem 0; text-align: left; vertical-align: middle; }
table.noborders td img { display: inline-block; }
/* Miscellaneous styles */
.aspect-16x9 { padding-bottom: 56.25%; }
.lazypicturecaption { font-size: 0.875rem; margin-top: 0.5rem; text-align: center; }
.home-colOne p { line-height: 1.6; margin-bottom: 1rem; }
.home-colOne img { margin: 1rem 0; }
.container-comments { margin: 0 auto; font-size: 85%; width: 85%; max-width: 720px; }
.container-comments @media screen and (min-width: 900px) { width: 40%; }
/* Footnote styles */
.footnote-reference, .footnote-sim { font-size: 0.65em; }
.footnotes ol { padding-inline-start: 1.5rem; }
.footnotes ol li { margin-bottom: 0.5rem; font-size: 0.65em; }
.footnote-backref { font-size: 0.75em; }
.footnote-definition { border-top: 1px solid #000; padding-top: 1em; margin-top: 1em; }
.footnote-definition + .footnote-definition { border-top: 0; padding-top: 0; margin-top: 0; }
.footnote-definition-label { top: -0.4em; font-size: 0.65em; }
.footnote-definition-label + p { font-size: 75%; margin-top: -1.75em; margin-left: 1em; line-height: 1.35; }
.footnote-definition-label::after { content: "."; }