Browse Source

lp changes

master
rdrew 2 months ago
parent
commit
f0b08ddccf
  1. 4
      css/base/base.css
  2. 60
      css/components/footer.css
  3. 199
      css/components/landing_page.css

4
css/base/base.css

@ -27,8 +27,8 @@ html {
body { body {
margin: 0; margin: 0;
color: var(--color-text-neutral-medium); color: var(--color-text-neutral-medium);
/*background-color: var(--color--gray-100);*/ background-color: var(--color--gray-100);
background-color: #ece8e3; /*background-color: #ece8e3;*/
/*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='50' height='84' viewBox='0 0 50 84'%3e %3cpath opacity='0.05' fill='%230e6ba6' d='M25,61.7C25,68.5,19.4,74,12.5,74S0,68.5,0,61.7c0-5.7,3.9-9.6,7.4-12.9c2.3-2.2,4.5-4.4,5.1-6.8c0.7,2.4,2.8,4.6,5.1,6.8C21.1,52.2,25,56,25,61.7z M42.6,6.8c-2.3-2.2-4.5-4.4-5.1-6.8c-0.7,2.4-2.9,4.6-5.1,6.8C28.9,10.2,25,14,25,19.7C25,26.5,30.6,32,37.5,32S50,26.5,50,19.7C50,14,46.1,10.2,42.6,6.8z'/%3e%3c/svg%3e");*/ /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='50' height='84' viewBox='0 0 50 84'%3e %3cpath opacity='0.05' fill='%230e6ba6' d='M25,61.7C25,68.5,19.4,74,12.5,74S0,68.5,0,61.7c0-5.7,3.9-9.6,7.4-12.9c2.3-2.2,4.5-4.4,5.1-6.8c0.7,2.4,2.8,4.6,5.1,6.8C21.1,52.2,25,56,25,61.7z M42.6,6.8c-2.3-2.2-4.5-4.4-5.1-6.8c-0.7,2.4-2.9,4.6-5.1,6.8C28.9,10.2,25,14,25,19.7C25,26.5,30.6,32,37.5,32S50,26.5,50,19.7C50,14,46.1,10.2,42.6,6.8z'/%3e%3c/svg%3e");*/
/*background-position: top left; [> LTR <]*/ /*background-position: top left; [> LTR <]*/
} }

60
css/components/footer.css

@ -13,8 +13,13 @@
.site-footer { .site-footer {
position: relative; /* stack above left social bar */ position: relative; /* stack above left social bar */
color: var(--color--gray-65); color: var(--color--gray-65);
/*background: linear-gradient(180deg, var(--color--gray-5) 0%, var(--color--gray-10) 100%);*/ background: linear-gradient(
background: #33210D; 180deg,
var(--color--gray-5) 0%,
var(--color--gray-10) 100%
);
/*background: #33210D;*/
background: #574938;
} }
.site-footer .menu { .site-footer .menu {
@ -41,6 +46,55 @@
@media ((((min-width: 60rem)))) { @media ((((min-width: 60rem)))) {
body:not(.is-always-mobile-nav) .site-footer { body:not(.is-always-mobile-nav) .site-footer {
border-inline-start: solid var(--content-left) var(--color--black); border-inline-start: solid var(--content-left) #382f24;
} }
} }
footer svg {
width: 100%;
height: auto;
}
footer svg * {
fill: #f6dbbb;
}
footer svg * #Oval,
footer svg * #Oval use {
stroke: #f6dbbb;
}
.footer-logo svg {
width: 9rem;
/* stroke: aqua; */
/* color: bisque; */
}
#prov_govt {
text-align: center;
}
#museum {
text-align: center;
}
#upei_logo svg {
padding-top: 1rem;
width: 11rem;
}
div#upei_logo {
display: flex;
justify-content: space-around;
}
.subfooter {
color: #f6dbbb !important;
display: flex;
justify-content: space-between;
font-family: var(--font-sans);
font-size:.8em;
align-items:center;
border-top: 4px double #f6dbbb;
padding-top: 1em;
}
.subfooter__image {
width: 300px;
}

199
css/components/landing_page.css

