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
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 86
      css/components/islandora_mods.css
  2. 245
      css/components/landing_page.css

86
css/components/islandora_mods.css
Unescape View File

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

245
css/components/landing_page.css
Unescape View File

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

Write Preview
Loading…
Cancel
Save