rdrew 3 weeks ago
parent
commit
5ad0b4624d
  1. 41
      css/homepage.css
  2. 90
      css/messages.css

41
css/homepage.css

@ -1,5 +1,5 @@
.homepage .messages.messages--status { .homepage .messages.messages--status {
display: none; display: none;
} }
.region-content-home-top, .region-content-home-top,
.region-content-home-bottom { .region-content-home-bottom {
@ -24,6 +24,42 @@ nav#block-vre2024-mainnavigation-2 {
div#block-vre2024-views-block-frontpage-slideshow-block-1 { div#block-vre2024-views-block-frontpage-slideshow-block-1 {
/*width: 50%;*/ /*width: 50%;*/
width: 550px; 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*/ /*info block*/
div#block-vre2024-landingpageinfoblock { div#block-vre2024-landingpageinfoblock {
@ -52,9 +88,10 @@ nav#block-vre2024-mainnavigation-2 {
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
font-family: "Roboto Condensed", sans-serif; font-family: "Roboto Condensed", sans-serif;
font-size: 1.2em; font-size: 1.2em;
line-height:1.3;
i { i {
margin-right: 10px; margin-right: 10px;
width:20px; width: 20px;
} }
svg.svg-inline--fa { svg.svg-inline--fa {
width: 28px; width: 28px;

90
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);
}
Loading…
Cancel
Save