diff --git a/themes/lugo/static/style.css b/themes/lugo/static/style.css index 520c12b..0522394 100644 --- a/themes/lugo/static/style.css +++ b/themes/lugo/static/style.css @@ -1,61 +1,75 @@ + /* Main layout container */ body { margin: 0; padding: 0; display: flex; min-height: 100vh; - overflow: hidden; /* Prevent body scrolling */ - font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif; + font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif; + letter-spacing: 0.03em; } -/* Side banners - FIXED (non-scrollable) */ -.banner-left, .banner-right { - width: calc((100% - 1000px) / 2); /* Matches content width */ - background-image: url('./banner-left.jpg'); - background-size: cover; - background-position: center; - background-attachment: fixed; /* Keeps image fixed during scroll */ - background-repeat: no-repeat; +/* Optional: Add to headings for contrast */ +h1, h2, h3, h4, h5, h6 { + font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif; + font-weight: 400; /* Classic book style often uses lighter weights */ + letter-spacing: 0.03em; +} + +p { + padding: 20px; + line-height: 1.2; + font-size: 20px; +} + +/* Side banners */ +.banner-left { position: fixed; + left: 0; top: 0; bottom: 0; + width: calc((100% - 1100px) / 2); + background-image: url('./banner-left.jpg'); + background-size: cover; + background-position: center right; + background-repeat: no-repeat; } .banner-right { + position: fixed; + right: 0; + top: 0; + bottom: 0; + width: calc((100% - 1100px) / 2); background-image: url('./banner-right.jpg'); - right: 0; /* Position on right side */ + background-size: cover; + background-position: center left; + background-repeat: no-repeat; } -/* Centered content box - SCROLLABLE */ +/* Centered content box */ .content-wrapper { - width: 1000px; - min-height: 100vh; + position: relative; + min-height: 20%; + min-width: 5%; + width: 1100px; + margin: 0 auto; padding: 20px; background: #ffffff; box-shadow: 0 0 30px rgba(0,0,0,0.9); - margin: 0 auto; /* Center horizontally */ - overflow-y: auto; /* Enable scrolling */ - position: relative; - z-index: 1; /* Ensure content appears above banners */ + z-index: 1; +} + +.content-wrapper img { + max-width: 100%; + height: auto; + display: block; + margin: 20px auto; } /* Language switcher */ .language-switcher { - margin-top: auto; text-align: center; - padding: 40px 0; - background: rgba(255, 255, 255, 0.97); - border-top: 1px solid #eee; - position: sticky; - bottom: 0; -} - -/* Mobile responsiveness */ -@media (max-width: 1100px) { - .banner-left, .banner-right { - display: none; - } - .content-wrapper { - width: 100%; - } + padding: 20px 0; + margin-top: 40px; }