/*==================================================
css: content
server/static/css/styles.css L16
server/static/css/main.css L3893
server/static/css/csslayout.css L7310
server/static/css/fonticons.css L8540
server/static/css/widget.css L8797
server/static/css/fonticons.wiki.css L9616
elibch/static/css/styles.css L9956
erara/static/css/styles.css L12560
erara.db.css L13433
zuz/static/css/styles.css L13518
==================================================*/
/* from server/static/css/styles.css */
/* common */
/* layer */
/* nav */
/* page */
/* markdown transcript wiki */
:root {
--scrollbarWidth: 22px;
--inner-width: 100vw;
--body-font: Helvetica, Open Sans, sans-serif;
--body-font-color: #333;
/* 1040 legacy skins only, see base23 */
--tiles-width: 1040px;
--tiles-spacing: 16px;
--tiles-cap-height: 50px;
--zoompane-bgColor: #f0f0f0;
--thumbToggler-height: 40px;
--nav-map-height: 340px;
--map-pin-color: rgb(40 81 170);
--map-cluster-color: rgba(40, 81, 170, 0.65);
--searchterm-bg: #DFEFFF;
--customMenu-backdrop-bgColor: rgb(200, 200, 200, 0.2);
--customMenu-backdrop-filter: blur(2px);
--blog-img-position: center;
}
/* z-index */
@media all {
.vlsDropdown {
z-index: 40;
}
#debugpanel {
z-index: 40;
}
#disclaimerCookieSmall {
z-index: 38;
}
#disclaimerCookie {
z-index: 38;
}
#custom-menu-layer.toggled {
z-index: 20;
}
a#scrollTop {
z-index: 14;
}
.pageviewStructure-tree {
z-index: 12;
}
#moreEditActions {
z-index: 11;
}
.bd-portal #listNavigation.layer {
z-index: 10;
}
.flex-direction-nav a {
z-index: 10;
}
#zoom__thumbSlider {
z-index: 10;
}
.structure-layer-navPath#navPath {
z-index: 7;
}
.vl-pageview-controls {
z-index: 6;
}
#map .ol-zoom {
z-index: 5;
}
/* place list */
.map + nav {
margin-top: 2em
}
#searchinfo.modern {
z-index: 2;
}
.pageLoader {
z-index: 10;
}
}
abbr {
text-decoration: none;
}
body {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
position: relative;
}
body,
td {
font-family: Segoe UI, "Helvetica Neue", Arial;
}
html {
height: 100%;
}
body {
overflow-x: hidden;
}
.fullwidth {
width: 100vw;
margin-left: calc(50% - 50vw + 0.5 * var(--scrollbarWidth));
}
/* menubox */
.menubox li {
list-style: none;
list-style-image: none;
}
.menubox ul ul {
padding-left: .75em;
}
/* */
.btn {
cursor: pointer;
}
.vl-pbuttons .info:before {
content: var(--icon-info);
}
a .hide-underlined {
display: none;
}
.ln-ico:before {
padding: 0 .2em;
font-family: var(--icon-fontFamily);
}
a.vlIcon,
a.vlIcon:hover {
text-decoration: none;
}
.ln-autor:before {
content: var(--icon-inline-autor);
}
.ln-place:before {
content: var(--icon-inline-place);
}
.ln-subject:before {
content: var(--icon-inline-subject);
}
.ln-dnb:before {
content: var(--icon-inline-dnb);
}
.ln-epub:before {
content: var(--icon-inline-epub);
}
.ln-google:before {
content: var(--icon-inline-google);
}
.ln-mets:before {
content: var(--icon-inline-mets);
}
.ln-orcid:before {
content: var(--icon-inline-orcid);
color: var(--icon-inline-orcid-color);
}
.ln-pdf:before {
content: var(--icon-inline-pdf);
}
.ln-subject:before {
content: var(--icon-inline-subject);
}
.ln-wiki:before {
content: var(--icon-inline-wiki);
}
.ln-ddc:before {
content: var(--icon-inline-ddc);
}
.ln-gbv:before {
content: var(--icon-inline-gbv);
}
.ln-html:before {
content: var(--icon-inline-html);
}
.ln-iiif:before {
content: var(--icon-inline-iiif);
}
.ln-zip:before {
content: var(--icon-inline-zip);
}
.ln-share:before {
content: var(--icon-inline-share);
}
.ln-info:before {
content: var(--icon-inline-info);
}
.ln-ulan:before {
content: var(--icon-inline-ulan);
}
.ln-bib_search:before {
content: var(--icon-inline-bib_search);
}
.ln-urn:before {
content: var(--icon-inline-urn);
}
.ln-zdb:before {
content: var(--icon-inline-zdb);
}
.ln-geo:before {
content: var(--icon-inline-geo);
}
.ln-download:before {
content: var(--icon-inline-download);
}
.ln-oai:before {
content: var(--icon-inline-oai);
}
.ln-time:before {
content: var(--icon-inline-calendar);
}
.ln-tei:before {
content: var(--icon-inline-tei);
}
/* pagetext */
@media all {
#imageGrid {
display: flex;
flex-wrap: wrap;
}
#imageGrid>* {
flex: 1;
}
#imageGrid>.focusControl {
flex: 0 0 0;
}
.focusControl>* {
position: absolute;
z-index: 1;
top: 150px;
margin-left: calc(-1 * 32px / 2);
margin-top: 32px;
}
.focusControl .btn {
width: 32px;
height: 32px;
content: '';
color: var(--button-color);
font-family: var(--icon-fontFamily);
background-color: var(--button-bgColor);
display: flex;
align-items: center;
justify-content: center;
}
.focusControl .btn.up {
border-radius: 100% 100% 0 0;
}
.focusControl .btn.down {
border-radius: 0 0 100% 100%;
}
.focusControl .btn.lmt:before {
opacity: .65;
}
.focusControl .btn.down.lmt:before {
/* border-bottom: 2px solid var(--button-color); */
}
.focusControl .btn.up.lmt:before {
/* border-top: 2px solid var(--button-color); */
}
.focusControl i {
display: none;
}
/*.pt-img, .pt-txt */
.pt-txt {
background-color: var(--zoompane-bgColor);
}
.pt-txt>* {
height: 100%;
}
.wiki-pageframe {
/* main.js adjustZoomHeight */
height: 100%;
min-height: 335px;
}
.wiki-pageframe {
margin-top: 0px;
position: relative;
/*overflow-y: scroll;
mask-image: linear-gradient(to top, transparent, black),
linear-gradient(to left, transparent 17px, black 17px);
mask-size: 100% 20000px;
mask-position: left bottom;
-webkit-mask-image: linear-gradient(to top, transparent, black),
linear-gradient(to left, transparent 17px, black 17px);
-webkit-mask-size: 100% 20000px;
-webkit-mask-position: left bottom;
transition: mask-position 0.3s, -webkit-mask-position 0.3s;
*/
}
.wiki-pageframe :hover {
-webkit-mask-position: left top;
}
/* wiki-pagetext */
#transcriberLandingpage {}
#transcriberStatusinfo {}
#wikipreview {
padding-left: 10px;
}
.wiki-pageimg {}
.wiki-pageframe {}
.wiki-pagetext.empty-yet {
/*opacity:.7*/
}
.wiki-pagetext .wiki article {
display: block;
}
.wiki-pagetext .wiki article>* {
padding: 0;
}
.wiki-pagetext .wiki article ol,
.wiki-pagetext .wiki article ul {
padding-left: 2em;
}
.transcriber-info {
bottom: 0;
height: 3.5em;
}
.transcriber-info ~ .pagetext {
bottom: 3.5em;
}
.pagebottom {
display: none;
}
.transcriber-info {
padding: 20px;
}
.transcriber-info>.authby {
font-size: .9em;
color: #888;
}
.transcriber-info>.by-other {
font-family: monospace;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 2px;
padding: .2em .4em;
margin: .0 0 .5em
}
#wikipreview.wiki-pagetext {
border: 0;
}
.wiki-pagetext p {
margin-bottom: 0;
}
.wiki-pagetext h2 {}
.wiki-pagetext .footnotes {
font-size: .9em;
}
.wiki-pagetext.centered-msg>.no-transcription-yet,
.wiki-pagetext.centered-msg>.transcription-in-progress {
align-self: center;
margin: 0 auto;
flex-grow: 0;
}
.pagetext {
line-height: 1.5em;
margin: 0 auto;
top: 0px;
overflow-y: auto;
}
.pagetext>* {
padding: 30px 0 40px 0;
}
.transcriber-info,
.pagetext,
.pagebottom {
background-color: white;
position: absolute;
padding: 0 20px 0 30px;
left: 0%;
right: 0%;
}
.pagebottom:before {
display: block;
content: '';
top: -60px;
height: 60px;
background: linear-gradient(0deg, white, transparent);
position: absolute;
left: 0;
right: 0;
z-index: 1;
}
.pagetext,
.pagebottom {
bottom: 0;
}
.transcriber-info~.pagetext,
.transcriber-info+.pagebottom {
bottom: 56px;
}
.unreleased {
opacity: 0.7;
background-color: var(--unreleased-bg);
}
.searchterm,
.pagetext .data-vl-searchterm {
background-color: var(--searchterm-bg);
}
.mainheader .searchterm {
background-color: transparent;
}
.titlesBar>.headertext .searchterm {
color: var(--mainheader-color);
}
.filterAlpha li.active a:before {
content: '';
display: inline-block;
position: absolute;
background-size: 300%;
}
.filterAlpha>.d100,
.filterAlpha li.active a {
position: relative;
}
.filterAlpha li.active a:before {
content: var(--icon-close);
font-family: fontello;
font-size: 0.5em;
right: -.4em;
top: .1em;
width: 13px;
height: 13px;
}
.filterAlpha.fasOverlay i.disabled {
display: none;
}
}
/* layout tableLayout, flexstruct-list li a
Layout equivalents */
/* end layout */
/* barr */
.screenreaders {
position: absolute;
top: -100px;
left: -9999px;
font-size: 0em !important;
margin: 0;
padding: 0;
border: 0;
}
/* html5 */
main {
display: block;
}
*,
*:after,
*:before {
box-sizing: border-box
}
.bd-sysadmin td,
.bd-wiki-edit td {
font-family: Lucida Sans Unicode, Helvetica Neue, Arial, sans-serif;
}
.bd-sysadmin th,
.bd-wiki-edit th,
.bd-transcript .vlsTable th {
font-family: Helvetica Neue, Arial, sans-serif;
font-weight: bold;
}
.bd-sysadmin th a,
.bd-wiki-edit th a,
.bd-transcript .vlsTable th a {
color: #0654AC;
}
.bd-sysadmin th a:hover,
.bd-wiki-edit th a:hover,
.bd-transcript .vlsTable th a:hover {
text-decoration: none;
}
#offsetChooser.transred {
display: inline-block;
margin: 0 2em;
background-color: white;
font-size: 0.8rem;
height: 1.3rem;
padding: .3rem;
border-radius: .2em;
}
#offsetChooser.transred>div {
display: inline-block;
vertical-align: middle;
}
#offsetChooser.transred>.paginglink {
height: auto;
}
#offsetChooser.transred>div.selectedOs {
padding: 0 .6em;
font-size: 1em;
}
#offsetChooser.transred {
font-size: 0.7em;
}
/* tableLayout */
/* no margins / paddings on these elements */
table#cont,
#rowMiddle>td,
#rowMiddle>td>table#middleContent {
padding: 0 !important;
}
#rowMiddle>td>table#middleContent {
margin: 0 !important;
}
/* major layout directives */
table#cont {
width: 100%;
height: 100%;
display: table;
}
table#topContent,
table#middleContent {
width: 100%;
}
/* add gstyle demo support - firefox at least */
.bd-pages-gstyle .colmain,
.bd-pages-gstyle .colmain td,
#rowMiddle>td {
height: 100%;
}
#rowMiddle>td {
height: 100vh;
}
#rowBottom td,
#rowTop td {
height: .1em;
}
.colmain {
width: 100%;
}
/* part type footer align bottom */
#footer,
#bottomParts {
background-color: #F3F3F6;
border-top: 1px solid #ccc;
padding: 2px .3em;
}
.footerContent a {
font-size: 10px;
font-family: Verdana;
}
/* part type footer align layer */
#footerLayer,
#custom-footer.wiki-layer {
position: fixed;
bottom: 0;
}
.bd-authorized td.footer .menubox {
display: none;
/* hide footer-aligned menubox left in wiki/?edit*/
}
.strong {
font-weight: bold;
}
.bd-guest .debug {
display: none;
}
.invisible {
visibility: hidden;
}
.invisible * {
height: 0;
}
.hidden {
position: absolute;
width: 1px;
height: 1px;
left: -20000px;
overflow: hidden;
}
p {
line-height: 1.5em;
margin-top: 0;
margin-bottom: 1em;
}
.wiki code {
background-color: #f7f7f9;
border: 1px solid #e1e1e8;
border-radius: 2px;
color: #d72b3f;
font-family: Consolas, monaco, "Ubuntu Mono", courier, monospace !important;
display: inline-block;
padding: .2em;
}
.wiki-center li+li {
margin-top: .25em;
}
#cqlinfo {
font-size: 10px;
bottom: 0;
background: ghostwhite;
position: absolute;
z-index: 1;
}
/* debug vlsDropdown admin etc*/
@media all {
.checkUncheckAll {
cursor: pointer;
text-align: right;
border-top: 1px solid #ddd;
font-size: .7em;
margin-top: 1em;
font-family: Verdana;
}
table.sortable th:after {
content: '';
width: 10px;
height: 10px;
opacity: 0.6;
display: inline-block;
background: url('/https/www.e-rara.ch/static/graphics/sortable.gif') center right no-repeat;
}
table.sortable th:after {
padding-right: 21px;
cursor: pointer;
}
/* #wikiHist is used in wikihist and diffconfig */
#wikiHist {
float: right;
margin-right: -2px;
font-size: 12px;
border-right: 2px solid #eee;
overflow-y: scroll;
overflow-x: hidden;
display: block;
border-left: 1px solid #ddd;
border-bottom: 0;
background-color: white;
padding-left: 1em;
}
#wikiHistHead {
height: 3.5em;
vertical-align: middle;
color: #999;
}
#wikiHist * {
font-size: 11.2px;
}
#wikiHistHead th {
background-color: white;
}
#wikiHistHead th.left {
text-align: left;
}
#wikiHist tbody tr {
background-color: white;
}
#wikiHist td {
padding: 0px 2px;
border-bottom: 1px solid #eee;
}
#wikiHist td {
border-right: 1px solid #eee;
padding: 0 .4em;
width: 1%;
}
#wikiHist td.user {
white-space: nowrap;
text-overflow: ellipsis;
width: 80%;
overflow: hidden;
}
#wikiHist .right {
text-align: right;
}
#wikiHist td.data {
color: #888;
}
#wikiHist td.rev,
#wikiHist td.diff {
min-width: 10px;
}
#wikiHist td.select:active {
background-color: #ccc;
}
#wikiHist td.select a:hover {
text-decoration: none;
}
.user-manage {
margin-top: 2em;
margin-bottom: 2em;
}
.user-manage tr:nth-child(odd) {
background-color: #fafafa;
}
.user-manage th {
font-weight: bold;
vertical-align: top;
padding: 0.75em .6em 1.25em;
text-align: left;
background-color: var(--sand);
}
.user-manage td {
hyphens: auto;
vertical-align: top;
padding: .3em;
}
.user-manage td.actions {
min-width: 66px;
}
.user-manage td.fullname {
min-width: 14em;
}
.user-manage td.title {
text-align: right;
}
#__currLine__ {
width: 0;
display: inline-block;
border-right: .5em solid #FAA;
height: 1.2em;
vertical-align: text-top;
}
/* CodeMirror */
.splitter_container.splitter-vertical>.splitter_panel {
border: 1px solid silver;
}
.splitter_container>.splitter_panel>#leftPane {
overflow: hidden !important;
}
.CodeMirror {
line-height: 1.2em;
}
.CodeMirror-activeline-background {
background: none repeat scroll 0 0 #E8F2FF !important;
}
.cm-tab:after {
content: "\21e5";
display: -moz-inline-block;
display: -webkit-inline-block;
display: inline-block;
width: 0px;
position: relative;
overflow: visible;
left: -1.4em;
color: #aaa;
}
div#selectItems {
margin: 16px 8px 0;
}
div.itemsInGroup {
margin: 0 8px 0 13em;
}
div#selectItems ul.vlsDropdown {
width: 13em;
}
#vlsDropSpacer {
font-size: 5px;
}
div#selectItems #vlsDropSpacer {
display: none;
}
ul.vlsDropdown {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
position: absolute;
margin: 0;
padding: 0;
}
ul.vlsDropdown li {
margin: 0;
padding: 0;
}
ul.vlsDropdown li a {
box-sizing: initial !important;
}
ul.vlsDropdown li a:hover,
div.itemsInGroup a:hover {
background-image: url(/https/www.e-rara.ch/static/graphics/admin/bgVlsSelectHover.gif);
color: #445;
}
ul.vlsDropdown li {
display: none
}
ul.vlsDropdown li#selected {
display: block;
background-image: url(/https/www.e-rara.ch/static/graphics/admin/bgVlsSelectHover.gif);
background-repeat: repeat-x;
}
ul.vlsDropdown li a,
div.itemsInGroup a,
.dashJumpmenu a {
background-image: url(/https/www.e-rara.ch/static/graphics/admin/bgVlsSelect.gif);
background-repeat: repeat-x;
border: 1px solid #bbb;
font: 12px Helvetica, Arial, sans-serif;
text-decoration: none;
white-space: nowrap;
font-weight: bold;
padding: 4px 15px 4px 15px;
margin-bottom: -1px;
color: #444 !important;
display: block;
line-height: 17px;
outline: none;
}
ul.vlsDropdown li a:visited,
div.itemsInGroup a:visited {
color: #444 !important;
}
ul.vlsDropdown li a:hover,
div.itemsInGroup a:hover {
text-decoration: none;
}
ul.vlsDropdown li a:active,
div.itemsInGroup a:active {
outline: none;
}
ul.vlsDropdown {}
ul.vlsDropdown li#selected a {
background: transparent url(/https/www.e-rara.ch/static/graphics/admin/thirdparty/crystal/14_layer_lowerlayer.png) 90% 50% no-repeat;
}
div.itemsInGroup a {
float: left;
margin-right: -1px;
border-color: #ddd
}
ul.vlsDropdown li a#last {
border-bottom: 1px solid #aaa;
}
#debugpanel {
position: fixed;
bottom: 0;
right: 0;
font-size: 11px;
border-right: 1px solid grey;
border-top: 1px solid grey;
}
#debugdata {
background-color: #eee;
display: none;
margin-right: 46px;
}
#debugpanel>.hideit {
cursor: pointer;
background-color: white;
border-left: 1px solid grey;
color: #777;
padding: 0 1px;
float: right;
}
#debugdata-ctrl.hideit {
width: 34px;
}
#debugpanel-ctrl.hideit {
width: 6px;
}
#debugdata>a {
border-left: 1px solid grey;
padding-left: 6px;
padding-right: 6px;
}
.vlsContainer {
margin-top: 23px;
border: 2px solid #eee;
border-radius: 2px;
background-color: #fff;
vertical-align: top;
}
.dashitem {
display: inline-block;
width: 50%;
vertical-align: top;
}
.dashitem>div {
margin: 1em 1em 3em 1em;
border: 2px solid #eee;
border-bottom: 0 none;
background-color: #fff;
}
.vlsContainer.noborder {
border: 0;
}
div#adminToolbar,
.vlsContainer {
margin-right: 10px;
margin-left: 10px;
}
.vls-head,
.vlsContainer .head,
#dashboard .dashHead {
margin: 18px 0;
font-size: 1.5em;
color: #333;
font-family: Verdana, Arial, sans-serif;
padding: 4px 10px;
background-color: #F7F6F8;
}
}
/* common */
@media all {
select,
.nodrop,
#npSingle {
font-size: 11px;
font-family: Tahoma, Helvetica, Verdana;
}
select[multiple] {
height: auto;
}
td {
vertical-align: top;
}
a,
.colmain .ui-tabs-panel a {
text-decoration: none;
color: #0630ac;
}
a:hover {
text-decoration: underline;
}
a img {
border: 0;
}
a.external:after,
a.goto:after {
content: '\2197';
display: inline-block;
font-size: 0.9em;
margin: -0.4em 0 0 0.25em;
vertical-align: super;
}
img.spacer {
/*avoid img consuming additional vertical space*/
display: inherit;
}
.head {
/*border-radius:4px;*/
}
}
/* layer */
@media all {
#custom-menu-layer {
background-color: transparent;
/*width: var(--inner-width);*/
left: 0;
top: 0;
bottom: 0;
right: 0;
position: fixed;
overflow: auto;
transition: all 0.2s ease-in-out;
pointer-events: none;
}
#custom-menu-layer::-webkit-scrollbar {
width: 0;
}
#custom-menu-layer .paneclose {
text-align: right;
}
.bd-cml-toggled {}
#custom-menu-layer.toggled {
background-color: var(--customMenu-backdrop-bgColor);
backdrop-filter: var(--customMenu-backdrop-filter);
pointer-events: all;
}
#custom-menu-layer>div,
#mandant-menu-layer>div {
position: absolute;
overflow: auto;
min-height: 200px;
min-width: 340px;
max-width: calc(var(--inner-width) * .4);
padding: var(--spacing-2) var(--spacing-2) var(--spacing-3) var(--spacing-4);
right: 0;
top: 0;
background-color: var(--customMenu-bgColor);
color: var(--customMenu-color);
transition: transform 0.2s;
transform: translateX(100%);
}
#custom-menu-layer.toggled>div {
transform: translateX(0);
}
}
/* nav */
@media all {
.relatedItemListNavigation #facetDataMainheader>.menuheader,
.relatedItemListNavigation #fdmhead {
justify-content: right;
}
.nav,
.nav-inline {
margin: 0;
padding-left: 0;
list-style: none;
}
.nav li {
margin: 0;
}
.nav-inline li {
display: inline-block;
}
/* navPort */
nav.navPort {
position: relative;
}
nav.navPort {
display: flex;
align-items: flex-start;
}
nav.navPort>#navPort {
flex: 1;
}
#navPort {
border-top: 1px solid #dde;
border-bottom: 1px solid #e8e8f0;
background-color: #f8f7fb;
clear: both;
}
.navPort-metadata,
.navPort-pages {}
.navPort-nav {}
.viewCtrl,
.viewCtrl_sel {
border-right: 1px solid #CCCBD7;
border-left: 1px solid #fff;
}
.viewCtrl a,
.viewCtrl_sel span {
display: block;
padding: 3px 1.2em 3px 1.2em;
}
.viewCtrl a:active {}
.viewCtrl_sel {
color: #666;
}
.viewCtrl,
.viewCtrl_sel {
float: left;
}
select,
.nodrop,
#npSingle {
font-size: 1em;
}
.resizeControls,
.naviControls,
.rotateControls,
div#fullScr {
margin-top: 0;
}
.list-paging .vls-button,
.naviControls .vls-button {
display: flex;
align-items: center;
justify-content: center;
}
.naviControls.vls-button:after {
display: initial;
margin-top: initial;
}
.naviControls,
.resizeControls,
.rotateControls,
.debugControls,
.tabgroup,
.drop {
float: left;
}
.naviControls.bottomNav {
float: none;
white-space: nowrap;
}
.naviControls {
display: flex;
align-items: center;
}
.bottomNav {
margin-block: 2em;
}
.bottomNav>* {
flex: 1;
display: flex;
justify-content: center;
}
.resizeControls a,
.naviControls.toggleMode>.toggleModeImage {
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
}
.naviControls.toggleMode {
position: relative;
}
.naviControls.toggleMode>.toggleModeImage {
margin-right: -1px;
}
#navPort>.menuCtrl a:before {
content: var(--icon-menu);
}
#navPort>li.menuCtrl {
width: 1em
}
.vls-button {
background-color: #fff;
border: 1px solid #bbb;
border-radius: 2px;
width: 1.5em;
}
a.vls-button {
color: rgba(0, 0, 0, 0.5);
text-decoration: none !important;
}
a.vls-button:hover {
color: black;
background-color: #fefefe;
}
a.vls-button:active {
background-color: #fcfcfc;
}
a.vls-button.inactive,
a.vls-button.inactive:hover,
a.vls-button.inactive:active {
color: rgba(0, 0, 0, 0.2);
cursor: default;
}
a.vls-button:hover {
text-decoration: none;
}
/*number not in use*/
.paginglink a.number,
.paginglink span.number {
font-size: 1em;
padding: .5em 0;
text-align: center;
}
.paginglink {
float: left;
}
.paginglink.nofloat {
float: none;
}
.paginglink a,
span.resizeControls a {
text-decoration: none;
}
}
/* page */
/* hocr */
.ocr_page {}
.ocr_page .ocrx_block {}
p.ocr_par {}
.ocr_page .columns {
display: flex;
gap: 1em;
}
.ocr_page .column {
flex: 1;
}
.bd-lineMode .ocr_line {
display: block;
}
.bd-lineMode .line {
display: block;
}
.bd-lineMode .comment {
display: block;
}
/* wiki markdown transcription */
@media all {
.wiki .column-wrapper {
overflow: auto;
grid-column: 1 / -1;
}
.wiki .column-left {
width: 50%;
float: left;
}
.wiki .column-right {
width: 50%;
float: right;
}
.wiki-leftmargin {
margin-left: 220px;
}
#wikipreview .wiki-leftmargin {
margin-left: 25%;
}
.wiki-rightmargin {
margin-right: 220px;
}
#wikipreview .wiki-rightmargin {
margin-right: 25%;
}
.notes-leftmargin,
.notes-rightmargin {
width: 200px;
display: inline-block;
vertical-align: top;
/* We have to reset all formatting that may be inherited
from the surrounding inline text. */
text-align: left;
text-decoration: none;
}
ol .notes-leftmargin {
/*compensate for 20px list padding*/
margin-left: -240px;
}
ol .notes-rightmargin {
margin-right: -240px;
}
.notes-leftmargin {
margin-left: -220px;
float: left;
clear: left;
}
.notes-rightmargin {
margin-right: -220px;
float: right;
clear: right;
}
#wikipreview .notes-leftmargin,
#wikipreview .notes-rightmargin {
width: 22%;
}
#wikipreview .notes-leftmargin {
margin-left: 0;
}
#wikipreview .notes-rightmargin {
margin-right: 0;
}
.wiki ul>li>p {
margin: 0;
padding: 0;
}
.wiki .notes-paren {
display: none;
}
.wiki .rot90 {
transform: rotate(-90deg);
transform-origin: 0% 0%;
}
}
/* login */
@media all {
.wiki-center.login {
display: flex;
justify-content: center;
}
.authForm,
.authCont {
margin: 40px 40px;
}
.authForm fieldset {
border: 1px solid #ccc;
border-radius: 12px;
}
.authForm fieldset legend {
font-size: 1.8em;
font-weight: normal;
margin-left: 0.4em;
}
.authForm fieldset table,
.authForm fieldset .pane {
margin: 40px 40px;
}
.authForm fieldset .pane {
max-width: 420px;
}
.authForm .pane {
display: grid;
gap: 1em;
}
.authForm .resetpw {
text-align: right;
font-size: .95em;
}
.authForm table .resetpw {
padding-top: .5em;
}
.authForm table .resetpw a {
color: #999;
}
.authForm h1 {
margin-bottom: 40px;
}
.authForm .msg {}
.authForm input {
padding: .3em .6em;
width: 100%;
border: 1px solid #aaa;
border-radius: 3px;
}
#setPassword table,
#resetPassword table {
margin-top: 20px;
}
#resetPassword input[name=user] {
width: 100%;
}
.authMsg {
width: 300px;
margin-left: 40px;
}
.authMsg div {
border-radius: 4px;
padding: .5em 1em;
background-color: #fcfce0;
border: 1px solid #eee;
margin-bottom: 1em;
}
#resetPassword {
max-width: fit-content;
}
}
/* frags */
@media all {
#searchFrags .fframe {}
.fframe {
margin-bottom: 1em;
}
.fframe.wr-plain {}
.fframe.wr-clipped {
min-height: 30px;
overflow: hidden;
}
.fframe.wr-clipped:after {}
.fframe.samepage {
margin-bottom: .2em;
}
.fframe:last-of-type {}
}
/* tiles */
@media all {
.wiki-center {
.tiles {
max-width: var(--tiles-width);
margin: 3em auto;
display: flex;
gap: var(--tiles-spacing);
flex-wrap: wrap;
align-items: stretch;
}
.tiles.classic {
gap: 0;
margin-top: 7em;
margin-bottom: 4em;
}
.tiles>a {
flex: 1;
justify-content: normal;
display: flex;
flex-direction: column;
}
.tiles.c2>a {
flex: 0 0 calc(50% - var(--tiles-spacing) / 2);
}
.tiles>a,
.tiles.c3>a {
flex: 0 0 calc(33.3% - var(--tiles-spacing) * 2 / 3);
}
.tiles.c4>a {
flex: 0 0 calc(25% - var(--tiles-spacing) * 3 / 4);
}
.tiles.classic a {
flex: 1 0 initial;
}
.wiki.wiki-center .tiles>a {
text-decoration: none;
}
.tiles.classic a:hover {
background-color: white;
text-decoration: none;
}
.tiles.classic a {
flex: 1;
background-color: #f4f4f4;
text-align: center;
padding: 3%;
}
.tiles.classic>a {
margin: 0;
}
.tiles.classic .bg {
order: -1;
}
.tiles.classic .bg {
padding: 10%;
}
.tiles .bg {
padding: 30%;
flex: 0;
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
}
.tiles .bg.svg {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.tiles .bg svg {
height: 40%;
flex: 1;
position: absolute;
}
.classificationShowcase.tiles .bg {
background-size: cover;
}
.tiles .cap {
display: flex;
flex-direction: column;
justify-content: center;
/*flex-basis: 4em;*/
position: relative;
hyphens: auto;
min-height: var(--tiles-cap-height);
padding: 8px;
/* also .cap:after*/
padding-left: 52px;
padding-right: 2em;
}
.tiles.classic .cap {
padding-left: initial;
background-color: transparent;
padding: 16px 10px 6px;
font-size: 1.25rem;
}
.tiles.classic .cap:after {
display: none;
}
.tiles.classic svg {
height: 35px;
}
.tiles.classic svg path {
/* fill: tile; */
}
.tiles.classic.glyphs .cap:before {
font-size: 2.25rem;
display: block;
font-family: var(--icon-fontFamily);
margin-bottom: 1em;
}
.tiles.classic.glyphs .cap.title:before {
content: var(--icon-list);
}
.tiles.classic.glyphs .cap.person:before {
content: var(--icon-person);
}
.tiles.classic.glyphs .cap.places:before {
content: var(--icon-place);
}
.tiles.classic.glyphs .cap.map:before {
content: var(--icon-map);
}
}
@media (max-width: 600px) {
.wiki-center {
.tiles.classic {
gap: 10px;
}
.tiles.classic>a {
flex-basis: calc(50% - var(--tiles-spacing));
}
}
}
@media (max-width: 414px) {
.wiki-center .tiles.classic>a {
flex-basis: 100%;
}
}
}
/* blog */
@media all {
/* blogList */
.blogList {
display: flex;
flex-wrap: wrap;
gap: 2rem;
}
.blogList .blogPost {
flex: 1;
padding: 2rem;
display: flex;
background: rgba(0, 0, 0, 0.05);
align-items: start;
}
.blogList .blogPost:hover .postImg {
opacity: 0.9;
}
.blogList .blogContent {
display: flex;
flex-direction: column;
align-items: center;
flex: 1;
justify-content: center;
}
.blogList .postImg {
width: 100%;
min-width: 300px;
height: 300px;
background-size: cover;
background-position: var(--blog-img-position, center);
}
.blogList .blogPost h3,
.blogList .blogPost p {
width: 100%;
}
/*blog post*/
.bd-blog-post .postHeader {
display: flex;
gap: 2rem;
margin-bottom: 2rem;
}
.bd-blog-post .postImg-cnt {
flex: 1;
display: flex;
flex-direction: column;
}
.bd-blog-post .postImg-cnt,
.bd-blog-post .socialmedia-share {
font-size: .8em;
}
.bd-blog-post .image-copyright {
margin: 1em 0;
}
.bd-blog-post .image-caption {
font-weight: bold;
}
.socialmedia-share {
padding-top: 1em;
cursor: pointer;
font-weight: bold;
text-transform: uppercase;
}
.socialmedia-share::before {
content: var(--icon-share);
font-family: var(--icon-fontFamily);
font-size: 1.5em;
margin-right: .5em;
}
.bd-blog-post .postImg {
background: rgba(0, 0, 0, 0.05);
background-position: var(--blog-img-position, center);
background-repeat: no-repeat;
background-size: cover;
width: auto;
height: 520px;
}
@media (max-width: 1200px) {
.bd-blog-post .postHeader {
flex-direction: column;
}
}
.widget-blogList .intro .blogContent {
display: flex;
height: 100%;
justify-content: space-between;
align-items: flex-start;
}
.widget-blogList .intro .btn {
padding: 12px 20px;
color: #ccc;
border: 1px solid #ccc;
}
.showAllPosts {
display: flex;
padding: 20px 0;
justify-content: flex-end;
}
.showAllPosts .btn {
border-bottom: 3px solid #ccc;
padding: 6px 0;
}
.showAllPosts .btn:hover {
opacity: 80%;
}
.showAllPosts .btn span {
font-family: var(--icon-fontFamily);
margin-right: .25em;
}
}
/* common */
/* .structure-layer-navPath */
#navPath {
letter-spacing: .05em;
display: flex;
background-color: #fffe;
margin: 0;
overflow: hidden;
}
.pageviewStructure-tree {
position: absolute;
width: 100%;
display: none;
border-top: 0;
box-shadow: 0 8px 10px rgba(0, 0, 0, 0.03);
border-radius: 0 0 8px 8px;
overflow: auto;
border-top-right-radius: 0;
}
#navPath>.path {
flex: 1;
display: flex;
align-items: center;
flex-wrap: wrap;
padding: .2em .3em;
}
#open-yearList-layer {
display: inline-block;
margin: 0 .5em;
}
.vls-open-Layer,
#navPath .vls-open-Layer {
display: flex;
align-items: center;
}
.vls-open-Layer {
cursor: pointer;
font-size: 1rem;
color: #666;
background-color: #f7f7f8;
border: 1px solid #eee;
border-radius: 2px;
vertical-align: middle;
padding: 0 .25rem;
}
.vls-open-Layer:hover {
background-color: #f3f3f4;
}
.npNext:before {
font-size: .75em;
font-family: "fontello";
content: var(--icon-chevron-right);
}
.sruForm .sruFormFields>*>table {
border-collapse: collapse;
}
legend {
padding: 0 .5em;
}
.vls-hidden {
display: none !important;
}
.userMessages .message {
color: green;
font-weight: bold;
}
/* formWikidata css cf. docs/epflicht/forms/*.wiki */
.editing-msg {
border-bottom: 1px solid #ccc;
padding: 0.2em 0;
font-size: 1.2em;
display: inline-block;
}
/* mdlist */
.add-button.mdlist-cols.active {
cursor: pointer;
}
.add-button.mdlist-cols {
font-size: 2em;
color: var(--button-secondary-inverted-color);
}
.add-button.mdlist-cols:before {
background-color: var(--button-secondary-inverted-bgColor);
}
.md-list.cols {
display: flex;
gap: var(--spacing-4);
flex-wrap: wrap;
}
.md-list.cols>li {
flex: 0;
flex-direction: column;
}
.md-list.cols>*.newfrom {
flex-basis: 100%;
}
.nps-list.cols .mdrow-metadata {
display: flex;
flex-wrap: wrap;
gap: var(--spacing-3);
}
.nps-list.cols .mdrow-metadata>* {
flex: 1;
display: flex;
}
.nps-list.cols .mdrow-metadata>*>.col {
flex-basis: 100%;
}
.nps-list.cols .mdrow-metadata>*.more_mds_available {
flex-basis: 100%;
}
.nps-list.cols .mdrow-metadata>*>.col {
/* not grow 1 */
}
/* list */
@media all {
.list {
float: left;
width: 16px;
height: 16px;
font-size: 6px;
filter: alpha(opacity=70);
opacity: 0.7;
background-repeat: no-repeat;
border: 0;
content: url(/https/www.e-rara.ch/static/graphics/clpx.gif);
}
/* headernav */
.sortindexSelect .icon-sortList {
display: none;
}
/* vls-list */
.vls-list,
.struct-list,
.no-list {
list-style-type: none;
}
.vls-list,
.struct-list,
.no-list,
.hitstructure {
/* reset ul client defaults */
margin-top: 0;
margin-bottom: 0;
padding: 0;
}
.struct-list ul.noindent {
padding-left: 0;
}
.vls-list li,
.struct-list li
/*, ul.hitstructure li, .titleChild */
{
margin: .4em 0 0;
}
/* set 1st level li close to left */
.struct-list.structure li {
clear: left;
}
.vls-list li.table {
margin-bottom: 1em;
}
.vls-list ul {
/* hitstructure eg. set 2nd to n level's indentation */
padding-left: 24px;
}
.vls-list ul li {}
.vls-list li.tableContainer {
padding-left: 0;
background: transparent none;
margin: 0;
}
.vls-list li.tableContainer a,
.vls-list li.table a {
margin: 0
}
.titleLinks a {
margin-right: 6em;
}
/* */
.struct-list li>a,
.struct-list li>span.structure {
/* in order to have the text+pagination-link without PDF align with paginations with PDF ,
this must be minimum the width of the PDF-link, because if we have pagination and PDF, the two margins collapse
*/
display: block;
margin-right: 6em;
margin-left: 24px;
}
.struct-list li>a.resourceLink {
margin-right: 0;
}
.struct-list.cCat li>a {
margin-right: 0;
}
#fullFacetList .box a {
margin-right: 0;
margin-left: 0;
}
ul.cList li.empty-mds {
opacity: .5;
}
#classificationChildList .grey:hover {
color: inherit
}
.wikipage li .list {
background-image: url(/https/www.e-rara.ch/static/graphics/listicons/toggleRight-sw.png);
}
.list {
float: left;
width: 16px;
height: 16px;
font-size: 6px;
filter: alpha(opacity=70);
opacity: 0.7;
background-repeat: no-repeat;
}
.hitstructure {
/* allow for little more on 1st level */
padding-left: 20px;
}
.hitstructure ul {
/* this fits */
padding-left: 1.3em;
}
.struct-list li.toggle {
padding: 0;
}
.struct-list li.toggle img {
background-image: url(/https/www.e-rara.ch/static/graphics/listicons/toggleRight.png);
vertical-align: bottom;
}
.struct-list li.toggled img,
#menuboxFirstCollectionLevel a.toggled img {
background-image: url(/https/www.e-rara.ch/static/graphics/listicons/toggleDown.png);
}
ul.toToggle {
display: none;
}
span.hideHits {
display: none;
}
.hitstructure li a {
margin-left: 0;
margin-right: 1em;
cursor: pointer;
}
.hitstructure ul.toToggle {
/* this is a toggled list with rounded borders */
margin-top: 6px;
border: 2px solid #eee;
-moz-border-radius: 2px 16px 16px 2px;
-webkit-border-radius: 2px 16px 16px 2px;
border-radius: 2px 16px 16px 2px;
padding: 6px 24px;
}
ul.structure li.noStyle {
background: transparent none;
padding-left: 0;
}
ul.structure li a.toggleStructure {
cursor: pointer;
}
/*.titleChild-even, */
.structlist-even {
background: #f0f0f0 url(/https/www.e-rara.ch/static/graphics/bg-structlist-even.png) no-repeat;
}
ul.hitstructure li a {
margin-left: 0;
}
table.columns .vls-list li a {
margin-right: 2em;
}
}
.transcriberBar {
display: flex;
gap: 1em;
}
/* pageview-controls */
@media all {
.vl-pageview-controls {
position: absolute;
top: 0;
right: 0;
}
#mdContextinfo {
overflow: auto;
margin: 0 0 0.25em;
}
#mdContextinfo>* {
margin: 0 0 0.75em;
}
#mdContextinfo>*:last-child {
margin: 0 0 0.75em;
}
}
.afterImageBeforeData {}
/* socialnetworking */
@media all {
#socialnetworking {
position: relative;
display: inline-block;
}
.titleinfoLinkAction#socialnetworking {
cursor: default;
min-width: 4em;
display: inline-block !important;
}
#socialnetworking>i {
height: auto;
width: auto;
padding: 0 4px 0 2px;
border: 1px solid transparent;
border-radius: 0;
font-size: 15px;
color: black;
cursor: pointer;
}
div#vl-socialnetworks {
padding: 0 1em 0 2em;
}
.vl-pageview-controls .totoggle#vl-socialnetworks a {
margin: auto;
padding: 0;
display: block;
}
div#vl-socialnetworks>div.shariff {
display: table;
height: 100%;
}
div#vl-socialnetworks>div.shariff>ul {
display: table-cell;
vertical-align: middle;
}
div#vl-socialnetworks>div.shariff>ul>li {
margin-bottom: 1.2em;
}
#socialnetworks {
z-index: 2;
position: absolute;
top: 2em;
width: auto;
display: none;
padding: 0 5px;
background: white;
}
#socialnetworks .shariff .orientation-horizontal li {
margin-right: 5px;
margin-bottom: 0;
}
}
#structWikicontentSeparator {
display: none;
}
/* clearfix */
.clearfix:after {
content: "\00A0";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
/* ctrl */
@media all {
.wikiControl {
display: inline-block;
}
.topicItem .wikiControl {
margin: 2em 2em 2em 0;
}
.wikiControl .button {
text-decoration: none;
}
/* .vlsControl .button */
#wikiOptions .button {
margin-left: .3em;
}
.vlsControl .button,
.vlsControl .button:hover,
ul#adminControls li a:hover {
background-image: linear-gradient(to bottom, #fdfdfd 0%, #f9f9f9 100%);
text-decoration: none;
}
.vlsControl .button:hover,
ul#adminControls li a:hover {
background-image: linear-gradient(to bottom, #f9f9f9 0%, #fdfdfd 100%);
}
.vlsControl .button:active {
background-image: linear-gradient(to bottom, #f6f6f6 0%, #fafafa 100%);
}
.vlsControl .button {
cursor: pointer;
color: #333;
font-family: 'Open Sans', 'lucida grande', 'Segoe UI', arial, verdana, 'lucida sans unicode', 'Helvetica Neue', sans-serif;
}
.vlsControl .button.info,
.vlsControl .button.selected,
.vlsControl .button.selected:hover {
cursor: default;
}
.vlsControl .button.selected,
.vlsControl .button.selected:hover {
background: white;
}
.vlsControl .button.large {
font-size: 1.25em;
}
.vlsControl .button {
border-radius: 2px;
border: 1px solid #ddd;
padding: .5em;
display: inline-block;
text-align: center;
padding: .25em .75em;
}
.vlsControl .redtext.button {
color: red;
}
.vlsControl .greentext.button {
color: green;
}
.vlsControl .button.noborder {
border: 0;
}
.vlsControl .button.shadow {
text-shadow: 1px 1px 0px #ffffff;
}
.vlsControl .button.dark {
background-image: linear-gradient(to bottom, #6d6d6d 0%, #696969 100%);
color: #fff;
text-shadow: 1px 1px 0px #333;
}
.vlsControl .button.dark.flat {
background: #696969;
}
.vlsControl .button.grey {
background-image: linear-gradient(to bottom, #bbb 0%, #aaa 100%);
color: #fff;
text-shadow: 1px 1px 0px #333;
}
.vlsControl .button.grey.flat {
background: #aaa;
}
.vlsControl .button.light.flat {
background: #fafafa;
}
.vlsControl .button.edge {
border-radius: 0px;
}
.vlsControl .button.flat {
background-image: none;
filter: none;
}
.vlsControl .buttonInactive,
.vlsControl .buttonInactive:hover {
color: #999;
background-image: none;
cursor: default;
}
.vlsControl .button.toggle-wiki-pageimg,
.vlsControl .button.toggle-wiki-pageimg:hover {
background: white url(/https/www.e-rara.ch/static/graphics/admin/thirdparty/crystal/16/thumbnail.png) no-repeat 94% 50%;
padding-right: 2em;
min-width: 5em;
color: #666;
cursor: pointer;
}
}
form .qsclear {
display: flex;
align-items: center;
}
form .qsclear,
.flclose {
padding: .5em;
cursor: pointer;
transform: rotate(-45deg);
}
#mainsearch {
font-size: 16px;
}
#mainsearch .qsclear,
.flclose {
font-size: 28px;
}
.flclose {}
.flclose {
position: absolute;
top: 0;
right: 0;
display: inline-block;
}
/* titleinfo */
@media all {
#titleinfoAltmetric {
display: none;
}
/* position image */
#titleinfoImageAdd #titleinfoResources {
margin: 1em 0;
display: flex;
.cards {
width: 100%;
}
.cards.medium > li {
flex-basis: calc(50% - 0.5em / 1);
}
.cards.small > li {
flex-basis: calc(33% - 2em / 3);
}
.cards.secondary .card {
flex: 1;
}
}
/* position metadata */
.titleAdd#titleinfoResources {
.cards {
width: 78%;
}
.cards.small > li {
flex-basis: 92px;
}
.cards.medium > li {
flex-basis: 112px;
}
.cards.big > li {
flex-basis: 144px;
}
.cards.secondary .card {
justify-content: start;
}
}
@media (max-width: 762px) {
.titleAdd#titleinfoResources {
.cards {
width: 100%;
}
}
}
@media (max-width: 414px) {
.titleAdd#titleinfoResources {
.cards.medium > li {
flex-basis: 144px;
}
}
}
#titleinfoResources {
.content.classic > * {
display: flex;
flex-wrap: wrap;
gap: .5em;
margin-bottom: 0;
}
.content > * > .block {
flex-basis: 100%;
display: flex; /* icos newline - behave like list-bullets */
}
.content.tiles {
a {
text-decoration: none;
}
.cards.secondary {
margin-top: 2em;
}
.cards {
display: inline-flex;
flex-wrap: wrap;
gap: 1em;
}
.cards > li {
display: flex;
}
.cards.secondary > li {
flex: 1 0 100%;
}
.card {
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #ccc;
position: relative;
border-radius: .5em;
overflow: hidden;
background-color: #f9f9f9;
box-shadow: 0 .25em .8em rgba(0, 0, 0, 0.1);
font-size: 0.6em;
}
.primary .card {
width: inherit;
padding-block: 20%;
}
.ln-ico {
padding: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 6em;
color: rgba(0, 0, 0, 0.05);
/* Light watermark effect */
z-index: 0;
pointer-events: none;
user-select: none;
}
.card-content {
position: relative;
z-index: 1;
padding: 0.4em 1em;
font-size: 1rem;
}
}
.caption.uppercase {
text-transform: uppercase;
}
.caption.full {
word-break: break-all;
}
}
#titleinfo a.vlIcon:has(.ln-ico) {
text-decoration: none;
}
#titleinfo .shariff {
color: var(--body-font-color);
}
#titleInfoImage.titleInfoImage-right {
order: 2;
}
#titleInfoImage .imgLink img {
background-color: #aaa;
}
.timage-addParts {}
.timage-licInfo {
margin-top: var(--spacing-4);
}
#titleinfo .structure-layer-navPath#navPath {
position: initial;
}
.mods-abstract p {
margin: .5em 0;
}
.abstract-lang {
margin-top: 1rem;
font-size: .75em;
font-weight: bold;
}
/* licenseInfo infoFly */
.fulltextInfo-indicator {
background-color:#0BBE49;
}
.licenseInfo-indicator-allowed-true {
background-color:#0BBE49;
}
.licenseInfo-indicator-allowed-false {
background-color:#F15B6E;
}
.licenseInfo-indicator-allowed-partial, .licenseInfo-indicator-vlreader-partial {
background-color:orange;
}
/* Needs to come after .licenseInfo-indicator-allowed-true. */
.licenseInfo-indicator-vlreader-true {
background-color:#0BBE49;
}
.stateInfo-indicator-3 {
background-color:#ffc107;
}
.stateInfo-indicator-0 {
background-color:#0BB9E4;
}
.stateInfo-indicator-1 {
background-color:#0BBE49;
}
.stateInfo-indicator-2 {
background-color:#F15B6E;
}
}
/* toggle down up btn employed at navPath */
@media all {
.arButton,
.arButton div {
width: 17px;
height: 19px;
}
.arButton {
background: transparent url(/https/www.e-rara.ch/domainresource/static/graphics/ctrl/s-bg-center.gif);
vertical-align: top;
border-left: 1px solid #bbb;
border-right: 1px solid #bbb;
border-radius: 2px;
margin-left: 10px;
margin-right: -25px;
margin-top: -0px;
margin-bottom: -0px;
display: inline-block;
}
.arButton div {
position: absolute;
}
.arDown div {
background: transparent url(/https/www.e-rara.ch/domainresource/static/graphics/whsadmin/arDown.png) no-repeat 5px 7px;
}
.arUp div {
background: transparent url(/https/www.e-rara.ch/domainresource/static/graphics/whsadmin/arUp.png) no-repeat 5px 7px;
}
}
select.change {
margin: 0;
}
.drop {
margin: 0 .2em 0 0;
vertical-align: top;
}
.drop.nodrop {
margin: 0 .2em 0 .2em;
display: flex;
align-items: center;
justify-content: center;
}
select.change,
.vls-button,
.nodrop {
font-size: 1.1em;
}
select.change,
.vls-button {
height: 1.5em;
}
.ol-viewport {
cursor: grab;
}
/* zoom */
@media all {
.map, .zoompane {
background-color: var(--zoompane-bgColor);
}
iframe.zoompane {
display: block;
}
.zoompane,
.bd-portal-zoom .zoompane {
overflow: hidden;
position: relative;
}
.accessWarning.msg.zoompane {}
.accessWarning.veil.zoompane {}
.accessWarning.zoompane {
position: absolute;
}
.accessWarning {
position: absolute;
inset: 0;
letter-spacing: .075em;
display: flex;
justify-content: center;
overflow: hidden;
.cover {
backdrop-filter: brightness(50%) blur(30px);
transform: scale(1.5);
position: absolute;
z-index: 1;
inset: 0;
}
.msg {
max-width: 42em;
color: white;
position: absolute;
z-index: 2;
overflow: hidden;
justify-content: center;
align-items: center;
text-align: center;
display: flex;
flex-direction: column;
top: 0;
padding: 3em;
gap: 1.5em;
width: 100%;
height: 100%;
font-size: calc(var(--presentation_description_fontSize) - 0.1em);
.button {
cursor: pointer;
padding: .5em;
font-size: .85em;
border: 1px solid #fff;
background-color: #000;
color: #fff;
transition: all .2s ease-in-out;
}
.button:hover {
background-color: rgba(0, 0, 0, .5019607843137255);
border: 1px solid hsla(0, 0%, 100%, .5019607843137255);
box-shadow: 2px 4px 15px 0 rgba(0, 0, 0, .3);
}
}
}
.accessWarning.thumb {
.msg > span {
font-size: .75em;
display: none;
position: absolute;
background: white;
border: 1px solid #ddd;
border-radius: 0.4em;
z-index: 2;
color: #444;
padding: 1em;
box-shadow: 2px 4px 15px 0 rgba(0, 0, 0, .3);
display: none;
}
&:hover .msg > span {
/*display: block;*/
}
.button {
display: none;
}
}
.bd-place #map, .bd-metadata #map {
height: var(--nav-map-height);
}
/* slider */
#zoom__thumbSlider {
position: absolute;
bottom: 0;
height: 140px;
}
#zoom__thumbSlider__bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: black;
opacity: 0.4;
overflow: hidden;
}
#zoom__thumbToggler.classic {
padding: 0;
opacity: .4;
background-color: black;
border-radius: 4px 4px 0 0 !important;
display: block;
text-align: center;
height: 44px;
}
#zoom__thumbSlider>.centered-abs.classic {
margin-top: -4px;
}
#zoom__thumbToggler.classic {
transition: all 300ms;
}
#zoom__thumbToggler.classic a:before {
content: var(--icon-ellipsis);
font-size: 2rem;
color: white;
cursor: pointer;
}
#zoom__thumbToggler.classic a>span {
display: none;
}
#zoom__thumbSlider>.centered-abs {
font-size: 14px;
position: absolute;
left: 50%;
transform: translate(-50%, calc(-1 * var(--thumbToggler-height)));
display: flex;
gap: 3px;
box-shadow: 0px 0px 1px #0004;
}
#zoom__pagetextToggler,
#zoom__thumbToggler,
.zoom-naviControls {
height: var(--thumbToggler-height);
display: flex;
align-items: center;
background-color: white;
}
.zoom-naviControls {
min-width: 9em;
margin-left: -3px;
/* neutr gap, melt with prev */
}
#zoom__pagetextToggler,
#zoom__thumbToggler,
.zoom-naviControls {
padding: 0 20px;
}
#zoom__thumbToggler>*:before,
#zoom__pagetextToggler>*:before {
vertical-align: middle;
content: '';
display: inline-block;
width: 44px;
height: 44px;
opacity: .4;
}
#zoom__thumbToggler>*:before {
background: url('/https/www.e-rara.ch/zuz/domainimage/svg/icon-thumbslider.svg') 50% 50% no-repeat;
}
#zoom__pagetextToggler>*:before {
background: url('/https/www.e-rara.ch/zuz/domainimage/svg/icon_transcription.svg') 50% 50% no-repeat;
}
@media (max-width: 762px) {
#zoom__pagetextToggler span,
#zoom__thumbToggler span {
display: none;
}
}
.bd-portal-pagetext #map .ol-zoom {
right: initial;
left: 0;
bottom: 0;
}
.bd-portal-pagetext .vl-pageview-controls {
right: initial;
left: 0;
}
.bd-portal-pagetext .ol-scale-line {
left: 49px;
}
.bd-portal-pagetext #map .ol-zoom {
top: initial;
bottom: 0;
}
.bd-portal-pagetext .ol-zoomslider {
display: none;
}
#zoom__thumbToggler>a {
cursor: pointer;
}
#zoom__thumbToggler .show,
#zoom__thumbToggler.active .hide {
display: inline;
}
#zoom__thumbToggler .hide,
#zoom__thumbToggler.active .show {
display: none;
}
#zoom__pagetextToggler>*,
#zoom__thumbToggler>* {
white-space: nowrap;
}
/* pageview and zoom likePageview */
a.singlePageImageLink,
.prevNext.likePageview>.zoom__nav {
display: inline-block;
position: absolute;
width: min(25%, 300px);
/* cf. #singlePageImage border 1px */
height: calc(100% - 2px);
text-align: center;
color: rgba(255, 255, 255, .5) !important;
background-color: transparent !important;
}
@media(max-width: 600px) {
a.singlePageImageLink,
.prevNext.likePageview>.zoom__nav {
width: 17%;
}
}
a.singlePageImageLink:hover,
.prevNext.likePageview>.zoom__nav:hover {
text-decoration: none;
background-color: transparent !important;
}
.singlePageImageLink#prevPageLink,
.prevNext.likePageview #zoom__navPrev {
left: 0;
}
.singlePageImageLink#nextPageLink,
.prevNext.likePageview #zoom__navNext {
right: 0;
}
.singlePageImageLink .markLink.visible {
opacity: .2
}
.markLink {
position: absolute;
bottom: 0;
top: 0;
width: 1.5em;
display: none;
background-color: rgba(0, 0, 0, 0.2);
font-size: 3em;
}
.markLink#prevPageMark {
left: 0;
}
.markLink#nextPageMark {
right: 0;
}
.markLink>span {
position: absolute;
top: 144px;
}
.markLink#prevPageMark>span:before {
margin-left: -.45em;
content: var(--icon-chevron-left);
}
.markLink#nextPageMark span:before {
margin-left: -.25em;
content: var(--icon-chevron-right);
}
/* zoom likePageview */
.prevNext.likePageview>.zoom__nav {
z-index: 1;
cursor: pointer;
border: 0;
}
/* zoom classic */
.prevNext.classic {
#zoom__navPrev,
#zoom__navNext {
position: absolute;
z-index: 1;
height: 1.1em;
width: 1em;
border: 0;
background: transparent;
font-size: 3em;
cursor: pointer;
opacity: 0.5;
color: black;
padding: 0.4em 1.6em 1.3em 0.6em;
}
#zoom__navPrev {
left: 0;
}
#zoom__navNext {
right: 0;
}
#zoom__navPrev:hover,
#zoom__navNext:hover {
opacity: 0.7;
}
#zoom__navPrev,
#zoom__navNext {
top: 50%;
}
}
/* thumb */
#zoom__thumbNavPrev,
#zoom__thumbNavNext {
position: absolute;
top: 38%;
height: 1.1em;
width: 1em;
border: 0;
background: transparent;
font-size: 2em;
cursor: pointer;
opacity: 0.5;
color: black;
}
#zoom__thumbNavPrev {
left: 0;
}
#zoom__thumbNavNext {
right: 0;
}
#zoom__thumbNavPrev:hover,
#zoom__thumbNavNext:hover {
opacity: 0.7;
}
#map .ol-zoomslider {
height: 100px;
}
.bd-zoomFullscreen main nav,
.bd-zoomFullscreen main section,
.bd-zoomFullscreen #centerParts nav.navPort {
display: none !important;
margin: 0 !important;
height: 0 !important;
}
.bd-zoomFullscreen .colmain {
padding: 0 !important;
}
.bd-zoomFullscreen #centerParts>main {
max-width: initial;
padding: 0;
border: 0;
margin: 0;
}
.bd-zoomFullscreen #map {
border: 0;
}
.bd-zoomFullscreen #searchTheBook.searchTheBook-zoom {
display: none;
}
.bd-zoomFullscreen #searchTheBook.searchTheBook-zoom:hover {
opacity: 1;
}
}
img.tabicon {
display: inline-block;
height: 1em;
margin-right: .5em;
margin-bottom: -0.15em;
}
/* nps */
@media all {
/* this must have lower or same specificity than (domain css') */
.datacol .nav>li.cols {
display: table;
width: 100%;
}
.datacol .nav .licenseTerms li {
display: list-item;
}
/* .datacol .nav > li.cols > *:first-child
exchange .datacol for .cols
*/
.datacol .nav>li.cols>* {
display: table-cell;
}
.nav>li.cols>*:first-child {
width: 30%;
padding-right: 1em;
overflow: hidden;
text-overflow: ellipsis;
}
/* add paddings - only with columns == cfg titleInfoGridStyle could omit metadata with .titleAdd */
.nav>li>*:first-child {
/*padding-left: 4px;*/
padding-right: 1em;
}
/* not for titleInfo.rows titleInfoGridStyle */
.titleInfo.rows .nav>li>*:first-child {
padding-left: 0;
}
@media (max-width: 600px) {
/* remove table columns from ^^ li.cols {
display: table; */
.subheader,
.titleAdd,
.datacol .nav>li.cols>* {
display: block;
hyphens: auto;
}
.titleAdd a,
.cols a {
word-break: break-all;
}
.nav>li.cols>*:first-child {
width: 100%;
color: #777;
font-size: .9375em;
padding: 0;
margin-top: .5em;
}
}
}
.titleInfo.rows .nav>li>*:not(a) {
width: initial;
display: block;
}
.datacol .value {
line-height: 1.5em
}
.titleAdd.rows>ul {
padding-top: .5em;
}
.nps-details.datacol {
display: flex;
flex-direction: column;
}
.nps-details+.source-notice {
border-top: 1px solid #ddd9;
font-size: .65em;
color: #777;
text-align: right;
margin-bottom: 2em;
}
.nps-details .source-notice a {
color: #777;
}
.details-header {
margin-bottom: 1em;
}
.placeDetails .details-header {
margin-bottom: 0;
}
.placeDetails .data {
margin-top: 1em;
}
.placeDetails .map
/* .placedata */
{
margin-top: 1.5em;
}
.nameDetails .data {}
var {
display: none;
}
/* start main */
main {
/*height:100%;*/
}
hr {
border: 0;
border-bottom: 1px solid #666;
}
/* favs */
.rem-fav {
position: absolute;
right: 0;
top: 0;
}
.wr-img.relative {
position: relative;
}
/* flexslider */
@media {
.flexslider {
border: 0 !important;
width: 100%;
max-width: var(--inner-width);
}
.carousel.flexslider {}
.slider.flexslider {}
.imagelocs.flexslider {}
.titleinfoOtherTypeRelated.flexslider {}
.carousel.flexslider .flex-caption {
flex-basis: 4.2em;
/* should amout to 2 lines clamped plus insertdate see ff. */
}
.carousel.flexslider .flex-caption .title {
margin-top: var(--spacing-1);
hyphens: auto;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.vls-list .miniTitleinfo a.title {
display: -webkit-box;
-webkit-line-clamp: 4;
min-width: 65%;
-webkit-box-orient: vertical;
overflow: hidden;
}
.carousel.flexslider .flex-caption .insertdate {
font-size: var(--body-secondary-fontSize);
margin-top: var(--spacing-05);
color: var(--body-font-color);
}
.carousel.flexslider ul {
display: flex;
flex-wrap: wrap;
}
.releaseHistory.carousel .thumb.fulltextInfo .info {
display: none;
}
.carousel.flexslider a.thumb {
display: flex;
}
.carousel.flexslider ul>li {
display: flex !important;
align-items: center;
}
.carousel.flexslider a.thumb {
flex-direction: column;
flex: 1;
display: flex;
}
.flexslider .wr-img {
flex: 1;
display: flex;
align-items: center;
}
.flexslider .wr-img img {
width: 100%;
}
.slider.flexslider .flex-caption,
.slider.flexslider .thumb img {
background-color: rgba(0, 0, 0, .1);
}
.slider.flexslider .flex-caption,
.widget.showcase .legend {
width: 100%;
padding: 2% 4%;
font-size: 14px;
}
.flex-direction-nav a {
text-decoration: none;
display: block;
width: 40px;
height: 40px;
margin: -20px 0 0;
position: absolute;
top: 50%;
overflow: hidden;
opacity: .7;
cursor: pointer;
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
font-size: 40px;
display: inline-block;
color: rgba(0, 0, 0, 0.8);
}
.flex-direction-nav a.flex-prev:before {
content: var(--icon-chevron-left);
}
.flex-direction-nav a.flex-next:before {
content: var(--icon-chevron-right);
}
.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next {
opacity: 0.4;
}
.flex-direction-nav .flex-prev {
left: -10px;
}
.flex-direction-nav .flex-next {
right: -10px;
text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
opacity: 0.7;
left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
opacity: 0.7;
right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
opacity: 1;
}
.flex-direction-nav .flex-disabled {
opacity: 0;
filter: alpha(opacity=0);
cursor: default;
z-index: -1;
}
}
/* disclaimer */
@media {
#disclaimerCookie {
overflow: auto;
overflow-y: scroll;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.75);
}
#disclaimerCookie>div {
background-color: white;
font-size: 14px;
line-height: 1.5em;
padding: 2.6em;
}
#disclaimerCookie>div {
border-bottom: 2px solid #777;
/*box-shadow: 0px 12px 30px 0px #666;*/
}
#disclaimerCookie h1 {
padding-bottom: 1em;
margin-bottom: 1.2em
}
#disclaimerCookie form {
text-align: right;
font-weight: bold;
padding-top: 1.5em;
}
#disclaimerCookie input[checkbox] {
transform: scale(2);
margin-right: 1em;
}
#disclaimerCookie hr {
border-bottom: 1px solid #aaa;
}
#disclaimerCookie label {
display: block;
}
#disclaimerCookie button {
margin-top: 1em;
color: #333;
background-color: white;
border-color: #ccc;
font-size: 1.1em;
padding: 0.15em 0.4em;
}
#disclaimerCookieSmall {
position: fixed;
right: 0;
bottom: 0;
left: 0;
min-height: 60px;
padding: 10px 20px;
background-color: rgba(0, 0, 0, 0.75);
color: white;
}
#disclaimerCookieSmall span {
white-space: nowrap;
}
#disclaimerCookieSmall a {
color: white;
}
#disclaimerCookieSmall button {
margin: 0 15px 0 15px;
background-color: hsla(180, 45%, 45%, 1);
border: 0px;
border-radius: 2px;
}
#disclaimerCookieSmall a {
text-decoration: underline;
}
}
/* disqus */
@media {
#disqus_thread {
margin-top: 2em;
border-top: 2px solid #eee;
display: none;
}
#disqusUsage {
float: right;
position: relative;
}
#disqusUsage>div {
display: none;
background-color: white;
overflow: auto;
width: 50em;
height: 30em;
position: absolute;
border: 5px solid #ddd;
bottom: 1.6em;
right: 0;
padding: 2em 1.3em;
}
#disqusNotice {
display: inline-block;
margin: 12px 1em 0 3em;
}
#disqusNotice>span {
cursor: pointer;
font-size: .9em;
border: 1px solid #aaa;
border-radius: 2px;
padding: .25em .4em;
}
#disqusTitle {}
#disqusLoader {
display: inline-block;
margin-right: 15px;
padding: 12px 0;
cursor: pointer;
font-family: 'Helvetica Neue', arial, sans-serif;
font-size: 15px;
font-weight: bold;
color: #778188;
}
}
.vlext.image-with-label {
display: inline-block;
margin-bottom: 2em;
border: 1px solid #ccc;
background-color: #f9f9f9;
text-align: center;
overflow: hidden;
}
.vlext.image-with-label .label {
padding: 3px;
font-size: 70%;
text-align: left;
}
.bd-admin-databaseInfo .vlsTable td:nth-child(2) {
word-break: break-word;
}
.read-more-gradient {
position: relative;
margin-top: -7rem;
height: 7rem;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
/* IE6-9 */
}
.read-more {
cursor: pointer;
display: inline-block;
border-bottom: 1px solid #ccc;
padding: 1px 64px 1px 4px;
font-style: italic;
font-size: 1.125rem;
margin-bottom: 2em;
}
.read-more .icon {
font-size: .9em;
display: inline-block;
margin-right: 0.4em;
}
.read-more .msg.less {
display: inline-block;
margin-top: 2em;
}
.read-more .icon.iconup {
transform: scaleY(-1);
}
.inventoryNav .space+#inv-inventories {
margin-top: 1.5em;
}
/* bootstrap */
.dropdown,
.dropup {
position: relative;
display: inline-block;
}
.dropdown-toggle {
cursor: pointer;
}
.dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent;
}
.dropdown-menu {
position: absolute;
left: 0;
z-index: 39;
display: none;
float: left;
padding: 0 0 .35em;
margin: .125em 0 0;
background-color: #fff;
border-left: 1px solid #999;
}
.dropdown-item {
display: block;
padding: .35em .5em 0;
text-align: inherit;
white-space: nowrap;
}
@media (max-width: 1824px) {
.dashitem {
width: 75%;
}
}
@media (max-width: 1600px) {
.dashitem {
width: 90%;
}
}
@media (max-width: 1440px) {
.dashitem {
width: 95%;
}
}
@media (max-width: 1200px) {
.dashitem {
width: 100%;
}
}
@media (max-width: 780px) {
#imageGrid>* {
flex-basis: 100%;
}
.pt-txt>* {
padding-right: 0;
}
.focusControl>* {
margin-left: -32px;
}
.focusControl .btn.up {
border-radius: 50% 0 0;
}
.focusControl .btn.down {
border-radius: 0 0 0 50%;
}
}
/* from server/static/css/main.css */
:root {
--inputfont: inherit;
--unreleased-bg: #ffeaff;
}
body {
font-size:14px;
}
.bd-zoomFullscreen table#cont {
overflow: hidden;
margin:0 !important;
width:100% !important;
}
.bd-zoomFullscreen main .middleContent {
padding:0;
border:0;
margin:0;
}
.zeroresultMsg {
line-height:1.5em;
margin-bottom:1em;
}
/* wiki general */
.wiki .align-center {
text-align: center
}
.wiki .align-right {
text-align: right
}
.wiki-left p, .wiki-bottom p {
padding:0;
margin:0;
}
.wiki-center.vl-widget ol, .wiki-center.vl-widget ul {
padding:0;
margin:0;
}
.wiki-center > ol, .wiki-center > ul {
padding-left:20px;
margin-bottom:1em;
}
/* above: this interferes with releaseHistory or allDocuments parts (containing listNavigation), that are declared in (home) wikis
below: fix this */
.wiki .listNavigation ul.menue {
padding-left:0;
}
.wiki .vls-list {
padding-left:0;
}
/* employing on a struct-id wiki */
.wiki ul#classificationChildList {
padding-left:4px;
margin-bottom:1em;
}
ul.cCat .list {
background-image:url(/https/www.e-rara.ch/static/graphics/listicons/icoCat.png);
}
/* searchresult-types */
ul.structure .list,
.titleChild-struct .list {
background-image:url(/https/www.e-rara.ch/static/graphics/listicons/icoChrono.png);
}
li.title .list {
background-image:url(/https/www.e-rara.ch/static/graphics/listicons/icoTitle.png);
}
/* Double underline extension. */
.wiki u.double {
/* Edge lacks it text-decoration-style: double;*/
border-bottom: 1px solid #000;
}
/* wiki */
/*wiki-info */
.formWikidata {
padding:1em 0;
}
/* various */
.vl-pageview-controls .searchterm {
background-color: rgba(255, 255, 255, 0.35);
}
p.indent {
margin-left:2em;
text-indent:-2em;
margin-bottom:.7em;
line-height:1em;
}
.bold {
font-weight:bold;
}
.uppercase {
text-transform:uppercase;
}
a {
outline:0;
}
/* searchTheBook */
.td-searchTheBook {
white-space: nowrap;
}
/*this is applied on pageview*/
#menuSearchTheBook {
margin-bottom:5px;
}
#menuSearchTheBook #inputSearchTheBook {
width:auto;
}
/*this is applied on titleinfo*/
.searchTheBook {
float:right;
margin-left:4em;
} .listNavigation .searchTheBook-search {
margin-left:0;
} .listNavigation .searchTheBook-search form {
display: flex;
}
.bd-tableLayout .navPort .searchTheBook {
margin: 0 1em;
align-self: center;
}
.searchTheBook-pageview {
}
.searchTheBook-metadata {
}
.searchTheBook-structure {
}
.searchTheBook-titleinfo {
}
#searchTheBook.ly-page-fragments {
margin-left:0;
float: none;
}
#inputSearchTheBook {
width:auto;
}
#submitSearchTheBook {
width:28px;
width:32px;
}
/* end searchTheBook */
/*linkDetailedsearch*/
/*quicksearch */
button#quicksearchSubmit {
background: transparent;
padding:0 .5em;
border:0;
}
.searchglass {
background: transparent;
}
.searchglass:before {
content: var(--icon-search);
font-family: var(--icon-fontFamily);
}
input.disabled#quicksearch {
opacity: 0.5;
}
input[type='text'] {
font-family: var(--inputfont);
}
input[placeholder] {}
/*this is css for image buttons*/
input.imageButton {
cursor:pointer;
font-size:0px;
color:transparent;
background-color:transparent;
border:0;
padding:0 2px;
}
form.searchform {
display:inline;
}
#quicksearchWrapper {
display: inline-block;
}
#linkDetailedsearchWrapper {
text-align:right;
margin:0 5px
}
.wiki .mainsearch {
display:block;
}
/* align form and following detailsearch link*/
#defaultTop .mainsearch {
vertical-align:middle;
margin:0 1.3em;
display: inline-block
}
.colmain #mainsearch {
margin-bottom:1em;
}
#mainsearch {
border:1px solid #ccc;
border-radius:1px;
}
#mainsearch td {
padding:0;
vertical-align:middle;
}
#mainsearch input {
font-family:Arial,sans-serif;
border:0 none;
}
#mainsearch input.text {
width:400px;
font-size:16px;
padding:3px;
outline: none;
}
#mainsearch input.submit {
background-color: transparent;
border-left:1px solid #ddd;
width:60px;
font-size:15px;
}
#mainsearch td.ms-submit.text {
background:transparent url(/https/www.e-rara.ch/domainresource/static/graphics/bgSubmit.gif) repeat-x scroll 0 0;
background-size: cover;
}
#mainsearch td.ms-submit.image {
width:34px;
text-align: center;
}
#mainsearch input.imageButton {
width:26px;
height:21px;
background: transparent url(/https/www.e-rara.ch/static/graphics/searchglass-2.png) no-repeat;
border:0;
}
/*#mainsearch td.space-to-options {
width:1em;
border-left: 1px solid #ccc;}*/
#mainsearch td.options {
border-left: 1px solid #ccc;
min-width: 10em;
}
#mainsearch td.options a {
color:#333;
padding:.5em 1em;
}
/* end search */
/* tab pages */
#pagesbar {
height:30px;
background-color:#ddd;
position:absolute;
top:0;left:0;right:0;
z-index: 10;
}
#pagesbar .controls {
float:right;
}
#pagesbar #navPath {
display:inline;
}
/* end tab pages */
/* extraTabs */
#navPort #extraTabs {
float:right;
}
#navPort #extraTabs.breadcrumbs, #navPort #extraTabsLeft {
float:left;
}
/*moodle*/
.indexControls select.change {
margin-right:0;
}
/* pageview - - #navPort .controls */
.naviControls, .resizeControls, .rotateControls, .debugControls, div#fullScr {
margin-left:15px;
padding-top:1px;
}
.zoom-naviControls .naviControls {
margin: 0;
padding: 0;
}
.topNav, .bottomNav {
float: none;
margin: 0;
padding: 0;
}
.paginglink span {
color: #555;
opacity: .5;
}
.paginglink span:after, .toggleMode.s:after {
opacity: .25;
}
#leaveContext {
position:absolute;
right:4px;
top:-23px
}
#leaveContext a {
background-position:0 -342px;
width: 19px;
height: 20px;
background-image: url(/https/www.e-rara.ch/static/graphics/ctrl/navi_19.png);
display: inline-block
}
#leaveContext a:hover {
text-decoration:none;
}
a#scrollTop {
position: fixed;
font-size: 1.75rem;
display: flex;
flex-direction: column;
align-items: center;
right: 1em;
bottom: 1em;
border: 0;
}
a#scrollTop:before {
padding: .4em;
border-radius: 5em;
background-color: #f6f6f6;
content: var(--icon-chevron-big-up);
}
a#scrollTop .label {
display: none;
min-width: max-content;
font-size: 1rem;
font-family: var(--body-font);
}
.titlenaviControls {
float:right;
}
.goZoomControl {
}
.drop {
margin:auto .2em;
}
#sortByDropdown, #maxDropdown, #sortOrderDropdown {
}
.listNavigation #sortByDropdown {
width:100%;
}
/* mainheaderNaviBox */
#mainheaderNaviBox {
padding:0;
}
#mainheaderNaviBox-after.mainheader {
font-size: 1em;
clear: left;
margin-top: -1em;
margin-bottom: 1em ;
}
#mainnaviSortBox, #mainnaviControls, #mainnaviMax {
}
.mainnaviElement {
display:inline-block;
vertical-align:top;
margin:0 .3em .3em 0;
min-width:13em;
}
#mainheaderNaviBox > div:last-of-type {
margin-right:0;
}
#mainnaviControls .naviControls {
margin:0;
padding-top:0;
}
#mainnaviControls .nodrop {
font-weight:normal;
}
.mainnaviCaption {
font-weight:normal;
font-size:11px;
}
.mainnaviElement select {
width:10em;
}
#mainnaviControls.mainnaviElement select {
margin: 0;
width:auto;
}
/* end mainheaderNaviBox */
/* PORTAL BREADCRUMBS */
.portalBreadcrumbs {
border-bottom:1px dotted #999;
/*do not employ margin bottom as affects listNavigation position*/
margin-bottom: 0;
}
.portalBreadcrumbs.noListNavigation-margin {
/*margin-bottom: 1em;*/
}
#navPort .portalBreadcrumbs {
border:0 none;
}
.portalBreadcrumbs .item {
}
.portalBreadcrumbs .item:first-child {
padding-left:0;
background:none;
}
.breadcrumbNext {
padding:0 2px;
}
.breadcrumbNext + .breadcrumbNext {
display: none;
}
/*MAIN CONTENT*/
#cont, #main {}
#rowTop td, #topParts {}
#rowBottom td, #bottomParts {}
#rowMiddle td, #middleParts {}
.colleft, #leftParts { margin:0 auto }
.colmain, #centerParts {}
.colleft, .colmain, .colright, .leftcol, .maincol, .rightcol {
padding-top:15px;
padding-bottom:1em;
}
/* use these in order to define widths */
#leftContent {}
#rightContent {}
.colmain, .maincol {
padding-left:15px;
padding-right:15px;
}
.colleft, .leftcol {
padding-left:10px;
}
.colright, .rightcol {
padding-right:10px;
}
/* headers */
h4.menuheader {
font-weight:normal;
font-size:1em;
margin:0;
}
.menuheader, .mainheader, .subheader {
padding:.3em .4em .2em 2px;
}
li.heading .subheader, #titleInfoMetadata .mainheader {
padding-left:0;
}
.menuheader, .mainheader, .subheader {
font-weight:bold;
color:#555;
}
legend.mainheader {
border:0;
}
.menuheader {
padding-left:.4em;
}
/* menuboxes */
.menubox {
margin:0;
padding:.2em 0;
padding-bottom:.5em;
border:1px solid #f0f0ec;
margin-bottom:15px;
}
.menubox a, .menubox div {
padding-right:.5em;
margin:.5em .5em 0;
word-wrap: break-word;
}
#vls_sourceDataFound {
word-break: break-word;
}
#facetData .menubox a, #facetData .menubox div {
}
.listNavigation.relatedItemListNavigation .menubox a {
}
.menubox a {
display:block;
}
.menubox a.inline {
background: none !important;
padding: 0 !important;
text-decoration:underline;
}
/* menuboxDeliverer */
.menuboxDelivererSeparator {
display:none;
font-size:0px;
border-bottom:1px solid #ccc;
margin:8px 0 3px !important;
}
.menuboxDeliverer .menubox .address {
background-image:url(/https/www.e-rara.ch/static/graphics/hmc.png) !important;
background-repeat:no-repeat !important;
padding-left:24px !important;
margin-left:0px !important;
}
.menuboxDeliverer .menubox .address-home {
background-position: 6px -128px !important;
}
.menuboxDeliverer .menubox .address-email {
background-position: 6px 2px !important;
}
.menuboxDeliverer .address-contact {
background-position: 6px -239px !important;
}
.menuboxDeliverer .address-phone {
background-position: 6px -302px !important;
}
/* menuboxDomainbox */
.menubox a.sel {
font-weight:bold;
}
.menubox a.external {
padding-right:13px;
}
.subheader {
border-bottom:1px solid #ccc;
}
.bd-nav .subheader {
margin-top:1.7em;
margin-bottom:.7em;
}
.bd-nav-inventory .subheader {
margin-top:initial;
}
/* legacy static pages / newfrom */
.header, .newfrom {
color:#666;
font-weight:normal;
} .yearList .header {
color: initial;
}
div.item, .newfrom {
font-size:1em;
}
.newfrom {
margin-top:2em;
margin-bottom:1.25em;
}
.newfrom:first-of-type {
margin-top:0em;
}
/*deprecated*/
div.header {
font-size:1.14em;
}
/*deprecated*/
div.pageResHeader {
color:#666;
}
/* deviant browser-defaults for : any(article,aside etc) h1 { font-size } */
h1 {
font-size:2em;
}
h2 {
font-size:1.5em;
}
/* header margins */
.wiki > article h1:first-of-type, main > h1:first-of-type, table.titleInfo .tdMainheader > h1.mainheader {
margin-top:0;
} /* if margins are required, put these at */ .centerWiki {
}
.mainheader#classificationChildListHeader {
margin-top:1em;
}
.mainheader#structureMainheader, .mainheader#classificationNavPath,
.mainheader#indexNavPath, .mainheader#releaseHistoryHeader {
}
#structWikicontentSeparator {
margin-bottom:1em;
padding:0
}
#structWikicontentSeparator .mainheader {
}
/* header margins end */
#firstLetter:first-letter {
font:1.7em Arial;
color:#666;
}
/* */
.infoDiv-inline {
display:inline-block;
width:30%;
vertical-align:top;
padding:0 1em 1em 0;
margin:0 1em 1em 0;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}
.infoDiv .label {
font-weight:bold;
padding-bottom:.5em;
border-bottom:1px solid #ccc;
}
.miniTitleinfo .bdata > div, .infoDiv > div {
margin-bottom:.5em;
}
.nps-item, .nameItem, .placeItem, .subjectItem {}
.nps-item .nps {}
.nps-item .nps-details {}
.infoDiv .title, .infoDiv .address {
font-size: 1.1em;
}
.nps-item h3 {
margin-bottom: 0;
}
.miniTitleinfo a.title {
font-size: 1.2em;
line-height: 1.2em;
}
.bd-tableLayout .miniTitleinfo > * {
margin-bottom: .35em
}
.miniTitleinfo .subTitle {
}
.miniTitleinfo .author {
}
.miniTitleinfo .physicalDescription {
}
.miniTitleinfo .origin {
}
.miniTitleinfo div.shelfLocator {
}
.mdIndexPages {
}
.wr-plain-search {
background-color: white;
}
.frag.plain-search {
padding: .5em;
border: 3px solid #f8f8f8;
border-top:0;
}
.wr-plain-entity {
margin-top: .65em;
}
.wr-plain-entity:first-of-type {}
.wr-plain-entity {
max-width: 61em;
}
.plain-entity.line {
margin-top:.35em;
}
.frag.plain-entity {
padding: .5em;
border: 3px solid #eee;
border-radius: 6px;
}
.frag a {
display: flex;
position: relative;
}
.frag a.plain-entity {
display: block;
}
.frag a img {
}
.vls-list li a.page {
display:inline;
margin:0;
}
.morepages {
margin-top: 0.5em;
cursor: pointer;
color: #444;
font-weight: normal;
text-transform: none;
font-size: 0.95em;
letter-spacing: 0px;
}
.morepages:before {
display: inline-block;
font-family:Helvetica, Arial;
font-size: 1.1em;
font-weight: bold;
width: 1.4em;
padding-top: 0.05em;
margin-right: 0.45em;
border-radius: 2em;
border: 1.35px solid #89a;
text-align: center;
color: #89a;
}
.morepages a {
color: #444;
}
.showaller:before {
content:'>';
}
.fragtoggler:before {
content:'+';
transform: rotate(45deg);
}
.fragtoggler.open:before {
/*color: #9ab;*/
transform: rotate(0deg);
}
div.inlineLink, ul li > a.inlineLink, #div-titleinfo a.inlineLink {
cursor:pointer;
color:#999;
/* this destroyed justified aligment of paginationcaptions with/out pdf-Link .. margin-right:1em;*/
margin-right:0;
margin-top: -1px;
float:right;
}
ul.pageList li a.inlineLink {
margin-right:0;
}
.paginationcaption {
float:right;
margin-left: 4px;
}
.paginationcaption > .phys {
}
.paginationcaption > .log {
}
.listInfo {
color:#999;
font-size:11px;
}
#titleinfoResources .reslink {
}
.debugPdfActions {
z-index:10;
position:absolute;
display:none;
padding:2px 6px;
margin-top:-1.5em;
border:1px solid #ccc;
background-color:#fff;
right:0;
}
.itemCount {
}
/* classification */
.metaDataCount {
white-space: nowrap;
}
#menuboxFirstCollectionLevel a.collection {
}
#menuboxFirstCollectionLevel a.level-1 {
}
#menuboxFirstCollectionLevel a.level-x {
}
#menuboxFirstCollectionLevel div.toggle {
cursor:pointer;
}
#menuboxFirstCollectionLevel div.toggle img {
background-image:url(/https/www.e-rara.ch/static/graphics/listicons/toggleRight-sw.png);
}
#menuboxFirstCollectionLevel div.toggled img {
background-image:url(/https/www.e-rara.ch/static/graphics/listicons/toggleDown-sw.png);
}
#menuboxFirstCollectionLevel div a {
margin-left:22px;
}
#menuboxFirstCollectionLevel .mdCountAll {
}
#menuboxFirstCollectionLevel .mdCount1st {
}
.msgNoEntries {
}
div.msgEmpty {
margin:2em 4px
}
div.msgEmpty span {
color:#666;
padding:1em;
border:1px solid #ccc;
}
/* structure */
div#structure {
}
/* titleInfo */
#titleinfoImageAdd {}
#div-titleinfo.type_journal_issue {}
#titleinfo td:first-child {
padding-right: 1em;
}
#td-titleInfoImage {
width:306px;
}
#titleinfo {
width:100%;
}
#td-titleInfoMetadata {
width:100%;
}
#titleInfoImage a {
display: block;
}
#titleInfoImage.titleInfoImage-right {
float:right;
}
#titleInfoImage > *.wr {
text-align: center;
}
#titleInfoImage img {
border:1px solid #EEEEEC;
}
.titleInfo td.name, table.nps-details td:first-child {
color:#666;
width:30%;
}
.nps-details {
margin-bottom: 1em;
}
.titleInfo {
margin-bottom: 1em;
padding:0;
width:100%;
}
table.titleInfo .tdMainheader {
padding-bottom:3px;
}
table.titleInfo .tdSubheader {
padding-bottom:1px;
}
table#titleInfoMetadata {
}
tr#titleInfo td, tr.relatedItemTitle td {
padding-top:1em;
}
.bd-oaPeriodical #titleInfoWikiAbstract {
margin-top:2em;
}
table#titleInfoWikiAbstract p, table#titleinfoCustomNotice p {
margin-bottom:.5em;
}
table#titleInfoClassification {}
table#titleInfoLinks {}
#titleInfoLinkActions {}
#I3FViewerLinksOpener {
display: none;
}
table#titleInfoWikiAbstract .wiki .subheader {
margin-bottom: 0.4em;
}
table#titleinfoGoStructure {}
table#titleinfoCustomNotice {}
table#titleInfoTomes {}
table#titleInfoTVolumes {}
table#titleInfoIssues {}
#titleinfoProjectInformation .grantor_subheader {
font-weight: bold;
}
table#titleinfoProjectInformation .grantor_data {
margin-left: 2em;
}
table#titleinfoProjectInformation .grantor_data .name {
font-weight: normal;
}
tr#mods_originInfoEditionElectronicEdition > td {
padding-top:1em;
}
.nps-details {
margin-top: 1.2em;
margin-bottom: 1.5em;
}
.nameDetails .namedata {
}
.namedata .peferredName {
font-size: 1.25em;
}
.lifedata {
margin: .25em 0 0 .075em;
}
.titleAdd > *, .nps-details, .titleInfo td:first-child {
}
.titleInfo td.tdSubheader:first-child {
padding-left: 0;
} td.tdSubheader .subheader {
margin-bottom: .32em;
}
.datacol .nav > li > *,
td.name, td.value, .nps-details td,
td.titleLinks, td.titleLinksLast {
padding-top:.25em;
padding-bottom:.25em;
}
.datacol .nav > li > * > * {
padding-bottom:.25em;
}
.titleAdd li:last-child {
margin-bottom:0;
}
.titleAdd .subheader + * {
padding: .4em 4px 0;
}
.datacol .inventoryNav li > * {
padding: 0;
}
.datacol .inventoryNav li {
margin: .65em 0;
}
.datacol img.list {
padding: 0;
}
.namedata {
padding-top: 0;
}
#div-titleinfo *.value div.subject {
padding: 0;
}
.titleLinks {
position: relative;
}
.titleInfoMetadataChildren .col1, .titleInfoMetadataChildren .col2 {
padding-right:16px;
}
table#titleInfoTableOfContents p {
margin-bottom:.5em;
}
div.titleinfoBox {
margin-left:4px;
}
#titleinfo .value .value {
padding-bottom:.5em;
}
#titleinfo .value .value:last-child {
padding-bottom:0;
}
td.value div.valueDiv {
padding-bottom:0;
}
td.value div.valueDiv-0 {
padding-bottom:0px;
}
td.value div.valueDiv-3 {
padding-bottom:3px;
}
td.titleinfoLinkAction div#networkOpac {
padding-top:.5em;
}
.titleChild a {
display:block;
}
#textData {
width:100%;
margin-top:1em;
}
img.icoTypes {
border:0;
vertical-align:middle;
margin-right:6px;
}
/* navPath */
#navPath {
margin-bottom: 3px;
}
#navPath form, #navPath span, #navPath a, #navPath div {
display:inline-block;
}
.npItem {
color:#666;
}
.waitLoading {
color:#777;
font-size:12.6px;
}
.pageviewStructure-tree {
position:absolute;
display:none;
overflow:auto;
background-color:#fff;
border-radius: 0 3px 3px 0;
border: 1px solid #999;
/*box-shadow: 6px 7px 8px 1px #777;*/
padding:6px 10px;
}
#classificationLevel a, #classificationChildList a, .pageviewStructure-tree li > a {
margin-right:.9em;
}
.struct-list ul {
padding-left: 24px;
}
#domainChildList.vls-list li > a, #navPath .struct-list li > a {
margin-right:0;
display:block;
}
/* set margin-bottom for dropdowns. with long paths these will wrap around */
#navPath select.change, #npSingle {
margin:0 0 4px 0;
}
.npItem {
margin:0 6px;
}
/* #npSingle - old-style: templating.navPath.layout = 'dropdowns' */
#navPath div#npSingle {
background-color:#fff;
padding:0 .25em;
border:1px solid #a8a8a8;
-moz-border-bottom-colors:#f0f0f0;
-moz-border-right-colors:#f0f0f0;
-moz-border-radius:2px 2px 2px 2px;
/*-webkit-border-radius:2px 2px 2px 2px;
border-radius:2px 2px 2px 2px;*/
}
#navPath div#npSingle a {
color:#000;
margin:0;
line-height:15px;
text-decoration:none;
}
#navPath div#npSingle a:active {
background-color:#3399FF;
color:#fff;
}
div.activeDropdown, select.active {
-moz-box-shadow: 0 0 2px 1px #7396DF;
-webkit-box-shadow: 0 0 2px 1px #7396DF;
box-shadow: 0 0 2px 1px #7396DF;
border: 0.1px solid #7396DF\9;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=0, Color='#7396DF')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=0, Color='#7396DF');
}
/* navPathClassification */
.addClassificationNavPath {
}
.addClassificationNavPath > * {
display: inline-block;
}
.addClassificationNavPath > .breadcrumbNext {
padding: 0 .25em;
}
/*bottomNav*/
.bottomNav {
padding-top:2.2em;
justify-content: center;
}
.bottomNav > * > .drop {
text-align: center;
}
/*historySlider*/
ul#thumbList {
padding-left:0 !important;
}
ul#thumbList li {
}
ul.thumbList img {
}
#thumbView, #imageGrid {
/* ul#thumbView has native margin-block-start: 1em */
}
#thumbGrid {
width:100%;
}
table#thumbGrid td {
min-width:0;
border:1px solid #eee;
text-align:center;
padding:6px 6px 0 6px;
}
table#thumbGrid td.spacer {
border:0;
padding:3px;
}
table#thumbGrid td .pagin {
/* display:inline; border-bottom:1px solid #ccc;*/
margin:-1px 0;
border:1px solid transparent;
border-bottom:0;
text-align:center;
color:#666;
font-size:12px;
white-space:nowrap;
}
table#thumbGrid td a img.restricted {
background: #f5f1db url(/https/www.e-rara.ch/static/graphics/error/imageRestricted-thumb.png) 50% 50% no-repeat;
background-size: 100%;
}
table#thumbGrid td a img {
border: 1px solid #eee;
}
table#thumbGrid td.thumb_sel a img {
border:1px dotted red;
}
table#thumbGrid td.thumb_sel div.pagin {
font-weight:bold;
color:#c00;
}
#pages {
position:absolute;
background-color:#ddd;
overflow:auto;
}
/*pageView*/
#imageGrid .relative-holder {
/* editor-ctrls */
display:flex;
position:relative;
}
a#singlePageImageLink {
position:relative;
display:flex;
}
img#singlePageImage.restricted {
background: #f5f1db url(/https/www.e-rara.ch/static/graphics/error/imageRestricted.png) 50% 50% no-repeat;
background-size: 100%;
}
#singlePageImageLink div.restrictedText {
position: absolute;
color: rgb(173, 168, 151);
font-size: 1.9em;
text-align: center;
top: 15%;
}
.markLink {
/* see above line-height:0; */
line-height: initial;
}
.bd-pages-thumbview .colmain {
empty-cells:show;
}
.markTerm {
position:absolute;
background-color: #ff515166;
z-index: 1; /* should be larger than #singlePageImage*/
display:none; /* will be shown after image load */
}
/* detailsearch */
table.sruForm {
border-top:0;
width:100%;
}
.sruForm .sruFormFields {
width:63%;
}
.sruForm .sruFormInfo {
width:33%;
}
.sruFormFields td.sruTerm, td.sruTerm input[type='text'], .sruForm #setDomains select {
width:100%;
}
table.sruForm th {
color:#666;
font-weight:normal;
white-space:nowrap;
padding-top:.4em;
text-align:left;
}
table.sruForm th select {
width:100%;
}
table.sruForm th, table.sruForm fieldset#outputOptions th div {
padding-bottom:4px;
}
table.sruForm td {
vertical-align: top;
}
table.sruForm td.filterOptions {
padding-bottom:1em;
}
.deformFormFieldset fieldset {
margin:0;
padding:0;
border:0;
}
.deformFormFieldset legend {
font-size:16px;
padding:10px 0;
}
.sruForm fieldset,
.deformFormFieldset > ul > li > fieldset {
margin: .7em 4px;
padding: 0 15px 10px 10px;
border:2px solid #ddd;
border-radius: 3px;
}
.sruForm fieldset:nth-child(1) {
margin-top:0;
}
.sruForm legend,
.deformFormFieldset > ul > li > fieldset > legend {
font-size:1.25rem;
color:#333;
padding:10px .3em;
}
.sruForm input.filled {
background-color:#DFEFFF;
}
.sruForm select, .sruForm input {
font-size:1em;
}
input#vlFulltext, input#vlAny {
width:100%;
}
table.sruForm select.sruBool {
min-width:4.4em;
}
.sruForm select.sruIndex {
/*width:10em;*/
}
.sruForm div.sub {
margin-bottom:4px;
font-size:1em;
color:#666;
}
table.sruForm td#tdSubmit {
vertical-align:top;
height:2.5em
}
#outputOptions .submit {
display: none;
}
/* esa detailsearch */
#detailsearchForm .formfield {
width:130px;
}
input.resolving {
width:100%;
font-size:1em;
}
/* splash-Box / purn box ( retained #copyPurn style for backward compatibility ) */
a.showbox, a.hidebox {
cursor:pointer;cursor:hand;
}
div#sbox {
background-color:#fff;
text-transform: none;
font-weight:normal;
font-family:"Helvetica Neue",Arial,sans-serif;
display:none;
position:absolute;
margin-left:-220px;
margin-top:-7px;
width:220px;
border:1px solid #bbb;
border-top:1px solid #ddd;
box-shadow: 3px 3px 16px hsla(0, 0%, 0%, 0.3);
border-radius:0 0 4px 0;
padding:0;
z-index:30;
white-space: normal;
}
div#sbox div#plFrame {
background-color:#fff;
padding:8px;
}
div#sbox div#plFrame {
background-color:#fff;
color:#555;
}
div#sbox div#plFrame > div {
font-size:11px;
padding:3px;
}
div#sbox .sboxHeader {
font-size:11px;
font-weight:bold;
color:#444;
padding: 3px 8px 2px;
background-color:#f6f6f6;
border-bottom: 1px solid #eee;
}
div#sbox input, div#sbox input {
margin:3px 0 0;
width:196px;
}
#extraTabs a.hidebox {
width:14px;
margin:2px 2px 0 0;
font-size: 10px;
padding:0;
text-align:center;
color:#fff;
background-color:#aaa;
background-image:none;
float:right;
border: 0px solid #F8F8F8;
border-radius:4px;
}
#extraTabs a.hidebox:hover {
text-decoration:none;
background-color:#777;
}
/* openlayers / tab zoom */
#map {
background-color: hsl(50, 0%, 97%);
}
.bd-portal-zoom #map {
width: 100%;
}
div.cloud {
text-align: justify;
font-size:1.3em;
}
div.cloud a.cloudItem {
line-height:1.4em;
padding-right:0.4em;
vertical-align:middle;
}
#searchinfo {
display:none;
}
#searchinfo b, #searchinfo strong {
display:block;
padding-bottom:.5em;
}
#searchInfoHeader {
text-align: right;
}
#toggleSearchInfo, .resetSearch {
cursor:pointer;
white-space: nowrap;
}
#toggleSearchInfo img.infoIco {
margin-bottom: -0.4em;
}
.substructureFile {
display:block;
margin-bottom:.3em;
}
.substructureFile:last-child {
margin-bottom: 0;
}
.fulltextsearch .label {
font-weight: bold;
color:#999;
margin-bottom:.3em;
}
#displayLicenseInfo .licenseTerms {
vertical-align: middle;
align-self: center;
}
#displayLicenseInfo .licenseTerms.name img.rsorg {
height: 1.25em;
}
/*.licenseInfo, .wiki-pagetext .no-transcription-yet, .stateInfo */
.infoFly {
color:#999;
font-family:Trebuchet MS,Helvetica,Arial;
font-size:10px;
font-weight:bold;
margin-left:5px;
padding:0 0 1px 0;
display:inline-block;
text-transform:uppercase;
}
/*.licenseInfo*/
.infoFly.licenseInfo {
min-width:170px;
margin-left:2em;
text-indent: -5px;
}
.infoFly.right {
float:right;
}
.infoFly.no-uppercase {
text-transform:none;
}
.fulltextInfo-indicator, .stateInfo-indicator, .licenseInfo-indicator {
margin:-2px 3px 0 0;
display:inline-block;
font-size:1px;
vertical-align:middle;
width:9px;height:9px;
}
.licenseInfo-accessmsg {}
.stateInfo-accessmsg {}
#resetSearchIcon, #resetSessionSearch {
background:transparent url(/https/www.e-rara.ch/static/graphics/deletecell.png) no-repeat;
float:right;
width:16px;
height:16px;
}
#resetSessionSearch {
display:block;
}
#resetSearchIcon {
margin:-34px -16px 0 0;
}
#resetSessionSearch a:hover {
text-decoration:none;
}
#resetSearchText {
color:#666;
float:right;
font-size:10px;
}
/*webkit*/
body:nth-of-type(1) #resetSearchIcon {
margin:-16px -12px 0 0
}
#showSearchInfo, #hideSearchInfo {
border-bottom:1px solid #ccc;
padding-right:4px;
}
#hideSearchInfo {
display:none;
}
#submitSearch {
font-size:1em;
}
#submitSearch {
margin-left:9px;
}
#resetSearch {
}
#alphaIndexSpacer {
font-size:8px
}
#alphaIndexHeader {
border-bottom:1px solid #ccc;
margin:0 0 2px;
}
#alphaIndexHeader #indexDiv {
display:inline;
background-color:#bbc;
color:#fff;
font-weight:bold;
padding:2px 4px 0;
margin:0 4px 0 0;
}
.subjectlist {
}
.nameInfo a {
}
.publisherlist {
}
.distributorlist {
}
.yearList {
border:0;
margin-top:1.6em;
}
.yearList.tabTitleinfo {
margin-top:initial;
}
.yearList-layer {
box-shadow: 6px 6px 16px 0px #999;
margin-top:0em;
position:absolute;
display:none;
background-color:white;
z-index:1;
border: 1px solid #ccc;
padding: 1em;
overflow-y: scroll;
}
.yearList > .century {
font-size:1.2em;
clear:left;
padding-bottom:2rem;
}
.century > .header {
font-weight:bold;
margin-bottom:1em;
font-size:1.2em;
}
.century > span, .century > div.oj {
border-radius:1.5px;
margin: 0.2em 0.2em;
border: 1px solid #ddd;
}
.century > span {
display:inline-block;
}
.century > div.oj {
min-width: 2.1em;
max-width: 34.3em;
}
.century *.avail {
background-color: #f9f9f9;
border-color:#bbb;
}
.century *.avail > a, .century div.oj a.avail {
color: #666;
}
.century *.avail:hover {
background-color: #fff;
border-color:#999;
}
.century *.avail > a:hover, .century *.avail.sel > a,
.century div.oj a.avail:hover, .century div.oj a.avail.sel {
text-decoration:none;
color: #000;
}
.century div.oj a.avail {
border-right:1px solid #ddd;
}
.century > *.avail.sel, .century div.oj a.avail.sel {
background-color: #fff;
}
.century > *.avail.sel {
box-shadow: 0px 0px 7px 0px #bbb;
}
.century > * > * {
display:inline-block;
padding: .2em .4em;
}
.century > span:nth-of-type(10n+1) {
clear:left;
}
.century > span > span {
color:#bbb;
}
.alphaIndexNav {}
.alphaIndexList {
margin:10px 40px 10px 0;
}
form#searchList {
}
form#searchList > div {
border:1px solid #bbb;
height: inherit;
border-radius:1px;
margin-top:.2em;
color: #999;
background-color: white;
display: flex;
align-items: center;
padding: 6px;
}
form#searchList > div > input.textinput {
min-width:100px;
flex: 1;
}
form#searchList input.textinput {
margin-top: 1px;
border:0;
outline:none;
padding:0 2px;
font-size: 1em;
}
form#searchList input.submit, #quicksearchBoxSubmit {
cursor: pointer;
outline:0;
width:19px;
border:0;
background:white url(/https/www.e-rara.ch/static/graphics/searchglass.png) no-repeat -2px -1px;
}
div.modifyDateResult {
margin: 1em 0 0;
padding-bottom:.3em;
text-align:right;
border-bottom:1px solid #ddd;
}
.modifyDateResult#toggleCalendar {}
.modifyDateResult#changeToJournalsVolumesIssues {}
.alphaIndexList .set {
float:none;
vertical-align:middle;
}
/*.alphaIndexList a, .alphaIndexList .noHits */
.alphaIndexList .set > * {
display:inline-block;
float:none;
margin:0 2px 2px 0;
font-family: Segoe UI, Verdana, Helvetica Neue, Arial;
font-size: 1.15em;
font-weight:bold;
white-space:nowrap;
color:#fff;
background-color: #a9acaf;
padding: 0 .633em .083em;
}
.alphaIndexList .noHits {
background-color:#ddd;
}
.alphaIndexList a:hover, .alphaIndexList a.selected {
text-decoration: none;
background-color:#D9AF6C;
}
/* active denotes exactly the requested date/interval */
.alphaIndexList a.active {
background-color:#d69300;
}
.alphaIndexList .set > * {
padding: 0 .633em .083em;
}
.alphaIndexList .set > div.set {
padding-left:2px;
}
.alphaIndexList #aindex-1 {
font-size:1.1em;
}
.alphaIndexList #aindex-2 {
font-size:1em;
}
.alphaIndexList #aindex-3 {
font-size:.9em;
}
.alphaIndexList #aindex-1 {
padding-left:2px;
}
.alphaIndexList #aindex-2 {
padding-left:4px;
}
.alphaIndexList #aindex-3 {
padding-left:6px;
}
.alphaIndexList #aindex-2 > * {
}
.alphaIndexList #aindex-3 > * {
}
.bd-wiki-edit .colmain {
padding-top:10px;
}
nav.navPort {
position: relative;
}
.editfloat {
right: 0;
z-index: 1;position: absolute;
}
#toggleCalendar {
margin-top:-10px;
margin-bottom:10px;
}
#toggleCalendar a {
display: inline-block;
padding: 4px 6px;
border-radius: 3px;
background-color: #bbb;
color: white;
font-weight: bold;
}
.leadingIco, .trailingIco {
vertical-align:baseline;
border:0;
margin-bottom:-.2em;
}
#linkIdentifier {
width:100%;
border-width:0;
padding:0;
font-family:Verdana,Helvetica,Arial;
font-size:1em;
}
div#yourQuerySubheader {
margin-bottom:.5em;
}
/*qa tabs are displayed when logged in */
span#qa.tabgroup {
border-left:1px solid #CCCBD7;
margin-left:2em;
}
span#qa.tabgroup span.viewCtrl {
}
/* pageHits - sessionSearch */
table.metadataTable td {
padding:10px;
}
.list-item {
border-bottom:1px solid #ddd;
}
table.metadataTable td {
border-top:1px solid #ddd;
border-bottom:0px solid #ddd; /* px is overwritten inline */
}
table.metadataTable td.last {
border-bottom:1px solid #ddd;
}
.list-item-last {
border-bottom:0;
}
table.metadataTable td {
empty-cells:show;
}
table.metadataTable td td {
border:0 none;
padding:.2em 0;
}
table.metadataTable td.thumb {
width: 1%;
padding:10px;
padding-left:0;
}
table.metadataTable td.thumb a {
display:flex;
}
.addrow {
width:100%;
margin:10px 10px 10px 10px;
}
/*titleinfo only?*/
.addrow {
flex-basis:100%;
}
td.mdrow-thumb {
width:1%;
}
.mdrow-metadata > * .col {
padding: 1em 1em 0 1em;
}
.more_mds_available > * {
padding: 1em;
}
.mdrow-metadata a.view-all {
color:#999;
text-transform:uppercase;
}
/* assume cfg default */
.mdrow-metadata img {
width:48px;
}
.thumbrow-entity {
display: flex;
flex-wrap: wrap;
}
.thumbrow-entity > *:nth-child(2) {
align-self: start;
padding: 0 2em;
text-align: center;
}
.metadataTable td.thumb img {
max-width: initial;
border:1px solid #ddd;
}
.sessionSearchHeader, .sessionSearchSubheader {
display:inline;
}
.infoFly .hitInfo {
float: none;
display: block;
}
.hitInfo {
float: right;
display: inline-block;
margin-left: 2em;
}
.hitInfo > div:before {
content: '\2190 ';
}
.hitSummary {
border-top:2px solid #eee;
padding-top:7px;
}
.hitSummary .hsMsg {
}
#sessionTimeout {
display:none;
}
#sortKeyLabel {
font-family: Segoe, Helvetica, Arial;
text-transform:uppercase;
font-size:10px;
float:left;
color:#999;
padding-top:2px;
}
#releaseHistoryTotal {
float:right;
margin:3px .7em 0 0;
}
div.wikisnippet {
}
div#linkActions {
}
ul.vlsDropdown {
}
#countTitlesHeader {
}
.listNavigationBox {
}
/* employed in /publisher/list|view|*/
.options-righthand {
float:right;
background-color: #fff;
padding: 0 20px 5px;
border-left: 1px solid #999;
}
.options-righthand-div {
border-radius:2px;
padding: 5px;
}
.options-righthand-div .vlsControl.confirmUpload {
background-color: hsla(72, 55%, 50%, 0.5);
}
.confirmIssueUpload, .finalizedIssueUpload {
min-width: 12em;
border-radius: 4px;
padding: 0.1em 1em;
}
a.inlineLink.confirmIssueUpload {
color: white;
background-color: hsl(72, 60%, 50%);
}
a.inlineLink.finalizedIssueUpload {
background-color: hsl(55, 65%, 90%);
}
a.inlineLink.finalizedIssueUpload:hover {
cursor:text;
}
a.inlineLink.confirmIssueUpload:hover, a.inlineLink.finalizedIssueUpload:hover {
text-decoration:none;
}
.options-righthand-div .vlsControl.confirmUpload {
padding: 0.7em 1em 3em;
margin-top: -2.8em;
margin-left: -1em;
border-radius: 4px;
}
.options-righthand-div .vlsControl.confirmUpload a {
margin-top: 3em;
}
.options-righthand fieldset {
border:1px solid #ddd;
}
.bd-publisher #div-titleinfo {
margin-right: 280px;
}
.bd-publisher .options-righthand-upload {
width: 210px;
}
.bd-publisher .options-righthand-upload-structure {
/* compensate for negative -8em margin-right of a.form-ajax-edit Editieren-Link */
margin-left:110px;
}
.showAvailableFormtypes {
}
.publisherDocuments {
}
.publisherStats {
}
.mainheader-upload {
margin-bottom:1em !important;
}
/* */
#listNavigation {
float:right;
background-color:#fff;
margin-left:20px;
width:auto; /* if the listNavigation-Element should behave like a column,
the margin-right of .listNavigation-margin elements should equal it's width plus left-margin/padding
see below w*/
}
#toggleAllDetails {
float: right;
font-size: 1rem;
cursor:pointer;
}
#searchResultNamesPlaces.listNavigation {
}
.listNavigation-margin {
margin-right:auto
}
#listNavigation.relatedItemListNavigation.oversized {
width: 35%;
}
.listNavigation.relatedItemListNavigation .menubox a {
}
/*
#listNavigation.relatedItemListNavigation.oversized .menubox a {
display: inline-block;
margin-right: 4%;
vertical-align: top;
width: 45%;
}*/
.listNavigation .listNavBox {
}
.listNavigation div#facetDataMainheader {
}
#fdmhead {}
#fdmclear a {
cursor: pointer;
}
.toggleListNavigation .listNavBox#countTitlesHeader {
display:inline-block;
}
.listNavigation .menusection > * {
/* padding-left:3px; */
}
#facetData a.toggle-facetitems {
display: block;
}
#facetData a.sel .itemCount:after {
content: ' | \2A2F\00a0';
}
#facetData a.expand-facetitems:before {
content:'\2193\00a0'
}
#facetData a.reduce-facetitems:before {
content:'\2191\00a0'
}
#facetData .clearFilter {
/*margin-top: -3px; margin-left: 4px;*/
}
.listNavigation .menuheader {
margin-top:1em;
}
.listNavigation .menubox {
margin-bottom:0;
padding:3px;
}
.listNavigation .menubox .itemCount {
margin-left:2px;
}
#facetData .menubox a, #facetData .menubox div {
background-image:none;
padding:0;
margin:1px;
padding-right: 0;
}
#facetData .clearFilter {
display: none;
float:right;
margin-right:-16px;
width:16px;
height:16px;
background:transparent url(/https/www.e-rara.ch/static/graphics/clear.png) left 1px no-repeat;
display:inline-block;
}
#facetData .menubox a.fullFacet{
border-top:1px solid #ccc;
text-transform:uppercase;
font-size:10px;
}
#facetData .menubox a.fullFacet, #facetData .menubox a.fullFacet:visited {
color:#666;
}
#fullFacetList {
margin-left:4px;
}
#fullFacetList div.box {
margin-left:0;
}
#fullFacetList .header {
}
#fullFacetList .box {
}
#fullFacetList .header a#backToFacetResult {
float:right;
font-weight: bold;
}
#fullFacetList .box a {
display: block;
padding: .25em 0;
}
.noImageSupplied-transparency {
background: #B08D3C url('/https/www.e-rara.ch/zuz/domainimage/error/noImageSuppliedThumbTransparent.svg');
aspect-ratio: 1;
}
.transparencygrey {
background-color:#999;
}
a:link.grey, a:visited.grey {
color:#999;
}
/* end keep */
.middleContent {
height:100%;
/*max-width: px;*/
}
#changeSearch {
float:right;
}
.domainBox {
}
.icon-share {
cursor: pointer;
}
.icon-share > span {
display: none;
}
.shariff li a {
min-height: 30px;
padding: 0em 0px;
}
#pageFragments {
}
.pageFragment {
display:block;
margin-bottom:20px;
height:auto;
border:1px solid #DDDDDD;
}
.pageFragment-header {
background-color:#fafafa;
font-size:13px;
margin:0;
padding:5px 10px;
}
.pageFragment-header a {
}
.pageFragment-content {
text-align: center;
}
.pageFragment-content a {
display:block;
}
#pagehitBar {
z-index:9;
position:relative;
display:none;
background-color:#f0f0f0;
}
#pagehitBar span.hit {
position:absolute;
width:14px;
height:2px;
background-color:#66bbe0;
}
#pagehitBar a.aHit {
font-size:1px;
width:14px;
height:6px;
margin-top:-2px;
position:absolute;
display:block;
}
#pagehitBar a.aHit_sel, #pagehitBar a.aHit:hover {
background-color:#fa3;
text-decoration:none;
}
#pagehitBar .bubble {
z-index:101;
background-color:white;
display:none;
position:absolute;
padding:1em .5em .5em;
font-size:12px;
border:1px solid #ddd;
min-width:280px;
color:black;
}
#pagehitBar .bubble:hover {
text-decoration:none;
}
#pagehitBar .bubble a.bHit {
position:absolute;
margin:-5px;
}
#pagehitBar .bubble .pageinfo {
font-weight:bold;
color:#999;
}
#pagehitBar .bubble p {
margin:0 0 .5em;
white-space:nowrap;
font-size:12px;
}
#quickUI {
display:none;
}
#uiSwitcher .viewCtrl a {
cursor:pointer;
}
.widget .legend {
margin:.5em .2em;
display:inline-block;
}
.widget .legend > * {
display:inline-block;
}
.widget .legend p {
margin-bottom:.35em;
display:inline-block;
}
.widget.showcase, .widget.slider, .widget.teaser {
position:relative;
}
.widget.teaser {}
.widget.teaser .item {
}
.widget.teaser img {
margin:.25em 0;
border-top:1px solid #bbb;
border-left:1px solid #bbb;
box-shadow: 3px 2px 6px 0px lightSlateGray;
}
.widget.slider {}
.ellipsis, .widget.carousel .flex-caption {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.widget.carousel .flex-caption {
}
.widget.showcase > .item > a, .widget.domainShowcase a, #titleinfo .shariff {
color: var(--body-font-color);
}
.widget.domainShowcase {
padding: 30px 0 30px;
margin-left: 41px;
margin-right: 41px;
}
.widget.domainShowcase a > img {
width: 100%;
background-position: 0% 50%;
background-size: 70%;
background-repeat: no-repeat;
}
.widget.domainShowcase a:hover {
text-decoration: none;
}
.widget.showcase {
margin-left: auto;
margin-right: auto;
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.widget.showcase a {
text-decoration: none;
}
.widget.showcase > .item {
margin: 0;
position: relative;
}
.widget.showcase .legend {
font-family: var(--body-font-bold);
color: var(--link-color);
font-weight: bold;
height: auto;
padding: 0 14px 10px;
position: absolute;
left: 0;
bottom: 0;
background-color: transparent;
}
.widget.showcase > .item > a img {
background-color: #ccc;
position: relative;
width: 100%;
height: 100%;
background-position: 50%;
background-size: cover;
}
.widget.domainShowcase {
gap: 10px;
justify-content: center;
margin-bottom: 30px !important;
margin-top: 30px !important;
}
.widget.showcase.domainShowcase > .item {
margin: 0 -1px -1px 0;
}
.bd-portal-home .widget.showcase > .item > a {
display: flex;
}
.widget.showcase.domainShowcase > .item .legend {
pointer-events: none;
}
.bd-portal-home .widget.showcase.domainShowcase > .item > a {
display: initial;
}
.widget.domainShowcase > .item > a img {
border: 1px solid #dedede;
background-color: #fff;
}
@media (max-width: 1267px) {
.widget.showcase.domainShowcase > .item:first-child {
margin-left: 0;
}
}
@media (max-width: 1017px) {
.widget.showcase {
max-width: 750px;
}
}
@media (max-width: 767px) {
.widget.showcase {
max-width: 500px;
}
#mobileTop #searchexpert {
display: none;
}
}
.snipletViewWrapper {
}
.widget > .sniplet {
display: inline-block;
margin:2%;
vertical-align: top;
}
.widget > .sniplet img {
background-size: contain;
}
.widget a {
display:flex; /* might not this be dangerous */
flex-direction: column;
}
.widget a:hover {
text-decoration: none;
}
.widget > .sniplet a.chooseRegion {
position:relative;
}
.widget > .sniplet .clickhere {
position:absolute;
top:45%;
left:20%;
width: 70%;
color:white;
font-weight:bold;
text-shadow:1px 1px 3px #999;
}
.widget > .sniplet img.placeholder {
background-color: rgba(176, 196, 222, 1);
}
.widget h2, .widget h3 {
margin:.3em 0 .6em;
}
/*.widget.teaser > div {
border:1px solid #999;
background-color: #fafafa;
display: inline-block;
padding: 1em 1.5em;
}
*/
/* overwrite flexslider.css, overflow horiz scrillbar probs */
.flexslider {
}
@media (max-width: 16384px) {
.flex-control-nav {
display:none;
}
}
.flex-direction-nav .flex-prev {
left: 10px !important;
}
.flex-direction-nav .flex-next {
right: 10px !important;
}
.flex-direction-nav .flex-prev {
left: -0px;
}
.flex-direction-nav .flex-next {
right: -0px;
}
/*.widget.slider .flex-caption or also .history.carousel */
.flexslider .flex-caption {
box-sizing: border-box;
width: 100%;
padding: 2%;
background:rgba(0, 0, 0, .5);
font-size:14px;
}
/* align with cssLayout names places */
ul > li.qs-preview, .vls-list > li.qs-preview {
display:flex;
flex-wrap: wrap;
margin-top: 1.5em;
padding:0;
align-items: center;
}
ul > li.qs-preview > * {
padding-top: 0;
padding-bottom: 0;
}
.qsp-desc, .nps-desc {
flex: 1;
display: flex;
align-items: flex-start;
}
.qsp-more .icon-before:before {
margin-right: 1em;
}
.nps-desc {
flex-direction: column;
}
.qsp-desc {
flex-direction: row;
}
.qsp-desc > *:first-child {
flex: 1;
}
/* same bg for deviating formats in historySlider #thumbList */
.flexslider .flex-caption, .flexslider .thumb img {
background-color: transparent;
}
/*.flexslider .thumb img should be obsolete*/
table.metadataTable td.thumb img,
.vls-list > li > *.thumb img,
.mdrow-thumb img, .flexslider .thumb img {
background-size: 100%;
}
.titleLinks > div.childLink.thumb > a img {
background-size: cover; /* stretch these to height */
}
.titleLinks > div.childLink.thumb > a img,
table.metadataTable td.thumb img,
.vls-list > li > *.thumb img,
.flexslider .thumb img {
background-position-x: 50%;
background-position-y: 50%;
background-repeat: no-repeat;
}
.widget.showcase {}
.widget.showcase > .item {
display:inline-block;
vertical-align:top;
}
.widget.showcase .legend {
background-color: ghostwhite;
margin:0;
padding:.3em 4%;
}
.widget.showcase.snipletView .legend {
}
/* Firefox */
@-moz-document url-prefix() {
}
img.svgInline.left {
margin-right: .5em;
}
img.svgInline.connectors, svg.svgInline.connectors {
height: 1em;
margin-bottom: -0.15em;
display: inline-block;
}
svg.connectors {
border-bottom: 1px solid transparent;
/*border-radius: 0.15em;*/
}
svg.connectors:hover {
/* border-bottom-color: #0630ac; */
/*box-shadow: 0 0 0.75px #0630ac;*/
}
/* svg + transparency */
svg.connectors path {
fill:#0630ac;
opacity:1;
}
svg.connectors.orcid {
height: 1.2em;
}
svg.connectors.orcid path {
fill: #A6CE39;
}
svg.connectors.orcid:hover {
filter: none!important;
}
.transparency {
background-color:#339;
}
.transparency.selected {
background-color:#e61919;
}
@-moz-document url-prefix() {
img:not([src]) {
content:'';
}
}
img.connectors, span.connectors {
display: inline-block;
background-image: url(/https/www.e-rara.ch/static/graphics/connectors/connectors.png);
background-repeat: no-repeat;
}
.bgIco {
/*font-size:4px; display:inline-block;*/
width:16px;
height:16px;
display: inline-block;
}
/* 1st row, buttoncover square */
.opacIco {
background-position: 0 0;
}
.oaiIco {
background-position: -16px 0;
}
.openurlIco {
background-position: -32px 0;
}
.epubIco {
background-position: -128px 0;
}
.pdfIco {
background-position: -48px 0;
}
.zipIco {
background-position: -64px 0;
}
.googleIco {
background-position: -80px 0;
}
.vlmIco {
background-position: -96px 0;
}
.openurlTitleinfoIco {
background-position: -112px 0;
}
.iiifIco {
background-position: -160px 0;
}
/* 2nd row, buttoncover round */
.gbv-peIco { /* GBV Personen-Datenbank */
background-position: 0 -16px;
}
.gbv-ppIco { /* GBV Drucker/Verleger-Datenbank */
background-position: -16px -16px;
}
.dnbIco {
background-position: -32px -16px;
}
.zdbIco {
background-position: -48px -16px;
}
.wpediaIco {
background-position: -64px -16px;
}
.hereIco {
background-position: -144px -16px;
}
.cerlIco {
background-position: -160px -16px;
}
.gettyIco {
background-position: -176px -16px;
}
.downIco {
background-position: -192px -16px;
}
.geonamesIco {
background-position: -80px -16px;
}
.infoIco {
background-position: -96px -16px;
}
.ddcIco {
background-position: -112px -16px;
}
.dnbIco {
background-position: -128px -16px;
}
.listNavigation-margin {
/*set margin-right to width of listNavigation(=facets) in order keep list-width / no float beyond listNav Box */
margin-right:auto;
margin-left:1px;
}
.vls-list-righthand {
/* enshure overwrite any other (right) margin given via domain, eg. .vls-list { margin: */
margin-right: 280px !important;
}
#searchFrags {
background-color: #f8f8f8;
}
#searchFrags .fstruct a:after {
opacity: .75;
content: var(--icon-search);
font-family: var(--icon-fontFamily);
font-size: 1rem;
display: inline-block;
margin-left: .6rem;
}
#searchFrags .npNext {
display: none;
margin-left: .6rem;
}
.fstruct {
padding-left: .6em;
padding-top: .6em;
padding-bottom: .4em;
background-color: #f8f8f8;
}
#mainheaderNaviBox .col-lg-3 {
width: 24%;
}
.vls-list li a:link.grey {
background-color:#777;
}
/*citation as header */
#titleHeader {
padding-left:0;
margin-bottom:.8em;
}
.bd-metadata #titleHeader {
clear: both;
} /* corner-case at content/name etc */
.bd-listnav #titleHeader {
clear: none;
}
/* Volume .bd-oaPeriodical */
.bd-oaPeriodical #titleHeader {
margin-top:1em;
padding-bottom:.5em;
font-size: 1.25em;
font-weight: bold;
}
.pageLoader {
position:absolute;
background-color: white;
color:#777;
font-size:12.6px;
font-family: Arial;
}
#facetData a.toggle-facetitems {
cursor:pointer;
}
#facetData a.toggled-facetitems {
display:none;
}
#searchinfo > .close {
user-select: none;
}
#searchinfo > .close:before {
font-family: var(--icon-fontFamily);
content: var(--icon-close);
}
.filterTitles .toggle, .toggleFacets .toggle {
display:inline-block;
}
.filterTitles .toggle:before, .toggleFacets .toggle:before {
content: var(--icon-filter);
font-family: var(--icon-fontFamily);
display: inline-block;
margin-right: 14px;
}
.button.list-toggler {
}
.vl-mobile-top .toggle.active:before {
}
/*.vl-mobile-top .button.toggle.leftParts:before {
content: var(--icon-menu);
font-family: var(--icon-fontFamily);
}
.vl-mobile-top .button.toggle.listNavigation:before {
content: '\E80f';
font-family: var(--icon-fontFamily);
}*/
.vl-mobile-top .button:before {
width:1.1em;
display:inline-block;
}
.vl-mobile-top .button:after {
margin-left:.7em;
}
/*.vl-mobile-top .button.list-toggler:after, */
.vls-open-Layer:after {
content: var(--icon-chevron-down);
font-family: var(--icon-fontFamily) !important;
}
/*.vl-mobile-top .button.list-toggler.up:after, */
.vls-open-Layer.up:after {
content: var(--icon-chevron-up);
}
.vl-mobile-top .button.list-toggler.up {
}
/*hide togglers desktop > 992px */
.relatedItemListNavigation #facetData a.toggle-facetitems {
display:none;
}
/*show elems totoggle desktop > 992px */
.relatedItemListNavigation #facetData a.toggled-facetitems {
display:block;
}
@media (max-width: 16384px) {
/*.vl-mobile-top {
display:flex;
}*/
.menu-left.toggle {
display:none;
}
}
/* */
@media (max-width: 16384px) {
.relatedItemListNavigation #facetData a.toggle-facetitems {
display:block;
}
.relatedItemListNavigation #facetData a.toggled-facetitems {
display:none;
}
}
#explainResult {
float:right;
border:1px solid #f0f0f0;
border-radius:2px;
font-size:10px;
margin: 0 0 4px 10px;
}
#explainResultHeader {
border-bottom:1px solid #f0f0f0;
padding:2px 8px;
background-color:#fafafa;
}
#explainResultContent {
padding:4px 8px;
}
#logoutButton {
display:inline-block;
}
/* moved from datepicker.css */
.datepicker {
vertical-align: top;
display:inline-block;
margin-right:1.25em;
}
.datepicker {
position: relative;
display: inline-table;
font-size: 1em;
padding: .625em;
font-size: 1em;
border: 1px solid #e0e0e0;
margin-bottom: .625em;
}
.datepicker td {
color:#777;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
padding:0;
}
.datepicker table {
border-collapse:collapse;
}
.datepicker th {
background-color:#fafafa;
}
.datepicker th.month {
color: #333;
font-size: 1.25em;
}
.datepicker th.month a {
cursor:pointer;
}
.datepicker th.month a, div.datepicker th.month span {
color:#000
}
.datepicker th.weekday {
color: #999;
}
.datepicker th.weekday span {
font-weight: normal;
text-align:right;
}
.datepicker th.weekday span:hover {
color:#999;
}
.datepicker a, .datepicker span {
display:block;
padding: 0.2em 0.4em;
border:1px solid transparent;
}
.datepicker a {
color: #fff;
text-decoration: none;
cursor: default;
outline: none;
}
.datepicker a.avail {
background-color: #3C87CA;
}
.datepicker a.avail:hover, .datepicker a.avail.sel {
border:1px solid white;
background-color: #0069A8;
}
#topic-startlinks, #home-startlinks {
float:right;
width:20em;
margin: 0 0 1em 2em;
}
#mods_subject .value > span {
white-space: nowrap;
}
@media (max-width: 768px) {
#mods_subject .value > span {
white-space: initial;
}
}
#mods_subject .subj-sep {}
.mods_name .etal {
}
.mods_name .etal .sep {
content: '';
}
.mods_name .etal .val {
content: '';
}
.clipped-undef {
filter: blur(1.5px) brightness(80%) contrast(150%);
}
.vls-list.gndoQuickSearchPreview {
padding:1em;
margin-bottom:1.5em;
}
.vls-list.gndoQuickSearchPreview .qsp-desc {
margin-right: auto;
}
.gndoQuickSearchPreview td {
vertical-align: middle;
}
.qsp-more {
min-width:13em;
text-align:right;
}
.qsp-icon {
margin: 1em 0 .65em;
text-align: center;
}
.nps-desc > *:nth-child(1) {
margin-bottom:1em;
margin-top:1em;
}
.nps-item {
margin-left: .75em;
}
.nps-desc .mdrow-thumb a, .nps-desc a.entity-thumb {
margin-top:0;
}
.nps-item .nps-details {
margin: .25em .125em;
font-size: .9375em;
}
.nps-item .details {
margin-top:.75em;
}
.morepages {
margin: .5em;
}
.viewCtrl.tabexpansion {
cursor: pointer;
}
.lastNavUrl:before {
display: inline-block;
margin-right: .5em;
font-family: var(--icon-fontFamily);
content: var(--icon-chevron-left);
}
#lastNavUrlLink.hidden {
position:relative;
top:inherit;
left:inherit;
width:auto;
height:auto;
display:block;
visibility:hidden;
}
#lastNavUrlLink span {
display:inline-block;
margin-right: 10px;
}
.vls-button.icon-rss, .vls-button.icon-rss:hover {
color:white;
background-color:orange;
font-size: initial;
line-height: 1.25rem;
}
/*#lastNavUrlLink span:after {
content: '\25C0';
}*/
/*ul#tabExpansion {
display:none;
position:absolute;
width: 25em;
}
ul#tabExpansion li {
display:block;
}
ul#tabExpansion span {
display:inline;
padding:0;
}
*/
@media (max-width: 1280px) {
/*.listNavigation.relatedItemListNavigation.oversized .menubox a {}
.listNavigation.relatedItemListNavigation.oversized {}*/
}
/*firefox
@-moz-document url-prefix() {
select.change, #npSingle {
padding:2px 1px;
}}
*/
/* Chrome
@media screen and (-webkit-min-device-pixel-ratio:0) {
select.change, #npSingle {
padding:1px;
}}
*/
var.vl-imgdims {
display:none;
}
.markTerm {
display:none;
}
.vl-pbuttons a:hover, .vl-btn.toggle.active {
background-color: hsla(0, 0%, 23%, 0.85);
}
#zoom__filterSliders {
padding: .8rem;
display: none;
z-index: 1;
}
#zoom__filterSlidersContent {
display: flex;
flex-direction: row;
}
#zoom__filterSlidersBg {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #000;
opacity: .7;
z-index: -1;
}
#zoom__filterSlidersContent > div {
width: 45px;
text-align: center;
font-size: 14px;
}
#zoom__filterSliders .vls-button {
display: inline-block;
margin: 0 5px;
border: 0;
background: none;
font-size: 16px;
padding:0 !important;
}
#zoom__filterSliders input[type=range] {
height: 5px;
width: 120px;
margin: 60px 0 60px -41px;
transform: rotate(270deg);
-moz-transform: rotate(270deg); /*do same for other browsers if required*/
-webkit-appearance: none;
overflow: visible;
}
#zoom__filterSliders input[type=range]:focus {
outline: none;
}
#zoom__filterSliders input[type=range]::-webkit-slider-runnable-track {
height: 5px;
border: 0;
cursor: pointer;
animate: 0.2s;
background: #fff;
border-radius: 1.3px;
border: 0.2px solid #010101;
}
#zoom__filterSliders input[type=range]::-webkit-slider-thumb {
border: 1px solid #333;
height: 18px;
width: 8px;
background: #eee;
cursor: pointer;
-webkit-appearance: none;
margin-top: -7px;
}
#zoom__filterSliders input[type=range]:focus::-webkit-slider-runnable-track {
background: #ccc;
}
#zoom__filterSliders input[type=range]::-moz-range-track {
height: 5px;
cursor: pointer;
animate: 0.2s;
background: #fff;
border-radius: 1.3px;
border: 0.2px solid #000;
}
#zoom__filterSliders input[type=range]:focus::-moz-range-track {
background: #ccc;
}
#zoom__filterSliders input[type=range]::-moz-range-thumb {
border: 1px solid #333;
border-radius: 0;
height: 18px;
width: 8px;
background: #eee;
cursor: pointer;
margin-top: -7px;
}
#zoom__filterSliders input[type=range]::-ms-track {
height: 6px;
border: 0;
cursor: pointer;
animate: 0.2s;
background: transparent;
border-color: transparent;
border-width: 16px 0;
color: transparent;
}
#zoom__filterSliders input[type=range]::-ms-fill-lower {
background: #fff;
border: 0.2px solid #000;
border-radius: 1.3px;
}
#zoom__filterSliders input[type=range]::-ms-fill-upper {
background: #fff;
border: 0.2px solid #000;
border-radius: 1.3px;
}
#zoom__filterSliders input[type=range]::-ms-thumb {
border: 1px solid #333;
border-radius: 0;
height: 18px;
width: 8px;
background: #eee;
cursor: pointer;
margin-top: 0;
}
#zoom__filterSliders input[type=range]:focus::-ms-fill-lower {
background: #ccc;
}
#zoom__filterSliders input[type=range]:focus::-ms-fill-upper {
background: #ccc;
}
#zoom__rotateClockwise,
#zoom__rotateCounterclockwise {
cursor: pointer;
}
#zoom__filterReset {
cursor: pointer;
}
/* zoom viewer */
.ol-scale-line {
/* moved bg-color to -inner */
background-color: rgba(0, 0, 0, 0)!important;
/* make element larger for more mousemove area
so we dont loose mousemove events on fast drags
*/
border: 50px solid #0000 !important;
cursor: move !important;
margin-bottom: -50px;
margin-left: -50px;
}
.ol-scale-line-inner {
outline: 2px solid rgba(0, 0, 0, 0.5);
}
.ol-control button {
cursor: pointer;
}
.ol-control button, .ol-zoomslider-thumb, .ol-scale-line-inner {
background-color: rgba(0, 0, 0, 0.5)!important;
}
.ol-control button:hover {
background-color: rgba(0, 0, 0, 0.5)!important;
}
button, *[type=submit] {
cursor:pointer;
}
.ol-scale-line, #zoom__thumbToggler {
border-radius: 2px 2px 0 0!important;
}
/* vl-pageview-controls : pageview.controls.modern */
.bd-portal-pageview .vl-pageview-controls {
/*show after singlePageImage loaded*/
display:none;
}
.vl-pageview-controls .toggled {
max-width: 47vw;
}
.vl-pageview-controls * {
color:white;
}
.vl-pageview-controls a {
text-decoration:none !important;
}
.vl-pageview-controls .contents {
display:flex;
float:right;
}
.vl-pageview-controls .contents .vl-pbuttons {
order:2;
background-color: hsla(0, 0%, 23%, 0.85);
user-select: none;
}
.bd-pages-pagetext .vl-pageview-controls .contents .vl-pbuttons {
order: initial;
}
.vl-pageview-controls .contents .totoggle {
order:1;
}
/* #mdContextinfo #zoom__filterSliders vl-webcachesizes */
.vl-pageview-controls .totoggle {
display:none;
background-color: hsla(0, 0%, 23%, 0.85);
}
#mdContextinfo, #vl-webcachesizes {
padding: 0 1rem 0.25em;
}
#mdContextinfo .header {
background-color: hsla(0, 0%, 23%, 0.85);
padding: 0 1rem;
margin:0 -1rem;
}
.vl-pageview-controls .totoggle a:first-child {
margin-left:0;
}
.vl-pageview-controls .totoggle a, .vl-pageview-controls span.mdata {
display:inline-block;
padding: 2px .5rem 1px;
margin: 0 .4rem;
}
.vl-pageview-controls .totoggle a {
background-color:hsla(0, 0%, 44%, 0.85);
color:white;
}
.vl-pageview-controls .totoggle a:hover {
background-color: hsla(0, 0%, 23%, 0.85);
}
/*.vl-pbuttons a:hover, .vl-btn.toggle.active {
cursor:pointer;
}
.vl-pbuttons a:hover {
background-color: hsla(0, 0%, 0%, 1);
}
.vl-btn.toggle.active {
background-color: hsla(0, 45%, 40%, 0.85);
}
.vl-btn.toggle.active:hover {
background-color: hsla(0, 65%, 30%, 0.95);
}*/
#mdContextinfo .title {
font-size:1.2em
}
#mdContextinfo .row > * {
display:inline-block;
}
.vl-pageview-controls .totoggle div.key {
min-width:6.5em;
padding-right:1.5em;
}
.vl-pageview-controls .totoggle div.key > span {
display: inline-block;
/* optional, eg. padding and lighter background-color: hsla(0, 0%, 83%, 0.35);*/
}
.vl-pageview-controls .totoggle .wr-license {
text-align: right;
display:block;
margin-bottom: 1em;
}
.vl-pageview-controls .totoggle a.rsorg.lic-img, .vl-pageview-controls .totoggle a.rsorg.lic-img:hover {
background-color: transparent;
margin: 0;
padding: 0;
}
.vl-pageview-controls .license-img.rsorg {
padding: 4px;
height: 1.75em;
background-color: white;
}
.vl-pageview-controls .license-img.cc {
padding: 4px;
height: 31px;
}
/*.vl-btn.toggle.active {
margin-top: -48px;
}*/
.vl-btn-height {
line-height:48px;
}
.vl-pbuttons .vl-btn {
display: inherit;
width:46px;
line-height:48px;
text-align: center;
color:white;
}
.toggleImageControls {
display:none;
cursor:pointer;
}
/*.vl-pageview-controls .perma.totoggle {
display: block;
}*/
/*++++++++++++++++++++++++*/
.wr-toggleListNavigation {
position:relative;
float:right;
}
#titleinfo .vls-list.inv, .inventoryNav {
border-top:2px solid #eee;
}
.inventoryNavPath {
padding: 1em 0 .5em;
}
.inventoryNavPath .npNext:before {
font-size: .825em;
margin: 0 .3em 0 .6em;
}
#titleinfo .vls-list.inv {
margin-left:.5em;
padding-bottom: 1em;
}
#titleinfo .vls-list.inv li:nth-of-type(even) {
background-color: #f4f4f4;
}
.chooseLanguage .sep:after {
content: ' | '
}
@media (max-width: 700px) {
.vl-pageview-controls .toggled {
max-width: 100vw;
}
}
@media (max-width: 424px) {
body {
hyphens: auto;
}
}
@media (max-width: 414px) {
#zoom__filterSlidersContent > div:nth-of-type(3),
#zoom__filterSlidersContent > div:nth-of-type(4),
#zoom__filterSlidersContent > div:nth-of-type(5) {
display: none;
}
}
.right > .fulltextInfo {
}
.thumb.fulltextInfo + .info {
display: none;
}
#progressBar {
height:6px;
background-color: #ccc;
}
#progressBar #progress {
height:100%;
}
#progress {
transition: width .5s;
background-color: violet;
}
/* formerly styles.css */
#topmenu input, #searchTheBook input, #topmenu button, #searchTheBook button {
font-size: .85em;
}
#topmenu {
text-align:right;
font-size: 1em;
white-space:nowrap;
padding-top: 6px;
padding-right:.5em;
}
#topmenu a.textlink, .topmenu a.textlink {
padding:.2em .5em;
}
#topmenu a.textlink:hover {
text-decoration:underline;
}
/* * */
#searchTheBook .searchform {
display: flex;
}
#searchTheBook #yourBookSearch, .searchTheBook .yourSearchScope {
font-size:10px;
color:#777;
}
/* * */
.chooseLanguage {
border:0;
float:none;
}
.chooseLanguage a {
padding:0 2px;
margin:.2em .25em;
display:inline;
}
.chooseLanguage a.sel:hover {
text-decoration: none;
}
input#quicksearch, input#quicksearchSubmit {
font-family:Verdana;
}
/* * */
a.mail {
background: url(/https/www.e-rara.ch/static/graphics/mail.gif) no-repeat right top;
padding-right: 17px;
}
/* end formerly styles.css */
/* from server/static/css/csslayout.css */
/* start flex */
html, body {
height:100%;
}
#main {
display:flex;
flex-direction: column;
/*in this order */
height: 100%; /* extends height with shorter middle */
min-height: min-content; /* extends (#main / background) properties / scrolling with overflowing content */
}
#topParts {
}
#middleParts {
flex: 1 0 auto; /* in respect of parent #main */
display:flex; /* in respect of #left- and #centerParts children */
align-items: stretch; /* extends #left- and centerParts background-properties */
}
#bottomParts {
}
#centerParts {
flex: 1;
}
.bd-portal-pagetext #centerParts > main, .bd-portal-zoom #centerParts > main {
/* zoom.js initDom abspos thumbSlider left: right: 0 */
margin: 0;
padding: 0;
}
.bd-portal-zoom #centerParts {
margin: 0;
min-height: 500px;
display:flex;
flex-direction: column;
width: 100%;
max-width: 100%;
}
#leftParts { order: 1 }
#centerParts { order: 2 }
#rightParts { order: 3 }
.flex-basis-100 {
flex-basis: 100%;
}
/* end flex */
/* toggle this with #defaultTop */
#mobileTop {
display: none;
}
#mobileTop .main .button {
user-select: none;
}
#mobileTop > .main {
display: flex;
align-items: center;
}
#mobileTop > .main > .topLiner {
flex:1;
}
#mobileTop .topLiner > .vlsControl {
display: flex;
justify-content: flex-end;
}
#topLogo {
margin: 0;
}
#topLogo a {
background-size: contain;
display:inline-block;
}
#mobileTop #topLogo a:hover {
text-decoration: none;
}
#mobileTop > .addbox > * {
display: none;
}
#mobileTop > .addbox > * {
border-radius:8px;
border:1px solid #ccc;
padding: 5px 10px;
background-color: white;
}
#mobileTop > .addbox .contents {
text-align: right;
}
#mobileTop > .addbox .searchbox {
text-align: left;
}
#mobileTop .searchbox form#mobilequickSearchform {
margin-left:0;
display: flex;
gap: 10px;
align-items: center;
position: relative;
}
#mqs-wrap {
display: flex;
flex: 1;
align-self: stretch;
}
#mobileTop .searchbox input {
border:0;
outline: none;
}
#mobileTop .searchbox input.quicksearch {
flex-grow: 1;
}
#mobileTop .searchbox input.imageButton {
font-size: 0;
width: 30px;
background: transparent url(/https/www.e-rara.ch/static/graphics/search.svg) 3px 50% no-repeat;
background-size: 65%;
}
.vl-mobile-top.togglers .button {
user-select: none;
}
.vl-mobile-top .button.contents:before /* hamburger */ {
content: var(--icon-menu);
font-family: var(--icon-fontFamily);
/* do not float out of righthand scope */
display: inline-block;
}
#SRUForm {
display: block;
}
.sruForm .sruFormFields {
width: 100%;
}
.sruForm select {
padding: 2px;
}
#searchinfo.modern {
right:0;
position: absolute;
background-color: white;
}
#searchinfo.modern fieldset {
border: 0;
}
#searchinfo.modern legend {
padding: 1em 0;
font-size:1.25rem;
}
main > .zeroresultMsg {
margin-right:10em;
margin-left:4px;
}
#mobileTop .glassindic {
display: none;
}
button:focus {
outline: 0;
}
.sh-icon {
color: #888;
font-size: 1.125rem;
}
.sh-icon:before {
display: inline-block;
width: 1.1em;
line-height: 1em;
border-radius: 1em;
border: 1px solid #ccc;
text-align: center;
margin-right: 0.25em;
}
.sh-icon:before {
content:'+';
}
.vls-list li.toggled .sh-icon:before, #toggleAllDetails.on .sh-icon:before {
transform: rotate(45deg);
}
#bgTop {
display:none;
}
.listNavigation.day {
display:none;
}
.list-item {
border-bottom:0;
}
body.bd-zoomFullscreen {
margin: 0;
max-width: 100%;
}
.bd-zoomFullscreen #centerParts {
padding: 0 !important;
}
/* native center with cssLayout */
.mdrow-metadata > * {
display: flex;
align-items: flex-start;
}
.mdrow-metadata > * .md-info {
flex: 1;
}
.mdrow-metadata a.view-all {
display: inline-block;
margin-left: 0;
margin-top: 1em;
border: 1px solid #ddd;
padding: .3em 0.6em;
border-radius: 0.3em;
/*box-shadow: 0px 0px 9px 4px white;*/
}
/* assume cfg default */
.mdrow-metadata img {
width:4.8rem;
}
.mdrow-info {
padding: 0.1em .6em;
}
.paginglink, .drop {
float: none;
display: inline-block;
}
span.naviControls > * {
vertical-align: text-top;
}
/* end native center */
main > .vls-list:last-child {
margin-bottom:3em;
}
.vls-list {
padding: 0;
}
.vls-list h3 {
font-weight: normal;
margin-top:0;
}
.md-list > li {
margin-top: 1.5em;
}
.struct-list.structure > li { /*displays list-item;*/
}
.struct-list.cCat > li {
display:block;
}
.hitstructure > li.toggle {
display:block;
}
.struct-list .scap, .struct-list.cCat li > a {
flex: 1;
}
.struct-list .resourceLink {
order: 1;
}
.vls-list > li {
display:flex;
flex-wrap: wrap;
padding:0;
}
#entityPages > li > *:nth-child(2) {
flex: 1;
}
#pageFragments > li > *, #pageFragments > li {
display: block;
}
.mdlist-thumb a {
box-sizing: content-box;
}
.md-list > li > *.miniTitleinfo, .md-list > li > *:nth-child(2), .nps-list > li > *:nth-child(2) {
vertical-align: top;
padding-right: 1em;
flex:1 1 0;
}
.md-list > li > * {
display:inline-block;
padding-top: 1em;
}
.md-list > li > * {
padding-right: 1em;
padding-left: 1em;
}
.vls-list.snipplet > li .snipplets {
/*padding-left: 0;*/
}
.vls-list > li.pageFrags {
padding:1em 1em 0 1em;
}
.vls-list > li.pageFrags > * {
padding:0 ;
}
.vls-list > li#pfTitle {
border-bottom: 1px solid #ddd;
}
.vls-list > li > *.resource {
min-width:6rem;
padding-right: 1rem;
}
.fstruct > .miniTitle {
}
.fstruct > .searchBook {
}
.vls-list > li > *.miniTitleinfo .download > span {
display: inline-block;
vertical-align: bottom;
margin-right: 0.5em;
}
.vls-list > li > *.miniTitleinfo .download .filetype img {
display: block;
}
.vls-list > li.odd {
background-color: #f8f8f8;
}
#searchResult.vls-list > li.odd {
background-color: transparent;
}
#searchResult.vls-list > li {
border-top:4px solid #eee;
}
.hitSummary {
padding-top: 1em;
}
.hitSummary {
margin: 0;
}
.hitstructure.toggle {
padding-top: .5em;
padding-left:0;
}
#pageFragments > li.odd {
background-color: transparent;
}
.vls-list > li > ul.hitstructure li {
margin-left:20px;
}
.vls-list > li > ul.hitstructure li {
margin-left:20px;
}
/* Einzelnes Medienelement */
.csslayout.miniTitleinfo .csslayout.miniTitleinfo-row {
color: #A0A0A0;
font-size: 0.875em;
}
.csslayout.miniTitleinfo .location:after { content: " :"; }
.csslayout.miniTitleinfo .publisher:after { content: ","; }
.mainheader .headertext {
display: inline-block;
}
.mainheader .mobile-countTitles {
display: none;
}
.headerNav {
}
.headerNav .titlesBar, .headerNav .naviBar {
display:flex;
align-items: stretch;
}
.titlesBar > .headertext {
flex: 1;
}
.titlesBar > .filterTitles {
font-weight:normal;
user-select: none;
}
.naviBar > .pagingControls {
flex: 1;
}
.pagingControls > .topNav {
text-align: right;
}
.pagingControls > .topNav > * {
flex: 1;
}
.naviBar > .filterAlpha {
position: relative;
flex: 1;
padding-left: 0;
margin:0;
}
.filterAlpha > ul {
position:absolute;
overflow: hidden;
display: flex;
flex-wrap: nowrap;
align-items: center;
margin:0;
padding: 0;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.filterAlpha li {
margin: 3px;
display: flex;
align-items: center;
border: 2px solid transparent;
}
.filterAlpha li:hover {
text-decoration: none;
}
.filterAlpha li > * {
flex: 1;
padding: 4px 8px;
}
.filterAlpha a {
font-weight:bold;
}
.filterAlpha a.empty {
color:#bbb;
}
.filterAlpha li.active {
border: 2px solid black;
}
.filterAlpha.fasOverlay {
display: flex;
align-items: stretch;
}
.filterAlpha.fasPerma {
display: flex;
align-items: center;
}
.filterAlpha.fasPerma i.disabled {
display: inherit;
}
.filterAlpha.fasPerma > ul#alphas {
margin: 0 4em;
}
.filterAlpha.fasPerma > ul#alphas.sel-d100 {
margin-left: 11em;
}
.filterAlpha.fasPerma i.shift.prev {
position: relative;
}
.filterAlpha.fasPerma > .d100 { /*align-self: normal;*/ }
.filterAlpha.fasPerma > .d100 > div {
display: flex;
align-items: stretch;
}
.filterAlpha.fasPerma > .d100 > div a {
position: relative;
}
/* titleinfo */
#titleinfo {
display:flex;
flex-wrap: wrap;
gap: 2em;
}
#titleinfo > .titleinfoPart-right {
padding: 0 2rem;
}
#titleinfo > * {
flex:1;
}
#titleinfo > *:nth-child(2) {
flex: 1 0 50%;
}
#titleInfoImage.accesswarn, #titleInfoImage.accesswarn > .wr {
position: relative;
}
#titleInfoImage.accesswarn {
overflow: hidden;
}
#titleInfoImage {
margin-bottom: 2em;
}
.titleinfoPart-left {
order:1;
}
#div-titleinfo article + .subheader {
padding-top:1em;
}
.titleinfoPartLayout-float .titleInfoMetadataChildren {
clear:both;
}
#titleinfoImageAdd .copyright {
text-align: right;
font-size: .65em;
color: #777;
text-align: right;
}
/****************/
/****************/
#titleinfo.partLayout-float.titleinfoImage-right {
/* neutralize flex */
display:block;
}
#titleinfo.partLayout-float.titleinfoImage-right .titleInfo ul.nav {
/* if the image floats right, metadata must be narrower in order to fit in lefthand*/
display: table;
width:auto;
}
.datacol.csslayout ul.nav > li {
width: 100%;
}
#div-titleinfo.type_newspaper_series #titleinfo {
/* neutralize flex but for this one */
display:flex;
/* newspaper cildren do not float under the image / behave like cols, if they would, we encounter erroneous floating-rules
depending on the length of the item's text */
}
/****************/
.titleinfoPart-left.titleinfoPartLayout-column {
padding-right:2em;
}
.titleinfoPartLayout-column > *,
.titleinfoPartLayout-float > * {
margin-bottom:2.5em;
}
#mods_locationURL .value {
word-break: break-word;
}
@media (max-width: 760px) {
#socialnetworks {
right: inherit;
left: 100%;
}
#titleInfoImage {
background-color:#eee;
margin-bottom:2.5em;
}
}
#titleinfo ul,
#titleinfo h2,
#titleinfo h3 {
font-weight: normal;
margin: 0;
}
.goTop > .long {}
.goTop > .abbr {
display: none;
}
#div-titleinfo #titleInfoLinkActions, #div-titleinfo #titleInfoClassification {
}
#titleInfoMetadata {
padding-top: 0;
}
#titleInfoMetadata h1.mainheader {
margin-top: 0;
}
#titleInfoMetadata h2 {
padding-bottom: 1em;
}
#titleInfoMetadata h3, #titleInfoMetadata p {
padding: .5em 0;
}
#div-titleinfo .titleInfo > * {
/* nth-child(2) if not more
.titleAdd > ul.nav */
}
#div-titleinfo .titleInfo > *:first-child {
/* .subheader */
}
.titleAdd .subheader + * {
padding-left: 0;
}
@media (max-width: 414px) {
.datacol li {
display: flex;
flex-wrap: wrap;
}
.datacol li > * {
}
}
#titleInfoNewspapers.titleInfo .vlcol {
vertical-align: top;
padding-bottom: 1em;
border-bottom: 4px solid #ccc3;
}
.titleInfoMetadataChildren a.resourceLink:hover {
text-decoration: none;
}
.titleInfoMetadataChildren a.resourceLink > *:hover {
background-color: #fafafa;
text-shadow: 1px 0px 1px #fff;
}
.titleInfoMetadataChildren .resourceLink > * {
border: 1px solid #ddd;
border-radius: 2px;
display:inline-block;
}
a.resourceLink.inlineLink .vls-button {
font-size: 13px;
line-height: 16px;
}
.titleLinks > a.resourceLink.inlineLink .vls-button {
padding: 0.3em 0;
width:5em;
border-color: #ddd;
}
.titleLinks > a.childLink {
min-width: 9em;
}
.titleLinks > a.resourceLink {
margin-left: 1em;
}
.titleInfo .flex-cols {
display: flex;
flex-wrap: wrap;
}
.titleInfo .vlcol {
margin-bottom: .35em;
}
.titleInfo .flex-cols .titleLinks {
margin-right: 3em;
}
.titleLinks > a.childLink > * {
padding: .1em 0;
}
.titleLinks > a.resourceLink > * {
padding: .1em .35em;
}
.titleInfo .vlcol.mdc-xlg-5 {
flex-basis:20%;
}
@media (max-width: 1200px) {
.titleInfo .vlcol.mdc-lg-4 {
flex-basis:25%;
}
}
@media (max-width: 991px) {
.titleInfo .vlcol.mdc-md-3 {
flex-basis:33%;
}
}
@media (max-width: 768px) {
.titleInfo .vlcol.mdc-sm-2 {
flex-basis:50%;
}
}
#navPort i.cap {
font-style: normal;
}
#navPort .abbrTab {
display: none;
}
@media (max-width: 414px) {
.titleInfo .vlcol.mdc-xsm-1 {
flex-basis:100%;
}
#navPort .tab {
display: none;
}
#navPort .abbrTab {
display: inline-block;
}
}
.titleInfo .vlcol .titleLinks {
margin-top: .0em;
/* pdf btn moves down */
align-items: center;
padding:0;
}
/* newspaper-series*/
.titleInfo .onecol .titleLinks {
display:block;
margin-left:0;
}
.titleLinks a, .titleLinks > a {
margin-right:0;
/*flex:1*/
}
/* .thumb */
.titleLinks > div.childLink {
padding:.5em .5em;
}
/*first child of titleLinks if not showThumbs */
.titleLinks > a.resourceLink {
order:2;
}
.titleLinks > a.classic.resourceLink {
flex:0 0 4em;
}
.titleLinks > a.childLink {
order:1;
flex:1;
}
.titleLinks > div.childLink.thumb {
display:flex;
width: 100%;
}
.titleLinks > div.childLink.thumb a .thumb {
display:inline-block;
margin-left:1rem;
}
/* thumb */ .titleLinks > div.childLink.thumb > a {
flex:0;
}
/* having either .no-cols (full-width per item) or .flex-cols */
.no-cols a {
flex: 1;
align-self: stretch;
}
.no-cols .titleLinks > div.childLink.thumb > .cap-resource {
flex:1;
display: flex;
align-self: stretch;
}
/* end having either */
.flex-cols .titleLinks > div.childLink.thumb .cap-resource {
flex:1;
display:flex;
flex-direction:column;
align-items: flex-start;
}
.flex.cols .titleLinks > div.childLink.thumb .cap-resource > * {
float: none;
flex:1;
}
.titleLinks > div.childLink.thumb .cap-resource > a {
margin-right:1rem;
}
.titleLinks > div.childLink.thumb .cap-resource > a.resourceLink .vls-button {
/*display:block;*/
}
.titleChild a.resourceLink {
display:inline-block;
}
.inlineLink .vls-button {
width: auto;
height:auto;
padding: .2em .3em .3em;
font-family: sans-serif !important;
font-size: 1rem;
border-radius: 3px;
}
.inlineLink .vls-button:hover {
background-color: #fafafa;
color: #444;
}
.inlineLink .vls-button:before {
font-family: "fontello" !important;
font-size: 1.25em;
margin: 0.2em .6em 0 .3em;
display: inline-block;
}
/*thumbview */
ul.lst-none {
list-style-type: none;
margin: 0;
padding: 0;
}
ul.lst-none a {
display: block;
}
#thumbView.csslayout {
list-style: none outside none;
padding-left: 0;
display:flex;
align-items: stretch;
flex-wrap: wrap;
}
#thumbView li {
flex: 1;
flex-direction: column;
display:flex;
text-align: center;
padding: .5em;
padding-top: 1em;
margin: 0 0.3em 0.3em 0;
background-color: #f0f0f0;
}
#thumbView li.chooseNumberOfThumbs {
width:128px;
padding:6px;
}
#thumbView li > a {
flex: 1;
display:flex;
flex-direction: column;
align-items: center;
}
#thumbView.csslayout li > a > i {
flex: 1;
}
#thumbView > li.current, #thumbView.csslayout > li:hover {
}
#thumbView img:hover {
transition: transform .25s;
transform:scale(1.025);
}
#thumbView.csslayout .page-nr {
padding: 6px 0 3px;
}
#thumbView.csslayout > li.current .page-nr {
font-weight:bold;
}
.contentsearch:after {
content: ' \2192';
}
/*#totop {
position: fixed;
z-index: 20;
bottom: 80px;
right: 80px;
width: 60px;
height: 60px;
cursor: pointer;
background: url(/https/www.e-rara.ch/zuz/domainimage/nav-bg.jpg) repeat;
border: 1px solid gray;
border-radius: 2px;
display: none;
}
#totop > .arrow {
height: 100%;
background: url("/https/www.e-rara.ch/zuz/domainimage/totop.png") no-repeat center;
}
*/
.bd-flexLayout .mainnaviElement {
margin-left: 0;
margin-right: 0;
}
.bd-portal #listNavigation.layer {
position:absolute;
right:0;
width: 300px;
z-index:2;
}
/* templating.layout.flexLayout */
.listNavigation.right {
float: none;
}
/* templating.layout.useLayout=cssLayout employs