Browse Source

type tweaks

master
rdrew 1 day ago
parent
commit
72869cb197
  1. 290
      css/components/islandora_mods.css

290
css/components/islandora_mods.css

@ -1,6 +1,7 @@
/* =============================================================================
Person pages Grid
Person Pages Grid
============================================================================= */
@media (min-width: 1000px) {
.view-taxonomy-term {
display: grid;
@ -10,14 +11,17 @@
}
}
/*.view-taxonomy-term {
/*
.view-taxonomy-term {
display: grid;
grid-template-rows: 1fr;
grid-template-columns:
repeat(calc(var(--grid-col-count) - 3), minmax(0, 1fr))
150px;
grid-column-gap: var(--grid-gap);
}*/
}
*/
.people_bio {
grid-column: 1 / 12;
}
@ -25,6 +29,7 @@
.related_books {
grid-column: 12 / 15;
}
@media (min-width: 600px) {
.path-taxonomy div#block-olivesbooks-content {
grid-column: 2 / 15;
@ -37,71 +42,77 @@
border-radius: 5px;
border: 1px solid var(--border-dark);
/* width: 255px; */
}
h2 {
font-size: var(--sidebar-title-size);
margin: 0 0 1rem;
line-height: 1;
border-bottom: 4px double;
}
img {
width: 100%;
border: 1px solid #ddd;
padding: 4px;
background: #fff;
}
.views-view-grid__item {
justify-content: space-around;
}
.views-field-title {
text-align: center;
a {
text-decoration: none;
font-family: var(--font-serif);
text-align: center;
}
}
.related_books_block h2 {
font-size: var(--sidebar-title-size);
margin: 0 0 1rem;
line-height: 1;
border-bottom: 4px double;
}
.page-node-type-islandora-object {
.sidebar-grid .grid-full {
}
.related_books_block img {
width: 100%;
border: 1px solid #ddd;
padding: 4px;
background: #fff;
}
.related_books_block .views-view-grid__item {
justify-content: space-around;
}
.related_books_block .views-field-title {
text-align: center;
}
.related_books_block .views-field-title a {
text-decoration: none;
font-family: var(--font-serif);
text-align: center;
}
@media (min-width: 62.5rem) {
.page-node-type-islandora-object .sidebar-grid > .site-main {
grid-column: 2 / 12;
}
}
@media (min-width: 62.5rem) {
.page-node-type-islandora-object .sidebar-grid .region--sidebar {
grid-column: 12 / 15;
}
}
#block-olivesbooks-views-block-related-people-block-1 {
margin-top: 7rem;
h2 {
font-size: var(--sidebar-title-size);
line-height: 1;
border-bottom: 4px double;
}
.views-field-name {
text-align: center;
a {
text-decoration: none;
font-family: var(--font-serif);
}
}
}
.field--name-field-media-image {
img {
width: 100%;
border: 1px solid #ccc;
padding: 4px;
background: #fff;
}
}
#block-olivesbooks-views-block-related-people-block-1 h2 {
font-size: var(--sidebar-title-size);
line-height: 1;
border-bottom: 4px double;
}
#block-olivesbooks-views-block-related-people-block-1 .views-field-name {
text-align: center;
}
#block-olivesbooks-views-block-related-people-block-1 .views-field-name a {
text-decoration: none;
font-family: var(--font-serif);
}
#block-olivesbooks-views-block-related-people-block-1
.field--name-field-media-image
img {
width: 100%;
border: 1px solid #ccc;
padding: 4px;
background: #fff;
}
#block-olivesbooks-views-block-related-people-block-1
.field--name-field-media-image:not(:first-child) {
margin-top: 20px;
}
margin-top: 20px;
}
/* =============================================================================
@ -146,7 +157,7 @@
margin: 5px 0 6px 0;
font-weight: bold;
border-bottom: 1px dotted #574938;
/*word-break: break-all;*/
/* word-break: break-all; */
}
.grid-item .grid-item__title a {
@ -158,7 +169,7 @@
.views-field-edtf-year,
.grid-item .views-field-member-of-title {
line-height: 1.2;
font-size: .9rem;
font-size: 0.9rem;
}
.grid-item .views-field-member-of-title .field__label {
@ -178,6 +189,7 @@
/* =============================================================================
Collection / Grid View Layout
============================================================================= */
.collection-view.view-grid > .view-content,
.collection-view .view-content,
.view-grid > .view-content {
@ -390,11 +402,13 @@ div#block-views-block-media-display-blocks-source {
.mirador16.mirador15 {
border-top: 2px solid #2b3616 !important;
}
@media screen and (max-width: 600px) {
.block-mirador {
margin-bottom: -9rem;
}
}
/* =============================================================================
Field: History Note / Relationships
============================================================================= */
@ -413,35 +427,37 @@ div#block-views-block-media-display-blocks-source {
.view-oai-pmh-item-links .field-content {
display: flex;
justify-content: center;
a {
margin: 0 0.5rem 0 0;
font-size: 0.9rem;
padding-inline: 0.5rem;
height: 2rem;
}
}
.view-oai-pmh-item-links .field-content a {
margin: 0 0.5rem 0 0;
font-size: 0.9rem;
padding-inline: 0.5rem;
height: 2rem;
}
.advanced_search_result_pager .pager__group > * {
margin: 0.47214rem 2rem 0.47214rem 0 !important;
display: flex;
}
.node--type-islandora-object .node__content,
.people_metadata {
.field {
margin-bottom: 0.6rem;
}
.node--type-islandora-object .node__content .field,
.people_metadata .field {
margin-bottom: 0.6rem;
}
@media (min-width: 800px) {
.node--type-islandora-object .node__content,
.people_metadata {
.field {
margin-bottom: 0.6rem;
/* border-bottom: 1px solid #eaeaea; */
}
.field__label {
width: 10rem;
}
.node--type-islandora-object .node__content .field,
.people_metadata .field {
margin-bottom: 0.6rem;
/* border-bottom: 1px solid #eaeaea; */
}
.node--type-islandora-object .node__content .field__label,
.people_metadata .field__label {
width: 10rem;
}
.book .field__label {
width: 13em !important;
}
@ -461,32 +477,36 @@ div#block-views-block-media-display-blocks-source {
display: none;
}
.node-17123,
.node-17101 {
div#block-olivesbooks-content {
margin-block-end: 0;
}
.node--view-mode-collection {
height: 0;
}
.node-17123 div#block-olivesbooks-content,
.node-17101 div#block-olivesbooks-content {
margin-block-end: 0;
}
.node-17123 .node--view-mode-collection,
.node-17101 .node--view-mode-collection {
height: 0;
}
@media (min-width: 62.5rem) {
.node-17101 .sidebar-grid > .site-main {
grid-column: 2 / 11;
}
.node-17101 .sidebar-grid .region--sidebar {
grid-column: 11 / 15;
}
.node-17123 .sidebar-grid > .site-main {
grid-column: 2 / 11;
}
.node-17123 .sidebar-grid .region--sidebar {
grid-column: 11 / 15;
}
}
/* =============================================================================
related items layout
Related Items Layout
============================================================================= */
@media (max-width: 1000px) {
@ -497,18 +517,21 @@ div#block-views-block-media-display-blocks-source {
.book .sidebar-grid aside {
order: 2;
}
.book .facet-wrapper {
display: block !important;
}
.book #block-olivesbooks-views-block-related-people-block-1 {
margin-top: 0rem;
}
.book button#toggle-facets {
display: none;
}
}
/* test typeography*/
/* Test typography */
.slide__description a,
.menu a,
@ -519,60 +542,66 @@ h1 {
letter-spacing: 4%;
}
.book .node__content,
.people_metadata {
.field--label-inline .field__label,
.field--label-inline .field__items {
float: none;
}
.field {
}
.field__label,
.field__item,
.field__items {
font-size: 1rem;
}
.book .node__content .field--label-inline .field__label,
.book .node__content .field--label-inline .field__items,
.people_metadata .field--label-inline .field__label,
.people_metadata .field--label-inline .field__items {
float: none;
}
.book .node__content .field__label,
.book .node__content .field__item,
.book .node__content .field__items,
.people_metadata .field__label,
.people_metadata .field__item,
.people_metadata .field__items {
font-size: 1rem;
}
.field.field--name-field-affiliation > .field__items > .field__label {
/* margin-left: 0.7em; */
width:initial;
width: initial;
}
.field.field--name-field-affiliation > .field__items > .field__item {
border-left: 4px double #ccc;
padding-left: 5px;
/* margin-left: 0.7em; */
}
@media ((min-width: 600px)) {
.book .node__content,
.people_metadata {
.field--label-inline .field__label,
.field--label-inline .field__items {
float: none;
}
.field {
display: flex;
line-height: 1;
}
.field__label,
.field__item,
.field__items {
font-size: 1.1rem;
}
@media (min-width: 600px) {
.book .node__content .field--label-inline .field__label,
.book .node__content .field--label-inline .field__items,
.people_metadata .field--label-inline .field__label,
.people_metadata .field--label-inline .field__items {
float: none;
}
.book .node__content .field,
.people_metadata .field {
display: flex;
line-height: 1;
}
.book .node__content .field__label,
.book .node__content .field__item,
.book .node__content .field__items,
.people_metadata .field__label,
.people_metadata .field__item,
.people_metadata .field__items {
font-size: 1.1rem;
}
.field.field--name-field-organization {
/* display: flex; */
/* place-items: flex-start; */
}
}
.field.field--name-field-affiliation {
/* display: flex; */
.field__label {
font-family: var(--font-serif);
}
.field.field--name-field-affiliation .field__label {
font-family: var(--font-serif);
}
.view-other-people-in-the-same-organizations h3 {
margin: 0.5em 0;
}
@ -580,18 +609,19 @@ h1 {
.person--left {
background: #444;
color: #fff;
}
.field:not(:last-child) {
/* margin-block-end: var(--sp2); */
margin-block-end: 0;
}
.person--details {
padding: 0.5rem 0 0.7rem;
line-height: 1;
}
.person--left .field:not(:last-child) {
/* margin-block-end: var(--sp2); */
margin-block-end: 0;
}
.person--left .person--details {
padding: 0.5rem 0 0.7rem;
line-height: 1;
}
.paragraph--type--affiliation > .field > .field__label {
width:initial;
width: initial;
}

Loading…
Cancel
Save