diff options
Diffstat (limited to 'stylesheets')
| -rw-r--r-- | stylesheets/commun.css | 6 | ||||
| -rw-r--r-- | stylesheets/quatuor.css | 25 |
2 files changed, 24 insertions, 7 deletions
diff --git a/stylesheets/commun.css b/stylesheets/commun.css index 524b3a8..c0cbd63 100644 --- a/stylesheets/commun.css +++ b/stylesheets/commun.css @@ -20,7 +20,6 @@ a.current { header a { text-decoration: none; - font-weight: bold; } nav a:hover { color: var(--gold); @@ -51,6 +50,7 @@ header.banner:hover { nav a { font-size: 1.2rem; + font-weight: 600; } nav > ol, nav li.dropdown > ul { @@ -65,7 +65,7 @@ nav > ol > li > a { footer.social a { text-decoration: none; font-size: 1.2rem; - font-weight: bold; + font-weight: 600; } footer.social a.contact:hover { color: var(--gold); @@ -187,7 +187,7 @@ footer.legal { main { grid-row: 2; grid-column: 1 / -2; - padding-left: 4%; + padding-left: 4%; /* TODO: remove? */ } footer.social { diff --git a/stylesheets/quatuor.css b/stylesheets/quatuor.css index 05fbf4c..fb60598 100644 --- a/stylesheets/quatuor.css +++ b/stylesheets/quatuor.css @@ -1,22 +1,30 @@ @media (min-width: 40em) { main { - width: 80%; + font-size: 1.2rem; + max-width: 55em; justify-self: center; } main #photos { display: grid; grid-template-columns: repeat(4, auto); - justify-content: space-around; + justify-content: space-between; width: 100%; } - #photos > * { + #photos > a.member { + display: block; height: 100%; + text-decoration: none; } #photos img.portrait { - height: 60vh; + /* Center portraits horizontally within a.member. Alternative: set + * a.member to display: flex, flex-direction: column. */ + display: block; + margin-left: auto; + margin-right: auto; + max-height: 60vh; filter: grayscale(0.5); transition: filter 1s, transform 1s; } @@ -25,6 +33,15 @@ filter: none; transform: scale(1.05); } + + #photos p { + margin: 0; + font-weight: bold; + } + + #photos p.instrument { + color: #B4860A; /* Darkened --gold. */ + } } @media (max-width: 40em) { |