messages css

css/homepage.css

@@ -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;

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);
+}