add some custom styling for sidebars and elements

using OG-CSRD's classes mostly, on the sidebars and whatnot, but also
giving some basic theming to headers and links and such
This commit is contained in:
Brian S. Stephan 2025-07-19 18:15:57 -05:00
parent 9fc2f76df3
commit 8518eaade0
Signed by: bss
GPG Key ID: 3DE06D3180895FCB

View File

@ -13,7 +13,7 @@ $endif$
} }
body { body {
margin: 0 auto; margin: 0 auto;
max-width: $if(maxwidth)$$maxwidth$$else$54em$endif$; max-width: $if(maxwidth)$$maxwidth$$else$72em$endif$;
padding-left: $if(margin-left)$$margin-left$$else$50px$endif$; padding-left: $if(margin-left)$$margin-left$$else$50px$endif$;
padding-right: $if(margin-right)$$margin-right$$else$50px$endif$; padding-right: $if(margin-right)$$margin-right$$else$50px$endif$;
padding-top: $if(margin-top)$$margin-top$$else$50px$endif$; padding-top: $if(margin-top)$$margin-top$$else$50px$endif$;
@ -66,12 +66,10 @@ svg {
max-width: 100%; max-width: 100%;
} }
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
color: #811610;
margin-top: 1.4em; margin-top: 1.4em;
} }
h5, h6 { h5, h6 {
font-size: 1em; font-size: 1em;
font-style: italic;
} }
h6 { h6 {
font-weight: normal; font-weight: normal;
@ -202,3 +200,48 @@ $endif$
$if(csl-css)$ $if(csl-css)$
$styles.citations.html()$ $styles.citations.html()$
$endif$ $endif$
/* STYLES ON ELEMENTS FROM OG-CSRD */
.alert {
background-color: rgba(129, 22, 16, 0.05);
border: 3px solid #814b48;
padding: 0 20px;
margin: 15px;
}
.og-alert {
background-color: rgba(122, 122, 122, 0.1);
border: 3px solid #DDD;
}
.og-sidebar {
background-color: rgba(129, 22, 16, 0.05);
border: 1px solid #DDD;
border-left: 3px solid #814b48;
padding: 0 20px;
margin: 15px;
}
.og-ed {
background-color: rgba(122, 122, 122, 0.1);
border: 1px solid #DDD;
border-left: 3px solid #DDD;
padding: 0 20px;
margin: 15px;
}
.og-ref {
font-size: 75%;
color: #666;
}
/* BSS STYLES */
a {
font-weight: bold;
}
h1, h2, h3, h4, h5, h6 {
color: #811610;
text-transform: uppercase;
line-height: 1.2em;
}