/* Theme Name: Libscores DigitalExhibits Child Theme URI: http://libscores.syr.edu/libexhibits-child/ Description: Libscores Child Theme, extended for Libraries digital exhibits website Author: Syracuse University Libraries Author URI: http://library.syr.edu Template: libscores Version: 1.0.7 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Libscores is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready Text Domain: libexhibits */ /*-------------------------------------------------------------- >>> CHANGE HISTORY ---------------------------------------------------------------- # V0.0.1 2019-07-31 DJR Initial development # V0.0.2 2019-08-06 DJR Tweek the left menu to make chapters links v pages # V0.0.3 2019-08-12 DJR Refinements to the image gallery viewer # V0.0.4 2019-08-14 DJR Add theme option for secondary banner text # V0.0.5 2019-08-19 DJR Formatting for a media card layout # V0.0.6 2019-10-10 DJR Fixed left navigation menu expansion logic (pages and hashes) # V0.0.7 2019-10-11 DJR Added sticky left menu feature # V0.0.8 2019-10-21 DJR Added scrolling to left menu # V0.1.0 2019-10-23 DJR Removed the main-content header title as duplicated by in-page text # V0.1.1 2019-10-31 DJR Fix focus outline for left menu (removed span tag) # V1.0.0 2019-11-15 DJR Final tweak on color and positioning for production # V1.0.1 2019-11-25 DJR Remove h1 tag from secondary banner and skip to content to content block # V1.0.2 2019-11-25 DJR Added focus box to media card items (image, audio, video, etc) # V1.0.3 2020-02-20 DJR Added libscores header fixes for utility navigation # V1.0.4 2020-04-09 DJR Removed left menu js for sticky menu, now css only # V1.0.5 2020-04-29 DJR Added customizer features for secondary banner and menu colors # V1.0.6 2020-05-28 DJR Added support for zoomable image (jpg, png, etc) with openseadragon # V1.0.7 2020-08-13 DJR Added a tertiary title text to custom banner title # */ /* * Header and banner */ #secondary-banner, #tertiary-banner { font-size: 2.2em; font-weight: 700; text-align: right; padding: 0 1.5em; margin: .125em 0 0 0; color: white; /*background-color: #d44500;*/ background-color: #000e54; font-family: "ShermanSans", "Trebuchet MS", Tahoma, sans-serif; } #tertiary-banner { margin: 0 0 .125em 0; } /* * left nav menu */ .leftnav-navigation ul.sub-menu { display: none; } .leftnav-navigation ul.sub-menu.show { display: block !important; } .leftnav-navigation li { margin: .75em 0; padding-left: 4px; } .leftnav-navigation .leftnav-chapter a { color: #ffffff; /*background-color: #d44500; border-radius: 0.15em; padding: .25em .75em;*/ } .leftnav-navigation .leftnav-page a { color: #d44500 !important; background-color: #ffffff !important; border: none; } .leftnav-navigation .leftnav-page a.selected { color: #3e3d3c !important; } .leftnav-navigation .leftnav-page a:hover, .leftnav-navigation .leftnav-page a:focus { text-decoration: underline; } .leftnav-navigation .leftnav-button a { color: #ffffff; background-color: #3e3d3c; border: 1px solid #3e3d3c; border-radius: 0.15em; padding: .25em .75em; margin-top: 1.25em; } .leftnav-navigation li.leftnav-button { margin-top: 3em; } .leftnav-chapter > a /*span.leftnav-link*/ { display: block; /*background-color: #d44500;*/ background-color: #000e54; padding: .25em; margin: .25em 3em .75em 0; /*border: 1px solid #d44500;*/ border: 1px solid #000e54; border-radius: 0.15em; } .leftnav-page a /*span.leftnav-link*/ { display: block; padding: .25em; margin: .25em 3em .75em 0; border-radius: 0.15em; } /* * page content */ .exhibits-subsection-title { font-size: 1.5em; } .exhibits-chapter-title { margin-top: 0; font-size: 2.2em; } .exhibits-page-title { font-size: smaller; font-style: italic; display: block; } .exhibits-about { padding: 1.5em; background-color: #e8eaeb; } /* * Page content - media elements */ .exhibits-media-gallery { display: flex; justify-content: space-between; flex-wrap: wrap; } .exhibits-media-gallery figure { width: 360px; max-height: 400px; max-width: 360px; overflow: hidden; /*margin-top: 2.5em;*/ } .exhibits-media-gallery figcaption { text-align: center; padding-top: 1em; } .iv-snap-view { z-index: 9999; } .exhibits-media-card { margin-top: 2em; display: flex; justify-content: space-between; } .exhibits-media-card.exhibits-media-card-right { flex-direction: row-reverse; } .exhibits-media-card-media:focus, .exhibits-media-card-media:focus-within, .exhibits-media-card-media:active, .exhibits-media-card-media:hover { outline: 2px solid blue; outline-offset: 3px; } .exhibits-media-card-left .exhibits-media-card-text { padding: 0 0 0 2em; } .exhibits-media-card-right .exhibits-media-card-text { padding: 0 2em 0 0; } .exhibits-media-card figure { width: 360px; max-width: 360px; overflow: hidden; } .exhibits-media-card figcaption { text-align: center; padding-top: 1em; } @media screen and (max-width: 1096px) { .exhibits-media-card { flex-wrap: wrap; } .exhibits-media-card.exhibits-media-card-right { flex-direction: row; } } /* * Left side floating navigation */ @media screen and (min-width: 768px) { .menu-leftnav-container-float { z-index: 170; margin: 0; width: 24%; position: fixed; top: 20px; left: 3em; text-align: left; overflow-y: auto; max-height: 100%; } .snaptarget { scroll-snap-align: start; position: relative; top: 200px; height: 200px; background-color: green; } .menu-leftnav-container-float > ul { background-color: #ffffff; padding: 20px 0 20px 0px; } }