diff --git a/static/style.scss b/static/style.scss index f1b7db8..c80811e 100644 --- a/static/style.scss +++ b/static/style.scss @@ -15,8 +15,10 @@ $c-shadow-soft: #1C1A281F; $c-article-bd: #C0B9C491; -$c-primary: #F9AB00; -$c-primary-ink: #F9AB00AA; +$c-primary: #609A21; + +$c-banner: #F9AB00; +$c-banner-ink: #F9AB00AA; $c-link: #0472D8; $c-link-hover: #0053B9; @@ -180,12 +182,21 @@ body { text-decoration: none; &:hover { - box-shadow: inset 0 0 0 4px $c-primary-ink; + box-shadow: inset 0 0 0 4px $c-banner-ink; + } + + table { + table-layout: fixed; } td { text-align: center; vertical-align: middle; + + &:first-child, + &:last-child { + width: 128px; + } } img { @@ -193,7 +204,7 @@ body { } h1 { - color: $c-primary; + color: $c-banner; font-size: 2.5em; margin: 0 0 16px; } @@ -202,14 +213,14 @@ body { margin: 0em; } - .p-link { - margin-top: 16px; - color: $c-primary; - font-weight: bold; - } - a { - color: $c-primary; + display: block; + margin-top: 16px; + overflow-wrap: anywhere; + word-break: break-word; + font-weight: bold; + color: $c-banner; + border: none; } } @@ -478,10 +489,6 @@ iframe { p { margin-top: 0.5em; } - - .p-link { - display: none; - } } .p-socials a { diff --git a/templates/tmpl/_banner.htm b/templates/tmpl/_banner.htm index 3ac4a97..ca32245 100644 --- a/templates/tmpl/_banner.htm +++ b/templates/tmpl/_banner.htm @@ -7,9 +7,7 @@

{{ _('banner:header') }}

{{ _('banner:text') }}

- + {{ _('banner:url') }} {{ _('banner:alt') }}