styles.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

body { font-family: Georgia, serif; max-width: 1200px; margin: 0 auto; padding: 20px; line-height: 1.6; }
.about-section { border-left: 5px solid #666; padding-left: 20px; margin: 25px 0; font-size: 0.9em; color: #555; }
.additional-study { border-left: 5px solid #666; padding-left: 20px; margin: 25px 0; color: #555; }
.nav { top:0; position: sticky; background: white; padding: 10px; border: 1px solid #ddd; margin-bottom: 20px; }
.nav select { margin-right: 10px; padding: 5px; }
.canto { margin-bottom: 40px; border-bottom: 1px solid #ccc; padding-bottom: 20px; }
.canto-header { margin-bottom: 20px; }
.canto-title { font-size: 1.5em; font-weight: bold; margin-bottom: 5px; }
.canto-subtitle { font-style: italic; color: #666; margin-bottom: 15px; }
.translations { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 15px; margin-bottom: 20px; }
.translation { border: 1px solid #ddd; padding: 10px; }
.translation h4 { margin: 0 0 10px 0; font-size: 0.9em; text-transform: uppercase; color: #333; }
/* norton */
.translation:nth-child(3) .line { font-size: 1.2em; line-height: 1.4; }
.line { margin-bottom: 5px; font-size: 0.95em; padding: 2px 4px; cursor: pointer; }
.line:hover { background-color: #e6f3ff; }
.line.highlighted { background-color: #ffeb3b; }
.commentary { margin-top: 20px; }
.commentary h4 { color: #444; margin-bottom: 5px; }
.error { color: red; }