rdrew
/
olivesnews
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

sync

master
rdrew 2 weeks ago
parent
c15fdba33f
commit
a337c2852e
2 changed files with 129 additions and 224 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 88
      css/components/islandora_mods.css
  2. 253
      css/components/landing_page.css

88
css/components/islandora_mods.css
Unescape View File

@ -1,23 +1,42 @@
/*collection grid*/ /* ============================================================
COLLECTION GRID
============================================================ */
.grid-item { .grid-item {
border: 1px solid rgb(204, 204, 204); border: 1px solid #ccc;
padding: 8px; padding: 8px;
border-radius: 4px; border-radius: 4px;
box-shadow: rgba(0, 0, 0, 0.39) 0px 5px 11px -2px; box-shadow: rgba(0, 0, 0, 0.39) 0px 5px 11px -2px;
line-height:1;
} }
.grid-item .grid-item__image { .grid-item .grid-item__image {
margin: 0px; margin: 0;
background: rgb(236, 232, 227); background: #ece8e3;
overflow: hidden; overflow: hidden;
height: 220px; height: 350px;
} }
.grid-item .grid-item__image img { .grid-item .grid-item__image img {
width: 100%; width: 100%;
} }
.grid-item .grid-item__title {
display: block;
padding: 0.5em 0;
line-height: 1.2;
margin: 5px 0 6px;
font-weight: bold;
border-bottom: 1px dotted #574938;
font-size: 0.8em;
}
.grid-item .grid-item__title a {
text-decoration: none;
font-family: var(--font-serif);
color: var(--color--upei-red);
}
.grid-item .views-field-field-abstract, .grid-item .views-field-field-abstract,
.grid-item .abstract { .grid-item .abstract {
display: block; display: block;
@ -32,30 +51,13 @@
text-decoration: underline; text-decoration: underline;
} }
.grid-item .grid-item__title {
display: block;
padding: 0.5em 0px;
line-height: 1.2;
margin: 5px 0px 6px;
font-weight: bold;
border-bottom: 1px dotted rgb(87, 73, 56);
font-size: 0.8em;
}
.grid-item .grid-item__title a {
text-decoration: none;
font-family: var(--font-serif);
color: rgb(87, 73, 56);
color: var(--color--upei-red);
}
.grid-item .views-field-member-of-title { .grid-item .views-field-member-of-title {
line-height: 1.2; line-height: 1.2;
} }
.grid-item .views-label,
.grid-item .views-field-member-of-title .field__label { .grid-item .views-field-member-of-title .field__label {
font-size: 0.8em; font-size: 0.8em;
font-weight:bold;
font-family: var(--font-serif); font-family: var(--font-serif);
color: var(--color--upei-red); color: var(--color--upei-red);
} }
@ -63,26 +65,44 @@
.grid-item .views-field-member-of-title .field__item { .grid-item .views-field-member-of-title .field__item {
font-size: 0.9em; font-size: 0.9em;
} }
/*end grid*/
/*facets*/ div#block-olivesnews-solrsearchcontentsearchresultspagerforpage {
margin: 0;
}
div#block-olivesnews-content .view-header {
margin: 0;
}
/* ============================================================
FACETS
============================================================ */
.facets-widget-links ul { .facets-widget-links ul {
& li { list-style-type: none;
margin-left: 0;
}
.facets-widget-links ul li {
margin-bottom: 3px; margin-bottom: 3px;
} }
list-style-type: none; .facets-widget-links ul span.facet-item__count {
margin-left: 0px;
& span.facet-item__count {
font-weight: 600; font-weight: 600;
}
} }
/*end facets*/
/* ============================================================
SITE HEADER
============================================================ */
div#block-olivesnews-site-branding { div#block-olivesnews-site-branding {
background: #333; background: #333;
} }
.site-header__initial { .site-header__initial {
background: black; background: #000;
} }
.social-bar { .social-bar {
background-image: url(../../images/natural_paper.png); background-image: url(../../images/natural_paper.png);
} }

253
css/components/landing_page.css
Unescape View File

