diff --git a/css/homepage.css b/css/homepage.css index a97ac19..59066bf 100755 --- a/css/homepage.css +++ b/css/homepage.css @@ -1,5 +1,5 @@ .homepage .messages.messages--status { - display: none; + display: none; } .region-content-home-top, .region-content-home-bottom { @@ -24,6 +24,42 @@ nav#block-vre2024-mainnavigation-2 { div#block-vre2024-views-block-frontpage-slideshow-block-1 { /*width: 50%;*/ width: 550px; + border: 1px solid #ccc; + padding: 5px; + height: 350px; + + overflow: hidden; + /*height: 350px;*/ + .field.field--name-field-media-image.field--type-image { + height: 340px; + overflow: hidden; + } +} +.slick--skin--classic .slide__caption { + background-color: rgba(255, 255, 255, 0.76) !important; + padding: 0.5rem 0.8rem !important; + min-height: 100px !important; +} +.slide_caption { + color: #333; + font-family: var(--font-family-condensed); + font-weight: 400; + .top { + display: flex; + justify-content: space-between; + .slide_title { + font-size: 1.3rem; + } + .slide_link { + font-family: var(--font-family-condensed); + a { + font-size: 0.8rem; + text-transform: uppercase; + } + } + } + .slide_subtitle { + } } /*info block*/ div#block-vre2024-landingpageinfoblock { @@ -52,9 +88,10 @@ nav#block-vre2024-mainnavigation-2 { border-bottom: 1px solid #ccc; font-family: "Roboto Condensed", sans-serif; font-size: 1.2em; + line-height:1.3; i { margin-right: 10px; - width:20px; + width: 20px; } svg.svg-inline--fa { width: 28px; diff --git a/css/messages.css b/css/messages.css index e69de29..1bf0bf4 100644 --- a/css/messages.css +++ b/css/messages.css @@ -0,0 +1,90 @@ +.messages { + /*min-height: calc(var(--messages-icon-size) + 2 * var(--sp1));*/ + padding-block: 1rem; + padding-inline-start: 1rem; + padding-inline-end: 1rem; + color: #fff; + outline: solid 1px transparent; + background-color: #ccc; + border-radius: 4px; +} + +.messages * { + color: inherit; +} + +.messages.messages-list__item { + background-image: none; +} +.messages__list { + margin-block: 0; + margin-inline-start: 0; + margin-inline-end: 0; + padding-block: 0; + padding-inline-start: 0; + padding-inline-end: 0; + list-style: none; +} +.messages:not(.hidden) ~ .messages { + margin-block-start: 1rem; +} +.messages__item + .messages__item { + margin-block-start: 1rem; +} +.messages__container { + display: flex; +} + +.messages__header { + flex-shrink: 0; + margin-inline-end: 1rem; +} +.messages__header.no-icon { + margin-inline-end: 0; +} +.messages__content { + overflow: auto; /* Ensure large code blocks can be scrolled to. */ + flex: 1; + padding-block-start: 0.1875rem; +} +.messages__button { + flex-shrink: 0; + margin-inline-start: 1rem; + padding-block-start: 0.1875rem; +} + +.messages__close { + position: relative; + width: 1.5625rem; + height: 1.5625rem; + padding-block: 0; + padding-inline-start: 0; + padding-inline-end: 0; + cursor: pointer; + vertical-align: top; + border: 0; + background: none; + -webkit-appearance: none; + appearance: none; +} +.messages__close::before, +.messages__close::after { + position: absolute; + top: 50%; + left: 50%; + display: block; + width: 2.0625rem; + height: 0; + content: ""; + border-top: solid 2px #333; +} +.messages--error { + background: var(--upei-red); +} +.messages--warning { + background: var(--upei-yellow); +} +.messages--status, +.messages--info { + background: var(--upei-green); +}