diff --git a/static/css/main.css b/static/css/main.css index 8b2f8ec..1582679 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -73,6 +73,9 @@ a:hover, .item a:hover, .medium a:hover, a:hover figcaption { position: relative; background: rgba(255,255,255,0.8) url('../img/overlay.png'); border: 10px solid white; + padding-top: 0; + padding-left: 0; + vertical-align: middle; } .item { @@ -91,6 +94,34 @@ a:hover, .item a:hover, .medium a:hover, a:hover figcaption { .subheader { background: rgba(214, 71, 96, 0.7) url('../img/overlay.png'); + /*margin-bottom: -19px;*/ + display: inline-flex; + flex-direction: column; +} + +.subheader > h1 { + flex: 1; + /*position: absolute;*/ + top: 50%; + /*transform: translateY(-50%);*/ + margin: 0; + display: block; + width: 100%; +} + +.subheader a { + flex: 1; + display: inline; + padding: 0; + line-height: 50px; +} + +.subheader a:hover { + color: white; +} + +.subheader p { + font-size: 14pt; } .column { @@ -117,6 +148,10 @@ a:hover, .item a:hover, .medium a:hover, a:hover figcaption { transition: color 0.25s ease-in-out; } +.item img { + height: 230px; +} + figure img { display: block; margin: 0 auto; diff --git a/templates/album.hamlet b/templates/album.hamlet index f884fe4..b841ac8 100755 --- a/templates/album.hamlet +++ b/templates/album.hamlet @@ -1,22 +1,19 @@ $newline always -