forked from hero/www_hero_project
72 lines
3.1 KiB
CSS
72 lines
3.1 KiB
CSS
/* Base styles */
|
|
main {
|
|
padding-top: 0;
|
|
}
|
|
|
|
/* Heading styles: color n size */
|
|
h1, .h1 { font-size: 2.5rem; font-weight: 900; }
|
|
h2, .h2 { font-size: 2rem; font-weight: 700; }
|
|
h3, .h3 { font-size: 1.5rem;font-weight: 400; color: #4207ab; }
|
|
h4, .h4 { font-size: 1.3rem; }
|
|
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}
|
|
|
|
/* 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; }
|
|
h5 a { color: #4207ab; }
|
|
|
|
/* 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: "."; }
|