@ -1,9 +1,18 @@
figure.logo--ilivespostcards { .site-header {
background: none; /* Necessary to keep the content from jumping up when header transitions to fixed. */
width: 24em; border-block-end: 0 !important; /* Will show in Windows high contrast mode. */
margin: 0 auto; }
height: 300px; .logo--olivespostcards {
display: flex; text-align: center;
h1,
h2 {
margin: 0;
color: #352E25;
text-shadow: 1px 1px #dec19d;
}
h1 {
font-size: 3.5em;
}
} }
.page-node-type-landing-page #block-views-block-media-display-blocks-source { .page-node-type-landing-page #block-views-block-media-display-blocks-source {
@ -14,185 +23,23 @@ article.node.node--type-landing-page h2 {
text-align: center; text-align: center;
} }
.hero-section { .hero-section {
border: 10px solid #d0bca4;
/*height:300px;*/ /*height:300px;*/
} }
.hero--wrapper { .hero--wrapper {
background: #e1dbbf; background: #a88f71;
height: 240px;
border: 4px double #333;
display: flex;
align-items: center;
/*height: 300px;*/
justify-content: center;
} }
.logo-wrapper { .logo-wrapper {
background: #3333335c; /*background: #3333335c;*/
} }
.path-frontpage .region--content { .path-frontpage .region--content {
margin-bottom: 0; margin-bottom: 0;
} }
#block-olivespostcards-views-block-front-page-featured-books-block-2
.view-content,
#block-olivespostcards-views-block-front-page-featured-books-block-1
.view-content {
/*display: none;*/
.node__title {
font-size: 1.1rem;
font-weight: bold;
border-bottom: 1px solid #6e563a;
/*margin: 0;*/
a {
color: #6e563a;
}
}
.node__content {
img {
min-width: 100%;
border: 1px solid #ccc;
background: #fff;
padding: 1rem;
}
}
.views-field-did-image {
float: none;
max-width: 100%;
margin: 0;
height: 100%;
}
.views-row {
padding: 15px;
background: #ece8e3;
border: 1px solid #ccc;
display: flex;
flex-direction: column;
.views-field-title h4 {
margin: 0;
/*margin-bottom: 1rem;*/
a {
text-decoration: none;
}
}
.views-field img {
width: 100%;
}
}
.node__title a {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
}
/*clean up titles on lp figure block*/
div#block-olivespostcards-views-block-front-page-featured-books-block-2
.node__title {
margin: 0;
}
div#block-olivespostcards-views-block-front-page-featured-books-block-2
.node__title
a {
line-height: 1.4;
}
div#block-olivespostcards-views-block-front-page-featured-books-block-2
.view-eva
.views-row {
padding: 0 !important;
margin-top: 1em;
}
@media (min-width: 43.75rem) {
#block-olivespostcards-views-block-front-page-featured-books-block-1
.view-content {
.views-field.views-field-title {
height: 7em;
}
display: flex;
justify-content: space-between;
.views-row {
width: 32%;
/*justify-content: space-around;*/
}
}
}
@media (min-width: 43.75rem) {
.region--content-below {
display: flex;
flex-wrap: wrap;
}
.region--content-below
#block-olivespostcards-views-block-front-page-featured-books-block-1 {
flex-basis: calc(72% - (var(--grid-gap) / 2));
flex-grow: 1;
flex-shrink: 0;
margin-inline-end: var(--grid-gap);
}
.region--content-below
#block-olivespostcards-views-block-front-page-featured-books-block-2 {
flex-basis: calc(25% - (var(--grid-gap) / 2));
flex-grow: 1;
flex-shrink: 0;
margin-inline-end: var(--grid-gap);
}
.region--content-below > *:nth-child(2n),
.region--content-below > *:last-child {
margin-inline-end: 0;
}
}
#block-olivespostcards-maparchiveslpblock,
#block-olivespostcards-learnmorelpblock {
.block__content {
border: 1px solid #ccc;
img {
width: 100%;
}
}
}
.card-section {
background: #f6f8f8;
padding: 1rem;
img {
width: 100%;
}
display: flex;
.left {
margin-right: 3rem;
}
h4 {
margin: 0;
margin-top: 1rem;
font-size: 1.4rem;
}
ul {
margin: 0;
list-style-type: none;
margin-left: 0.5rem;
}
a {
text-decoration: none !important;
font-size: 1.1rem;
}
}
.page-node-type-landing-page .node__content {
padding: 0;
}
.page-node-type-landing-page .main-content__container {
padding-top: 1rem;
}
/*icons*/
#block-olivespostcards-learnmorelpblock .block__title,
#block-olivespostcards-maparchiveslpblock .block__title {
position: relative; /* Optional: for positioning adjustments */
font-size: 1.8rem;
svg {
/*width: 30px;*/
}
&::before {
display: inline-block;
width: 40px; /* Adjust the size as needed */
height: 40px; /* Adjust the size as needed */
margin-right: 8px; /* Space between icon and text */
vertical-align: middle; /* Aligns icon with text */
}
}
#block-olivespostcards-learnmorelpblock .block__title::before { #block-olivespostcards-learnmorelpblock .block__title::before {
content: url("../../images/telescope.svg"); /* Path to your SVG file */ content: url("../../images/telescope.svg"); /* Path to your SVG file */
} }

Loading…
Cancel
Save