diff --git a/static/css/custom.css b/static/css/custom.css index 1b76b65..228bb96 100644 --- a/static/css/custom.css +++ b/static/css/custom.css @@ -1,3 +1,11 @@ +/* body { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; + max-width: 900px; + margin: 0 auto; + padding: 20px; + line-height: 1.6; + color: #333; + } */ /* ------------------------------------------------------------------ */ @font-face { font-family: 'Fractal'; @@ -5,6 +13,27 @@ font-weight: normal; font-style: normal; } +header { border-bottom: 2px solid #003366; padding-bottom: 10px; margin-bottom: 30px; } +h1 { color: #003366; } +h2 { color: #004080; border-bottom: 1px solid #eee; padding-bottom: 5px; margin-top: 30px; } +h3 { color: #0055a4; margin-top: 25px; } +nav { margin-bottom: 30px; } +nav a { margin-right: 20px; text-decoration: none; color: #003366; font-weight: bold; font-size: 1.1em; } +nav a:hover { text-decoration: underline; } +.person { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed #ddd; } +.person-name { font-weight: bold; font-size: 1.1em; color: #222; } +.person-name a { color: #003366; text-decoration: none; } +.person-name a:hover { text-decoration: underline; } +.person-details { color: #555; font-size: 0.95em; } +.back-link { display: inline-block; margin-bottom: 20px; color: #003366; text-decoration: none; } +.back-link:hover { text-decoration: underline; } +.pdf-link { display: inline-flex; align-items: center; padding: 8px 16px; background: #003366; color: white; text-decoration: none; border-radius: 4px; margin: 10px 0; } +.pdf-link:hover { background: #004080; } +.pdf-link::before { content: ""; margin-right: 8px; } +.pdf-list { list-style: none; padding: 0; } +.pdf-list li { margin: 10px 0; padding: 10px; background: #f9f9f9; border-left: 4px solid #003366; } +img { max-width: 100%; height: auto; display: block; margin: 20px auto; } + /* ------------------------------------------------------------------ */ /* background*/