html, body { height:100%; }
body { font-family:"Open Sans",sans-serif; color:#333; font-size:12px;
margin:0; padding:0; width:100%; background:#f7f6f2; letter-spacing: .1px;
overflow-x:hidden; overflow-y:scroll; line-height:1.428571429; overflow-x: hidden;}
#wrapper { height:auto !important; min-height:100%; position:relative; overflow-x: hidden;}
/************************************************
* General *
************************************************/
/* Icon Fonts */
@font-face {
font-family: 'icomoon';
src:url('fonts/icomoon.eot');
src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
url('fonts/icomoon.woff') format('woff'),
url('fonts/icomoon.ttf') format('truetype'),
url('fonts/icomoon.svg#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-facebook:before {
content: "\e600";
}
.icon-feed:before {
content: "\e601";
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, input, select, textarea, button
{ font-family: "Open Sans", sans-serif; }
h1 { margin:0; padding:0; font-size:32px; text-align:left; }
h2 { margin:0; padding:0; font-size:20px; font-weight:400; color:#333; }
img { border:0; max-width:100%; }
.clear { clear:both;height:0;font-size:1px; line-height:0px; }
a { text-decoration:none; }
header ul, footer ul, header li , header ol, #author-info-box ul, #collection-info-box ul,
.accordion-content ul, .accordion-content li, #author-info-box li, #collection-info-box li, #mob-nav ul
{ list-style:none; margin:0; padding:0;}
.news-info-box ul { padding-left:28px; }
input:focus, select:focus, textarea:focus
{ outline:none; }
a:focus, a:hover, a:active
{ outline:none; text-decoration:none; }
.spacer { margin-top:20px; }
input[type="text"], input[type="email"], input[type="search"], input[type="password"] {
-webkit-appearance:initial; /* remove shadow effect in mobile safari input fields */
}
/************************************************
* Header *
************************************************/
header { background:#333; height:43px; position:relative; z-index:1000; background-image:linear-gradient(to bottom, #3C3C3C 0px, #222222 100%);}
#logo { float:left; font-size:normal; margin-top:1px; padding:1px 0 1px 10px; width:165px; height:40px; }
#search-box { margin-top:12px; text-align:right; float:right; }
#search-box input[type="submit"], #mob-search-box input[type="submit"]
{ float:right; background:url(../../img/frontend/search-icon.png) no-repeat center center #818181;
border-radius:10px 0 0 10px;
border-radius:10px 0 0 10px; height:20px; border:0; width:25px; }
#search-box input[type="text"], #mob-search-box input[type="text"]
{ float:right; background:#818181; border-radius:0 10px 10px 0;
border-radius:0 10px 10px 0; height:20px; margin-right:10px; padding:2px 10px 2px 2px;
height:20px; line-height:12px; font-size:10px; color:#fff; font-weight:400; width:190px; border:0; box-shadow:none; }
#mob-search-box input[type="text"], #mob-search-box input[type="submit"]
{ float:left; }
#mob-search-box input[type="text"] { width:70%; box-shadow:none; }
.error-page {margin-top:10%;}
.alert-transparent {border:1px solid #ddd;}
/************************************************
* Navigation *
************************************************/
#main-nav { float:right; margin-top:10px; }
#main-nav li { float:left; padding:0 15px 0 0; }
#main-nav li li { float:none; padding:0; }
#main-nav li:first-child { padding-left:0; }
#main-nav li a { font-size:11px; font-weight:600; color:#ccc; line-height:24px; }
#main-nav li.current li a { color:#ccc; }
#main-nav li a:hover,
#main-nav li.current a,
#main-nav li li.current a { text-decoration:none; color:#fff; }
#main-nav li .dropdown-menu li:hover { background-color:#000 !important; }
.dropdown-menu { left:-20px; }
.navbar-inverse.dropdown-menu { background-color:#080808; border-color: #222;
background-image: -webkit-linear-gradient(top, #222222 0%, #080808 100%);
background-image: linear-gradient(to bottom, #222222 0%, #080808 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff080808', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.navbar-inverse.dropdown { background-image:none; background:transparent !important; }
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{ background-color:#818181 !important;background-image:none;}
#main-nav li.dropdown.open a.dropdown-toggle { color:#fff; }
#main-nav li a.subtitle, #mob-nav li a.subtitle { color:#999; padding-bottom:9px; }
#mob-nav li a.subtitle { padding-bottom:5px; }
#main-nav li .sublevel-group a.subtitle:hover,
#mob-nav li .sublevel-group a.subtitle:hover,
#main-nav li.current .sublevel-group a.subtitle:hover,
#main-nav li.current .sublevel-group a.subtitle:hover,
#mob-nav li.current a.subtitle,
#mob-nav li.current a.subtitle { color:#999; cursor:none; }
#main-nav li.current .sublevel-group a:hover,
#mob-nav li.current .sublevel-group a:hover { color:#fff; }
.sublevel-group { display:inline-block; width:100%; border-top:1px dotted #666 /* solid #cdcdcd*/; margin-bottom:21px; }
.sublevel-group li { line-height:14px; height:22px; }
.dropdown ul.dropdown-menu { width:850px; left:-426px; top:30px; padding:20px 1.5em;
-moz-column-gap: 1.5em; -webkit-column-gap: 1.5em; column-gap: 1.5em;
-moz-column-count:3; -webkit-column-count:3; column-count:3; }
@media (max-width: 991px) {
.dropdown ul.dropdown-menu { width:720px; left:-376px; padding:20px 1em;
-moz-column-gap: 1em; -webkit-column-gap:1em; column-gap:1em;
-moz-column-count:3; -webkit-column-count:3; column-count:3; }
}
@media (max-width:767px) {
.dropdown ul.dropdown-menu {
left:-15px; width:100%;
-moz-column-count:2; -webkit-column-count:2; column-count:2;
}
}
@media (max-width:639px) {
.dropdown ul.dropdown-menu {
-moz-column-count:1; -webkit-column-count:1; column-count:1;
}
}
#lang-selector { float:right; margin-right:15px; border-right:1px dotted #666;}
#lang-selector li { float:left; width:25px;border-left:1px dotted #666; }
#lang-selector li a { font-size:11px; font-weight:600; color:#ccc; height:43px; line-height:43px; display:block;
padding:0 6px; text-align:center;}
#lang-selector li a:hover,
#lang-selector li.active a { background-color:#0e4d74; text-decoration:none; color:#fff; }
#lang-selector li a:hover { background-color:#aaa; color:#000;}
#mob-nav { display:none; position:relative; margin:0; padding-top:2px;
background-color:#222; }
#mob-nav ul { margin:0 15px;}
#mob-nav ul ul { padding-top:10px; }
#mob-nav li a, #mob-search-box { padding:6px 6px 6px 10px; display:block; border-bottom:1px solid #5a5a5a; font-size:11px;
color:#fff; font-weight:600; text-align:left; }
#mob-nav ul li a { border-bottom:0; }
#mob-nav li a:hover { text-decoration:none; background:#ccc; }
#mob-nav li a.subtitle:hover,
#mob-nav li.current .sublevel-group a.subtitle:hover { background:transparent; color:#999; }
#mob-nav li.active a { text-decoration:none; background:#0e4d74; }
#mob-icon.navbar-toggle { float:right; margin:6px 9px 0 0; }
#mob-icon.navbar-toggle:hover { background-color:#444; }
#mob-search-box { height:33px; }
#mob-nav li.active-lang a { color:#7a7a7a;}
#mob-nav-items li.current { background-color:#0e4d74;}
#mob-nav .sublevel-group li { line-height:20px; height:auto;; }
#mob-nav .dropdown ul.dropdown-menu { top:24px; }
.btn-blue { background:#004f75; color:#fff; border-radius:2px; text-shadow:none; box-shadow:none; border:none;}
.btn-blue:hover { background:#333; color:white; }
ul.expanded li {margin-bottom:15px;}
/************************************************
* Content *
************************************************/
#content { margin-top:20px; padding-bottom:50px; }
#cms-content { line-height:160%; font-size:14px;}
#cms-content h1 { margin-top:20px; margin-bottom:10px; font-size:2em;}
#cms-content h2 { margin-top:20px; margin-bottom:10px; font-size:1.6em;}
#cms-content h3 { margin-top:20px; margin-bottom:10px; font-size:1.357em;}
#cms-content li { line-height:150%; font-size:14px;margin-bottom:10px;}
/************************************************
* Browse *
************************************************/
.preview-page-col { max-width:150px; }
.preview-page-col img { padding-bottom:20px; }
#browse-primary-nav { margin-bottom:14px; }
#browse-primary-nav label,
.browse-secondary-nav label,
#browse-quick-select-row label { color:#000; font-weight:400; line-height:21px; }
#browse-primary-nav select,
#browse-quick-select-row select { margin-left:6px; }
.browse-secondary-nav { border-top:1px dotted silver; border-bottom:1px dotted silver; margin-bottom: 14px; padding-bottom:5px;}
.browse-secondary-nav > div { min-height:20px; padding-top: 10px;}
#browse-quick-select-row { padding: 15px 0; }
.browse-item { padding-bottom:14px; margin-bottom:15px; border-bottom:1px dotted silver; }
span.summary-author { display:inline; cursor:help;}
p.online-since { font-weight:600; margin:0 0 15px 0; clear:left; }
#browse-view-mode span { font-size:120%; margin-left:7px; }
#browse-view-mode a.active { color:#2a6496; }
.browse-result { max-width:1000px; padding:15px; margin-bottom:15px; border:1px solid silver; border-radius:4px;}
.browse-result:nth-child(even) { background-color:rgba(230,230,230,0.6); }
.anno-author { color:#777;border-bottom:1px solid silver; margin-bottom:5px;}
.browse-annotation-body { margin-top:10px; margin-bottom:15px; text-align:justify; }
.well-annotation { float:left; width:85%;}
/************************************************
* Search *
************************************************/
#search-results { position:relative; overflow:hidden; min-height:500px; }
#top-search-bar { padding-bottom:14px; }
.search-bar-box label { color:#000; font-weight:400; line-height:21px; }
.search-bar-box select { margin-right:24px; margin-left:6px; }
label#sQueryStringLabel { float:left; margin-right:6px; }
#sQueryStringSubmit { float:left; background:url(../../img/frontend/search-icon1.png) no-repeat center center #f7f6f2; border-radius:10px 0 0 10px; border-radius:10px 0 0 10px; height:24px; width:25px; border:1px solid #999; border-right:0; }
#sQueryString { float:left; background:#f7f6f2; border-radius:0 10px 10px 0; border-radius:0 10px 10px 0; height:24px; padding:2px; line-height:15px; font-size:13px; color:#333; font-weight:400; width:260px; border:1px solid #999;border-left:0; }
#help-text-box { float:right; text-align:right; }
#top-sort-bar { border-top:1px dotted silver; border-bottom:1px dotted silver; padding:10px 0; overflow:hidden; margin-bottom:15px; }
.tot-result { float:left; line-height:14px; padding:6px 0 4px; }
.search-help li {margin-bottom:15px;}
/* Search Results "Refine Search" with Facets */
.refine-search { border:1px solid #999; margin-bottom:15px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.refine-search h2 { padding-left:12px; line-height:32px; font-size:13px; font-weight:700; color:#000; }
.panel { background-color:#f7f6f2;}
.panel-title { margin:0; }
.panel-title > a { color:#fff; }
.panel-default > .panel-heading { background:none; padding:0; }
.panel-group .panel + .panel { margin-top:0; }
.panel-group .panel, .panel { border-radius:0; box-shadow:none; }
.panel-heading { border-top-left-radius:0; border-top-right-radius:0; }
.panel-group .panel-heading + .panel-collapse .panel-body { border-top:0; }
.panel-body { padding:0; }
#search-results .accordion-content { padding:13px 12px; padding-right:-5px; min-height:40px; overflow:auto; overflow-x:hidden; border-bottom:1px solid #bbb; }
#search-results .accordion-content ul li { float:left; width:100%; padding-top:2px;padding-bottom:1px;}
#search-results #dated_facet_panel .accordion-content ul li { float:left; padding-bottom:3px;}
#search-results .accordion-content ul li input { float:left; margin-right:5px; }
#search-results .accordion-content ul li label { float:left; font-weight:400; line-height:16px; width:100%; color:#000; font-size:11px; }
#search-results #dated_facet_panel .accordion-content ul li li label { float:left; font-weight:400; line-height:16px; color:#000; font-size:11px; }
#search-results .accordion-content li.facet-group-header:not(:first-child) { margin-top:10px; }
#search-results .accordion-content li.facet-group-header span { font-weight:700; }
#search-results .accordion-content li.indented { margin-left:15px; }
#search-results .accordion-content h3, .applied-filters h3 { font-size:12px; line-height:20px; color:#000; margin:0; padding:0 0 7px; font-weight:600; }
#search-results .accordion-toggle.collapsed { background:url(../../img/frontend/down-icon.png) no-repeat 98% center #e6e6e6; display:block; color:#000; border-top:1px solid #eee;height:28px; line-height:28px; font-size:12px; font-weight:400; padding-left:12px; }
#search-results .accordion-toggle { background:url(../../img/frontend/up-icon.png) no-repeat 98% center #e6e6e6; display:block; color:#000000; height:30px; line-height:30px; font-size:12px; font-weight:600; border:0; padding-left:12px; }
#facetForm label input, #facetForm label span { float:left; display:block; }
#facetForm label input { height:12px; margin-top:0; margin-right:0; width:auto; }
#facetForm label span { width:90%; margin-top:-1px}
#facetForm #dated_facet_panel ul label span { width:80%; margin-top:-1px}
#facetForm label { margin-bottom:0; }
.applied-filters { padding:0 10px 10px 12px }
.selected-facet { position:relative; margin-bottom:5px; padding:3px 15px; border:1px solid rgba(120,120,120,0.2); background-color:rgba(120,120,120,0.15); border-radius:5px; }
.selected-facet p { margin:0 0 0 25px; line-height:120%; }
.remove-facet { color:#fff; font-weight:700; min-width:25px; height:100%; position:absolute; left:0; top:0; line-height: 12px; background-color:rgba(120,120,120,0.2); border:1px solid transparent; border-radius:5px 0 0 5px; }
.remove-facet:hover { color:#666; }
.remove-facet-icon { margin-left:-8px;padding-top:4px;position:absolute;}
a.facets-link { font-size:90%; font-weight:400; float:none; display:inline; margin-top:2px; padding:3px 10px}
.hidden-facets { display:none; }
.show-more { text-align:center; }
#dated_facet_panel ul .show-more {clear:left;}
.facet-sub-panel { margin-bottom:10px; }
.facet-sub-panel-heading { font-weight:bold; margin-bottom:5px; }
/* Search Results Items */
.search-result { width:100%; padding:14px; margin-bottom:15px; border:1px solid silver; font-size:13px; line-height:18px; border-radius:4px; }
.search-result .hr { border-color:#ddd; margin-bottom:0; }
.search-result:nth-child(even) { background-color:rgba(230,230,230,0.6); }
.search-result-preview-image {float:left; margin:0 20px 10px 0;}
.search-result-preview-image-item-level {float:left; margin:10px 10px 10px 0;}
.search-result-preview-image-item-level img {width:80px;}
.collection-shelfmark { font-size:14px; font-weight:700; color:#000; line-height:18px; padding-bottom:4px; }
.document-headline { display:block; padding-bottom:5px; font-style:italic; color:#666; }
.document-summary-search { display:block; padding-bottom:5px; margin-top:-10px; font-size:95%; color:#444; }
.document-ms-title { font-weight:bold; color:#333; margin-bottom:15px; }
.search-result-snippet em{ font-weight:700; background-color:#ffffcc; color:#222;padding:0 4px;border-radius:2px; }
.person-list em { font-style:normal; background-color:#ffffee; color:#222;padding:0 4px;border-radius:2px; }
.found-in-container { clear:both; margin:10px 0 15px 10px; font-size:95%; }
.search-result-snippet { color:#444; display:block; padding:5px 10px; border-top:1px solid #ddd; line-height:150%;}
.link-to-page { text-align:center; padding-top:3px;}
.authorOfDescription { font-variant:small-caps; letter-spacing:1px; }
.person-list .authorOfDescription { display:inline-block; margin-bottom:10px;}
.bibliography {font-variant:small-caps; letter-spacing:1px;font-weight:normal;}
.person-list { margin:10px 0 20px 0px; }
.person-list li { padding:8px 0; line-height:18px; list-style-type:square; border-top:1px solid #ddd; }
.person-list li:first-of-type { border-top:none; }
.btn-box { clear:both;margin-top:10px; }
.btn-box a, a.facets-link { background:#004f75; height:20px; padding:0 10px; font-size:11px; line-height:20px; text-decoration:none !important; margin-right:10px; float:left;display:block; color:#fff; font-weight:600; border-radius:2px;}
.btn-box a { min-width:110px; text-align:center; margin-top:2px; margin-bottom:1px; height:24px; padding-top:2px}
.btn-box a:hover, a.facets-link:hover { background:#333; text-decoration:none !important; }
.btn-box a:visited { color:white; text-decoration:none !important}
.btn-box .browse-edit-btn, .btn-box a.anno-btn {background-color:transparent;color:#428bca;text-align:left;}
.btn-box .anno-btn { min-width:0;}
span[data-toggle="popover"],
span[data-toggle="tooltip"],
a[data-toggle="popover"],
a[data-toggle="tooltip"] { cursor:pointer; }
/************************************************
* Footer *
************************************************/
footer { background:#333; height:30px; position:absolute; bottom:0; width:100%; text-align:center; }
#copyright { float:left; margin-left:15px; font-size:11px; color:#adadad; font-weight:600; padding-top:7px; }
#social-icons { float:right; text-align:right; margin-right:15px; }
#social-icons li { float:left; padding-top:6px; }
#social-icons a { padding-left:18px; }
#footer-links { text-align:center; padding-top:7px; margin:0 auto; }
#footer-links li { display:inline; border-left: 1px solid #666; }
#footer-links li:first-child { background:none; border-left:none;}
#footer-links li a { padding:0 13px; font-size:11px; font-weight:600; color:#adadad; }
#footer-links li a:hover,
#footer-links li.current a { color:#fff; }
.icon-facebook, .icon-feed {font-size:140%; color:#adadad;}
/************************************************
* Pagination *
************************************************/
.browse-pagination { margin:0; margin-top:-4px; display:block; }
.search-pagination { float:right; margin:0 3px 0; padding:5px; }
.pagination .page-nr { float:left;border:1px solid #bbb;border-right:none;height:24px;min-width:24px;display:block;padding:0 9px !important;line-height:24px;}
.pagination .page-nr:last-child { border-right:1px solid #bbb; }
.pagination span.page-nr { background:#004e75; color:#fff;}
.pagination a.page-nr { color:#000; text-decoration:none; background:#f7f6f2; }
.pagination a.page-nr:hover { color:#fff;background:#004e75; }
.pagination ul li { float:left; padding:0; list-style:none; }
.pagination ul li a { color:#000; padding:0 9px !important; border-left:1px solid #bbb;
display:block;
text-decoration:none; background:#f7f6f2; }
.pagination ul li.active a { background:#004e75; color:#fff; }
.pagination ul li:hover a { background:#004e75; text-decoration:none; color:#fff; }
.pagination ul li.active a:hover { background:#004e75; color:#fff; }
.pagination input { height:24px; min-width:24px; float:left; color:#000; background:#f7f6f2;
border:1px solid #bbb;border-right:none; }
.pagination input:last-child { border-right:1px solid #bbb; }
.pagination input.current { background:#004e75; color:#fff; }
.pagination input:hover { background:#004e75; color:#fff; }
.pagination input.current:hover { background:#004e75; color:#fff; }
/**********************************************
* Start Page *
**********************************************/
#slider { margin-bottom:20px;}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
font-size:180%; padding-top:0; top:auto; bottom:7%; }
.carousel-control .glyphicon-chevron-left { left:10%; }
.carousel-control .glyphicon-chevron-right { right:10%; }
.carousel-control.left { background-image:none; }
.carousel-caption { top:14%; bottom:auto; padding-top:0; padding-bottom:0; }
.carousel-caption p { font-size:150%;text-align:left;line-height:150%;}
.carousel-caption h1 { margin-bottom:15px;}
.carousel-caption a, .startpage-slider-subproject a { color:#eee;text-decoration:underline;}
.startpage-slider-subproject {font-size:90%; background-color:rgba(0,0,0,0.5);padding:10px 20px 10px 20px;border-radius:10px;border-radius:0;position:absolute;left:0;top:0;color:white;width:30%;height:100%;}
.startpage-slider-subproject h2 {color:#fff; margin-bottom:10px; font-size:170%; }
.startpage-slider-subproject p {color:#F7F6F2; font-size:120%; line-height:130%;}
.startpage-slider-morelink { display:block; text-align:right; margin:12px 4px 0 0; }
.startpage-slider-subproject p.startpage-slider-morebutton-p {display:none; }
#collection-info-box { border:1px solid #c6c5c2; padding-bottom:12px;}
#collection-info-box h2 { padding-left:20px; font-size:15px; color:#000; font-weight:700;
line-height:34px; border-bottom:1px dotted #c6c5c2; margin-bottom:10px; }
#collection-info-box ul li { color:#000; font-size:12px; font-weight:400; line-height:18px; }
.collections_table th, .table-sortable th {cursor:ns-resize;}
.collections_table tr.static {font-weight:bold;}
.info-content-box { padding:0 20px; }
.info-content-box li { margin-bottom:5px; }
.news-info-box { border:1px solid #c6c5c2; padding-bottom:12px; padding-bottom:20px; margin-bottom:15px; }
.news-info-box h2 { padding-left:20px; font-size:15px; color:#000; font-weight:700;
line-height:34px; border-bottom:1px dotted #c6c5c2; margin-bottom:10px;}
.news-info-box h3 { font-size:14px; font-weight:400;}
.news-info-box .news-content-box { color:#000; font-size:12px; font-weight:400; line-height:18px;}
#collection-info-box a, #news-content-box a, #collection-info-box a:visited, #news-content-box a:visited
{ text-decoration:underline;}
#news-content-box { padding:0 20px;}
/************************************************
* Viewer *
************************************************/
.popover {min-width:400px !important; }
.viewer-topbar{ background:#edece9; border-bottom:1px solid #bbbbb8; padding:0; }
.viewer-topbar-first-row {background-color:#f5f5f5;padding-bottom:2px; margin-left:-30px;}
.viewer-topbar > .container > .row {margin:0; padding-top:3px; }
.viewer-virtual-manuscript-metadata {border-top:1px solid silver;}
.viewer-sidebar-physical-manuscript {border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.page-selector, .rotation-btns, .mode-btns, .display-type, .additional-btns {margin-left:15px;}
.mode-btns.mode-btns-thumbnails {margin-left:0;}
.paging-btns a, .additional-btns a {font-size: 140%; color:#2a6496;}
.viewer-topbar label { color:#000; font-weight:400; line-height:21px; padding-right:6px; margin-bottom:0; }
.rotation-btns a { margin-right:5px; }
.additional-btns a { padding-left:8px; }
.mode-btns label { color:#000000; float:left; font-weight:400; line-height:21px; padding-right:6px; margin-bottom:0; }
.mode-btns a { margin-right:5px; }
.metadata { padding:0 20px;}
#go-to-page {max-width:160px;}
.thumbnail-image {min-height:170px;min-width:100px;float:left;margin:10px;overflow:hidden;}
.doublepage-image {padding:0;height:100%;float:left;background-color:rgba(80,80,80,0.1);}
.doublepage-image:first-child {padding-right:2px;}
.doublepage-image:last-child {padding-left:2px;}
#left-image, #right-image {background:url(../../img/viewer/loading_viewer.gif) no-repeat center center transparent;}
.viewer-wrapper {background-color:#000}
.viewer-container {background-color:#000; }
.viewer-container select {max-width:150px;}
.viewer-container select#sequence-selector {max-width:250px;}
.viewer-container .sequence-list {margin-left:20px;}
.viewer-container .modal-body {min-height:200px;}
.viewer-single-page-view-row {margin-bottom:20px;}
.viewer-container ul.download-page-list {font-size:110%;float:left;line-height:200%;list-style-type:none;}
.viewer-container .download-page-license {clear:both;padding-top:10px;}
.viewer-container .send-page-form {margin-top:30px;border-top:1px solid #ddd; padding-top:20px;}
.viewer-sidebar{ background:#edece9; border:1px solid #bbbbb8; border-radius:5px 0 0 5px; padding:15px; width:30px; height:600px;}
.viewer-sidebar-open { overflow-y:auto; width:35% !important; min-width:450px !important;}
#page-info h4 {border-bottom:1px solid #ccc; margin-top:20px;}
.sidebar-label { font-weight:bold; margin-top:120px; letter-spacing:1px;}
.viewer-sidebar-toggle {display:block; float:left; margin:-16px 10px 10px -16px;box-shadow:none;border:none;}
.sidebar-metadata-info div {margin-top:10px;}
.sidebar-metadata-divider {border-color:#ddd;}
.sidebar-metadata .nav > li > a {padding: 10px 10px;}
.sidebar-collection-logo {margin-bottom:15px; max-height:70px; max-width:280px;}
.description-tab-content img.center-block, .overview-tab-content img.center-block {margin-top: 50px; }
.unpublished-message { font-size:110%;text-align:center;letter-spacing:1px;background-color:rgba(158, 23, 23, 1);color:white;padding:3px 0;border-radius: 5px;}
/* Rotation */
.rotate-90 {transform: rotate(90deg);-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.rotate-180 {transform: rotate(180deg);-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.rotate-270 {transform: rotate(270deg);-ms-transform: rotate(270deg); -webkit-transform: rotate(270deg);}
/* Custom right-click menu */
.custom-menu { display: none; z-index: 1000; position: absolute; overflow: hidden; border: 1px solid #ccc; white-space: nowrap; background: #fff; color: #333; border-radius: 5px; }
.custom-menu li { padding: 8px 12px; cursor: pointer; list-style-type:none; text-indent: -18px; }
.custom-menu li:hover { background-color: #f7f6f2;}
/************************************************
* Person Index *
************************************************/
.alphabet {margin:15px 0 25px 0;}
.alphabet a, .alphabet strong, .alphabet .letter-disabled {padding: 4px 6px; margin: 0 10px 0 0; display:inline-block; text-align:center; min-width:24px; border: 1px solid #666; background-color: #eee; text-decoration: none; border-radius: 3px;}
.alphabet .letter-disabled { border: 1px solid #ccc; background-color: #eee; color:#ccc;}
.alphabet strong {background-color:#333; color:white;}
.alphabet a {margin-bottom:10px; margin-right: 10px; border: 1px solid #999; color: #000; background-color: #ddd;}
.alphabet a:hover {background-color: #333; color: #eee;}
.quick-filter {margin:15px;}
.quick-filter label {font-weight:400;margin-right:5px;}
#quick-filter-input {background-color:transparent;border-radius:10px;border-radius:10px;height: 20px;padding:2px 10px;line-height: 12px;font-size: 11px;color: #333;font-weight: 400;width: 150px;border: 1px solid #999;}
.person-index-list ul {line-height: 150%;margin-left: 15px;}
.person-index-list li {margin-bottom:10px;list-style-type: square; font-size:110%}
.label-transparent { background-color:transparent; color:#555; border:1px solid #999; border-radius:3px; padding:1px 4px;}
.alphabet a.remove-person-role-facet-button { background-color:transparent; color:white; padding:0; border:none; margin:0; text-align:left; min-width:12px;}
/************************************************
* Overview Page *
************************************************/
section#overview_page_nav {margin:20px auto; padding:10px; text-align:center;min-height:40px; border:1px solid #bbb; border-radius:5px; }
.select_ms_label {margin-right:10px; }
.facsimile-links a { padding:0 5px; border-left:1px dotted silver;}
.facsimile-links a:first-child { border-left:none;}
#mss_in_collection {margin:-1px 10px 0;vertical-align:top; max-width:98%}
table.overview-page-details {width:100%; border:1px solid #ddd; border-top:none;}
table.overview-page-details tr:first-child td {padding-top:15px;}
table.overview-page-details td {padding:0 20px 10px 10px; }
table.overview-page-details td.key {border-right:1px solid #C0C0C0;padding-right:5px;vertical-align:top;white-space:nowrap; }
.viewer-container table.overview-page-details td.key {display:none;}
table.overview-page-details .label-xs {font-weight:bold; display:none;}
.viewer-container table.overview-page-details .label-xs {display:block;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {background-color:rgba(255,255,255,.3);}
.marginalia-tab {width:100%; border:1px solid #ddd; border-top:none; border-radius:5px;padding:15px;}
.overview-page-preview-image-big {margin-top:10px; }
h3.overview-page-subtitle {font-size:130%;border-bottom:1px solid #ccc; }
.reference-image {float:left; margin:0 20px 20px 0; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {background-color:rgba(255,255,255,.3);}
.marginalia-tab {width:100%; border:1px solid #ddd; border-top:none; border-radius:5px;padding:15px;}
@media print {
footer {display:none;}
#lang-selector, #search-box, #mob-icon {display:none;}
section#overview_page_nav {display:none;}
.overview-page-preview-image-big {display:none;}
.overview-preview-image-col {display:none;}
.overview-reference-images {display:none;}
.glyphicon, .btn {display:none;}
#overviewTabs li:not(.active) {display:none;}
a[href]:after {
content: none !important;
}
}
/******************** Popup ****************************/
.popup { width:443px; border:1px solid #424242; }
.popup-header{ height:30px; background:#333; position:relative; padding:0 12px; }
.popup-header h2{ font-size:12px; color:#fff; font-weight:700; line-height:30px; }
.popup-header a.popup-close{ position:absolute; left:95.5%; top:50%; margin-top:-4px; height:8px; width:8px; }
.popup-header a.popup-close img{ display:block; }
.popup-content-wrapper{ height:525px; overflow:auto; }
.popup-top-content{ padding:12px 12px 0; }
.popup-top-content h2{ font-size:22px; line-height:30px; margin-bottom:15px; font-weight:400; }
.intro-image{ float:left; width:88px; margin-right:10px; padding-top:35px; }
.intro-text{ float:left; font-size:12px; line-height:18px; color:#000; width:290px; }
.intro-content-box{ padding-bottom:12px; border-bottom:1px solid #c0c0c0; }
.popup-mid-content{ padding:12px; }
.popup-btns{}
.popup-btns a{ float:left; border:1px solid #999; border-radius:2px; background:#5d5d5d; padding:0 10px; line-height:22px; display:block; margin:0 15px 10px 0; font-size:14px; color:#fff; font-weight:700; transition:ease-in-out 0.5s; -webkit-transition:ease-in-out 0.5s; -moz-transition:ease-in-out 0.5s; -ms-transition:ease-in-out 0.5s; -o-transition:ease-in-out 0.5s; }
.popup-btns a:hover{ background:#333; transition:ease-in-out 0.5s; -webkit-transition:ease-in-out 0.5s; -moz-transition:ease-in-out 0.5s; -ms-transition:ease-in-out 0.5s; -o-transition:ease-in-out 0.5s; }
.popup-info-text-box{ font-size:12px; line-height:18px; color:#000; margin-bottom:6px; }
.popup-info-text-box span{ font-weight:600; }
/**********************************************
* Twitter typeahead *
**********************************************/
.twitter-typeahead .tt-query,.twitter-typeahead .tt-hint { margin-bottom:0; }
.tt-dropdown-menu { min-width:190px; max-height:500px; overflow-y:auto; margin-top:1px; padding:5px 0; background-color:#fff; border:1px solid #ccc; border:1px solid rgba(0,0,0,.2); *border-right-width:2px; *border-bottom-width:2px; border-radius:6px;box-shadow:0 5px 10px rgba(0,0,0,.2); background-clip:padding-box; }
.tt-suggestion { display:block; padding:3px 20px; }
.tt-suggestion.tt-is-under-cursor { background-color:#0081c2; background-image:-moz-linear-gradient(top, #0088cc, #0077b3); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image:-webkit-linear-gradient(top, #0088cc, #0077b3); background-image:-o-linear-gradient(top, #0088cc, #0077b3); background-image:linear-gradient(to bottom, #0088cc, #0077b3); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0) }
.tt-suggestion.tt-is-under-cursor p { color:#fff; }
.tt-suggestion p { margin:0; font-size:13px; line-height:15px; color:#444;}
.twitter-typeahead .tt-hint {font-size: 0px;}
/************************************************
* Thumbnails Viewer
************************************************/
.parent-frame { background-color: #67809f; position: relative; }
.thumbs-viewer {
background-color: transparent;
bottom: 18px;
box-sizing: border-box;
overflow: auto;
overflow-y: hidden;
position: absolute;
-moz-border-sizing: border-box;
}
.thumbs-viewer .toggle {
background-color: #000;
color: #fff;
cursor: pointer;
float: left;
height: 32px;
padding: 7px 15px;
text-align: center;
width: 120px;
border:1px solid #666;
border-bottom:none;
border-top-right-radius: 3px;
}
.thumbs-viewer .toggle:hover {
background-color: #666;
color: #fff;
border:1px solid #ccc;
border-bottom:none;
}
.thumbs-viewer .toggle .arrow {
margin-right: 5px;
}
.thumbs-viewer .viewport {
background-color: #000;
border-top:1px solid #666;
clear: both;
display:none;
height: 100%;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling:touch;
padding: 2px 0;
}
.thumbs-viewer .listing {
list-style-type: none;
padding: 0;
margin: 0;
}
.thumbs-viewer .listing li {
float: left;
height: 100%;
margin: 5px;
min-width: 75px;
text-align: center;
/*position: relative;*/
}
.thumbs-viewer .listing img {
background:url(../../img/viewer/thumbs-loader.gif) no-repeat center center #666;
}
.thumbnail-image img {
max-width:1000px;
background:url(../../img/viewer/thumbs-loader.gif) no-repeat center center #666;
border-radius:5px;
}
.thumbs-viewer .listing .img-label, .thumbnail-image .img-label {
bottom: 60px;
margin: 0 auto;
overflow: visible;
position: relative;
text-align: center;
}
.img-label a, .thumbnail-image .img-label a {
position:relative;
line-height:14px;
color:#fff;
text-align: center;
font-size: 1.1em;
background-color: rgba(80,80,80,0.7);
border-radius: 5px;
padding:3px 6px;
display:inline-block;
}
.listing .img-label {
max-width: 100px;
padding:3px 5px;
}
.listing .img-label a {
max-width:100px;
}
.thumbnail-image .img-label a {
margin-left:0;
width:none;
}
.thumbs-viewer .listing .active a {
background-color: #004f75;
border: 1px solid #F0E0AF;
border-radius: 5px;
filter:alpha(opacity=90);
opacity: 0.9;
}
@media print {
.viewer-topbar, #thumbs-viewer, .parent-frame, #osd-viewer, #sidebar-col *, .close {display:none;}
.print-single-page {display:block;}
.viewer-container, .viewer-wrapper {background:transparent !important;}
}
/* ANNOTATION TOOL MARGINALIA LOGIN */
#account_settings {
line-height:200%;
}
#account_settings p {
margin-left:10px;
}
td p.menu a{
text-decoration: none;
color: #999;
}
p.menu {
margin-top: 5px;
}
#noAnnotation {
margin:60px 0;
}
#addAnnotationForm td, #addCommentForm td, #addCitationForm td, #addCitationCommentForm td {
padding-bottom:25px;
}
tr.collectionSelector td {
padding-bottom:5px !important;
}
#subjectSelector td {
padding-top:20px;
}
#addAnnotationForm tr td, #addCitationForm tr td {
vertical-align:top;
}
input:invalid,
input:out-of-range {
border-color:hsl(0, 50%, 50%);
background:hsl(0, 50%, 90%);
}
.form-label {
font-weight:bold;
padding-right:10px;
vertical-align:top;
width:220px;
}
.form-help-text {
font-size:90%;
color:#999;
}
#addAnnotationPreview {
margin-right:30px;
}
.library-select, .mss_in_collection {
display:inline;
max-width:300px;
}
#from-page, #to-page {
max-width:100px;
}
span.annotation-a{
color:orange;
font-size:120%;
}
#small_signup {
display:inline;
float:none;
line-height:19px;
margin:25px 0 0;
width:170px;
}
/* apply basic styling to form fields in modal dialogs if there is no form-control class */
.modal-dialog input[type=text]:not(.form-control), input[type=password]:not(.form-control) {
display:block;
border-radius:4px;
padding:4px;
margin-bottom:4px;
border:1px solid #ACE;
}
#signin_menu p.remember {
padding:10px 0;
}
#signin_menu p.forgot, #signin_menu p.register { /*p.complete*/
clear:both;
margin:5px 0;
}
.login_form_error {
color:red;
}
.form_error {
color:red;
}
/* FORMS */
.list {
display:block;
}
legend {
font-size:16px;
font-weight:bold;
}
fieldset{
margin:10px;
}
label {
margin-right:5px;
}
.annotationDetails {
border-bottom:1px solid #ddd;
margin-bottom:20px;
}
.comment{
background: url("/img/frontend/reply_bg.png") no-repeat scroll 0 0 transparent;
background-position:7px 7px;
padding-left:40px;
margin-left:20px;
word-wrap:break-word;
}
.headline{
color: #999;
font-size: 100%;
}
#addAnnotation {
font-family:Lucida Grande,Lucida Sans Unicode,helvetica,arial,verdana,sans-serif;
text-align: left;
border-collapse: collapse;
width: 100%;
table-layout: auto;
}
#addAnnotation tr th {
text-align: left;
margin-top: 0px;
margin-right: 12px;
margin-bottom: 0px;
margin-left: 0px;
padding-bottom: 13px;
font-size: 12px;
word-wrap:break-word;
max-width: 200px;
}
#range, #page {
font-size: 100%;
}
#addAnnotation tbody tr, tr#other-ms, tr#choose_ms {
/*border-bottom: 1px solid #ededed;*/
}
a#addAnother {
/*color: #999999;*/
text-decoration: none;
}
a.remove_lib {
color: #999999;
text-decoration: none;
margin-left: 5px;
}
#preview p {
width:90%;padding:30px;margin:10px;background-color:#F2F9FE;border:1px solid silver;border-radius:8px; word-wrap:break-word;
}
#preview .comment { margin-top:15px; }
.ms_preview_marginalia{
float:left;
margin-right:20px;
margin-bottom:15px;
background:url('../img/loading_small.gif') 20px 5px no-repeat;
max-height: 550px;
max-width: 440px;}
/* image preview (when hovering on thumbnail) */
.preview_zoom {
border:5px solid #eee;
position:absolute;
display:none;
box-shadow: 5px 5px 5px #ddd;
max-height: 550px;
max-width: 440px;
}
.browser-warning {
padding: 50px;
border: 1px solid red;
background-color: #ffffcc;
}
.content {
background-color:#ffffff;
padding:10px;
border:1px solid silver;
border-radius: 6px;
border-top-left-radius:0px;
}
/**********************************************
* Media Queries *
**********************************************/
@media (min-width: 1200px) {
body { -webkit-text-size-adjust:none; line-height:normal; -webkit-appearance:none; -webkit-appearance:caret; overflow-x:hidden !important;}
input[type="button"] { -webkit-appearance:none; -webkit-appearance:caret;}
}
@media (max-width: 1199px) {
.carousel-caption { top:10%; }
.carousel-indicators { bottom:10px; }
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right { bottom:5%; }
}
@media (min-width:992px) {
#collection-info-box { margin-right:-10px; }
#news-info-box { margin:0 0 15px -10px; }
#collection-info-box, #news-info-box { min-height:256px; }
}
@media (min-width:992px) and (max-width: 1199px) {
#project-info-box div { height:187px; }
#sQueryString { width:190px; }
.search-bar-box select { margin-right: 9px; max-width: 120px; }
.carousel-caption { top:14%; }
.carousel-caption h1 { font-size:27px; }
.carousel-caption p { font-size:130%; line-height:140%; }
}
@media (max-width: 991px) {
#search-box input[type="text"] { width:100px; margin-right:5px; }
#main-nav li { padding-right:18px; }
#lang-selector li a { padding-right:5px; padding-left:5px; }
header .container { width:auto; }
header .container {max-width:1200px;}
.carousel-caption h1 {font-size:170%;}
.carousel-caption p {font-size:100%;}
.startpage-slider-subproject {font-size:80%;}
.startpage-slider-subproject p {display:none; }
.startpage-slider-subproject p.startpage-slider-morebutton-p {display:block; }
.carousel-indicators { bottom:3px; }
.carousel-control .glyphicon-chevron-right { font-size:120%; right:20px; }
.carousel-control .glyphicon-chevron-left { font-size:120%; left:20px; }
.startpage-slider-subproject h2 { font-size: 150%; line-height: 130%; }
.prev-doc, .next-doc, .first-doc, .last-doc {display:none;}
}
@media (min-width:768px) {
#mob-nav { display:none !important; }
.carousel-caption { right: 15%; left: 15%; }
}
@media (min-width:768px) and (max-width: 991px) {
#main-nav { margin-left:0;margin-top:5px; margin-right:10px; }
#main-nav li { padding:5px; }
#main-nav li a { font-size:10px; }
#collection-info-box { margin-right:-12px; }
#collection-info-box, #news-info-box { min-height:336px; }
.overview-page-details { margin-top:15px; }
.project-description, .collection-description { margin:10px 15px; }
.pagination ul li a { padding:0 8px !important; }
.search-box { padding-right:15%; }
.tot-result { margin-right:-5px; }
}
@media (min-width:768px) and (max-width:799px) {
#main-nav { margin-right:2px; }
#main-nav li { padding-right:3px; }
#logo { height:auto; width:140px; margin-top:4px; padding-left:6px; }
#search-box input[type="text"] { margin-right:1px; width: 90px; }
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media (max-width:767px) {
#project-info-box div { margin-left:0; height:auto; padding-bottom:10px; }
#collection-info-box, #news-info-box { margin-bottom:12px; }
#main-nav { display:none; }
#mob-nav { display:block; }
.js #mob-nav { display:none; }
#lang-selector { display:none; }
#search-box input[type="text"] { width:180px; }
#mob-search-box { display:none; }
.search-bar-box select { margin-right: 9px; max-width: 120px; }
.preview-page-col { padding-left: 20px; }
.overview-page-details { margin-top:15px; }
.project-description, .collection-description { margin:10px 15px; }
.found-in-container { clear:both;width:100%; }
.browse-result { border-radius:0;border:none; }
.startpage-slider-subproject h2 { font-size:130%; line-height:130%; }
.startpage-slider-subproject { width:40%; }
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right { font-size:100%; }
.carousel-caption .project-goal,
.carousel-indicators { display:none; }
#mss_in_collection {margin:7px 0;}
.nav-tabs > li {float:none;border:1px solid #dddddd;}
.nav-tabs > li.active > a{border:none;}
.nav > li > a:hover, .nav > li > a:focus,
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {background:none;border:none;}
table.overview-page-details {border-top:1px solid #ddd;}
#print-details {display:none;}
}
@media (max-width:530px) {
#footer-links li a { padding:0 3px; }
#search-box { display:none; }
#mob-search-box { display:block; }
.select_ms_label { display:block; margin-bottom:7px; }
#browse-quick-select, #browse-choose-collection { display:block; max-width:98%; margin:0 0 10px 0 !important; }
#browse-view-mode { margin-top:15px; }
.view-mode-2 { display:none; }
.viewer-metadata-ms-title { display:none; }
.carousel-caption h1 { font-size:140%;}
.carousel-caption p { font-size:90%;}
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media (max-width:479px) {
#search-box input[type="text"] { width:110px; }
#sQueryString { width:140px; }
.btn-box a { clear:left; }
.facsimile-links a { padding:3px;}
.overview-page-details .key { display:none; }
table.overview-page-details .label-xs { display:block; }
table.overview-page-details .label-xs:after { content: ":"; }
.carousel-caption h1 { font-size:110%; margin-bottom: 9px;}
.carousel-caption p { font-size:70%; line-height:130%; }
.carousel-control .glyphicon-chevron-left { left:10px; bottom:7%; }
.carousel-control .glyphicon-chevron-right { right:10px; bottom:7%; }
#footer-links li { display:block; }
.description-show-xml-btn { display:none; }
.description-print-btn { display:none; }
footer { min-height:30px; height:auto;}
}
@media (min-width:320px) and (max-width: 479px) {
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right { font-size:80%; padding-top:48%; }
.carousel-control .glyphicon-chevron-right { right:10px; }
.carousel-control .glyphicon-chevron-left { left:10px; }
.startpage-slider-subproject h2 { font-size:99%; line-height:116%; margin-bottom:4px; }
.startpage-slider-subproject { padding:6px 10px 0 }
.startpage-slider-subproject p.startpage-slider-morebutton-p { font-size:94%; }
}
@media (max-width:319px) {
#logo { width:60%; height:60%; margin-top:6px; }
#mob-search-box input[type="text"] { width:120px; }
#content { padding-bottom:60px; }
#sQueryString { width:110px; }
.search-bar-box select { max-width: 108px; }
.browse-pagination .page-nr { height:22px; min-width:22px; width:22px; line-height:22px; padding:0 7px !important; }
.browse-pagination .page-nr:last-child { padding-left:3px !important; }
.startpage-slider-subproject h2 { font-size:99%; line-height:116%; margin-bottom:4px; }
.startpage-slider-subproject p.startpage-slider-morebutton-p { font-size:94%; }
}