diff --git a/css/homepage.css b/css/homepage.css index 59066bf..f886d50 100755 --- a/css/homepage.css +++ b/css/homepage.css @@ -3,12 +3,23 @@ } .region-content-home-top, .region-content-home-bottom { - display: flex; - flex-direction: row; + /*display: flex;*/ + /*flex-direction: column;*/ width: 100%; margin: 0; padding: 0; - justify-content: space-between; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +@media only screen and (min-width: 70em) { + .region-content-home-top, + .region-content-home-bottom { + flex-direction: row; + justify-content: space-between; + } } .region-content-home-top { margin-bottom: 2rem; @@ -16,9 +27,15 @@ /*block menu*/ nav#block-vre2024-mainnavigation-2 { - display: block; - /*width:25%;*/ - width: 250px; + display: none; +} + +@media only screen and (min-width: 70em) { + nav#block-vre2024-mainnavigation-2 { + display: block; + /*width:25%;*/ + width: 250px; + } } /*slideshow*/ div#block-vre2024-views-block-frontpage-slideshow-block-1 { @@ -28,7 +45,7 @@ div#block-vre2024-views-block-frontpage-slideshow-block-1 { padding: 5px; height: 350px; - overflow: hidden; + overflow: hidden; /*height: 350px;*/ .field.field--name-field-media-image.field--type-image { height: 340px; @@ -88,7 +105,7 @@ nav#block-vre2024-mainnavigation-2 { border-bottom: 1px solid #ccc; font-family: "Roboto Condensed", sans-serif; font-size: 1.2em; - line-height:1.3; + line-height: 1.3; i { margin-right: 10px; width: 20px; @@ -100,3 +117,17 @@ nav#block-vre2024-mainnavigation-2 { } } } +/*recent works blocks*/ +#block-vre2024-views-block-recent-publications-block-1, +#block-vre2024-views-block-recent-publications-block-2 { + width: 660px; + border-left: 1px solid #ccc; + padding: 0 1rem; + .views-row { + margin-bottom: 1rem; + line-height: 1.4; + } + .views-field-edtf-year .field-content::before { + content: ">"; + } +}