@ -1,222 +1,107 @@
/* ============================================================
LOGO
============================================================ */
figure.logo--ilivesnews { figure.logo--ilivesnews {
background: none; background: none;
/*width: 24em;*/
margin: 0 auto; margin: 0 auto;
height: 280px; height: 280px;
justify-content: space-around;
display: flex; display: flex;
justify-content: space-around;
align-items: center; align-items: center;
h1 { }
figure.logo--ilivesnews h1 {
font-family: var(--font-logo); font-family: var(--font-logo);
font-size: 6em; font-size: 3.4em;
border-top: 6px double #909090; border-top: 6px double #909090;
border-bottom: 6px double #909090; border-bottom: 6px double #909090;
padding: 15px 15px 25px 15px; padding: 10px 15px 14px 15px;
border-spacing: 10px; border-spacing: 10px;
} }
a {
figure.logo--ilivesnews a {
text-decoration: none; text-decoration: none;
color: #333; color: #333;
}
a:hover {
color: var(--color--upei-red);
}
}
.site-branding__name a {
color: #fff;
} }
.page-node-type-landing-page #block-views-block-media-display-blocks-source {
display: none; figure.logo--ilivesnews a:hover {
} color: var(--color--upei-red);
article.node.node--type-landing-page h2 {
margin: 0;
text-align: center;
} }
/* ============================================================
HERO
============================================================ */
.hero-section { .hero-section {
border: 10px solid #d0bca4;
border: 10px solid #909090; border: 10px solid #909090;
/*border: 10px solid var(--color--upei-red);*/
/*background: none !important;*/
background-size: 1480px 300px !important; background-size: 1480px 300px !important;
height: 300px; height: 300px;
} }
.hero--wrapper { .hero--wrapper {
background: #e1dbbf;
background: #dbdbdb; background: #dbdbdb;
} }
.logo-wrapper {
/*background: #3333335c;*/
} /* ============================================================
.path-frontpage .region--content { SITE BRANDING
margin-bottom: 0; ============================================================ */
.site-branding__name a {
color: #fff;
} }
#block-olivesnews-views-block-front-page-featured-books-block-2 .view-content,
#block-olivesnews-views-block-front-page-featured-books-block-1 .view-content {
/*display: none;*/ /* ============================================================
.node__title { LANDING PAGE
font-size: 1.1rem; ============================================================ */
font-weight: bold;
border-bottom: 1px solid #6e563a; .page-node-type-landing-page #block-views-block-media-display-blocks-source {
/*margin: 0;*/ display: none;
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-olivesnews-views-block-front-page-featured-books-block-2 .page-node-type-landing-page .node__content {
.node__title { padding: 0;
margin: 0;
} }
div#block-olivesnews-views-block-front-page-featured-books-block-2
.node__title .page-node-type-landing-page .main-content__container {
a { padding-top: 1rem;
line-height: 1.4;
} }
div#block-olivesnews-views-block-front-page-featured-books-block-2
.view-eva article.node.node--type-landing-page h2 {
.views-row { margin: 0;
padding: 0 !important; text-align: center;
margin-top: 1em;
} }
@media (min-width: 43.75rem) {
#block-olivesnews-views-block-front-page-featured-books-block-1 .path-frontpage .region--content {
.view-content { margin-bottom: 0;
.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-olivesnews-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-olivesnews-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 { MEDIA QUERIES
margin-inline-end: 0; ============================================================ */
}
} @media (min-width: 710px) {
#block-olivesnews-maparchiveslpblock, figure.logo--ilivesnews h1 {
#block-olivesnews-learnmorelpblock { font-size: 6em;
.block__content { padding: 15px 15px 25px 15px;
border: 1px solid #ccc;
img {
width: 100%;
}
} }
} }
.card-section {
background: #f6f8f8; @media (min-width: 43.75rem) {
padding: 1rem; #block-olivesnews-views-block-front-page-featured-books-block-1 .view-content {
img {
width: 100%;
}
display: flex; display: flex;
.left { justify-content: space-between;
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 { #block-olivesnews-views-block-front-page-featured-books-block-1 .view-content .views-field.views-field-title {
padding: 0; height: 7em;
}
.page-node-type-landing-page .main-content__container {
padding-top: 1rem;
}
/*icons*/
#block-olivesnews-learnmorelpblock .block__title,
#block-olivesnews-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-olivesnews-learnmorelpblock .block__title::before { #block-olivesnews-views-block-front-page-featured-books-block-1 .view-content .views-row {
content: url("../../images/telescope.svg"); /* Path to your SVG file */ width: 32%;
} }
#block-olivesnews-maparchiveslpblock .block__title::before {
content: url("../../images/sextant.svg"); /* Path to your SVG file */
} }

Write Preview
Loading…
Cancel
Save