diff --git a/themes/default/assets/pawtucket/css/main.css b/themes/default/assets/pawtucket/css/main.css
index 89c6073582..ca5dffebee 100755
--- a/themes/default/assets/pawtucket/css/main.css
+++ b/themes/default/assets/pawtucket/css/main.css
@@ -1,5 +1,6 @@
/* almost black: #262626, dark gray: #454545, Med gray: #858585, light med gray: #ABABAB, light gray: #DEDEDE, very light grays: #E7E7E7, #EDEDED, #F5F5F5, */
+/* for accessibility 11808D converted to 11808D */
/* --------------------------------- */
/* GENERAL */
/* --------------------------------- */
@@ -11,13 +12,25 @@ html {
body {
font-family: LatoLight;
color:#454545;
- margin-bottom:80px;
+ margin-bottom:82px;
+}
+#skipNavigation a{
+ position: absolute;
+ margin-left: -3000px;
+ width: 1;
+ height: 1;
+ overflow: hidden;
+}
+#skipNavigation a:focus, #skipNavigation a:active {
+ margin-left: 0px;
+ width: auto;
+ height: auto;
}
b, strong{
font-family: Lato;
}
a, a:hover {
- color:#19bed1;
+ color:#11808D;
}
a, a:active, a:focus {
outline: 0;
@@ -31,7 +44,7 @@ H1, h1, H2, h2, H3, h3, H4, h4, H5, h5, H6, h6{
}
H1, h1{
font-size: 20px;
- color:#19bed1;
+ color:#000000;
text-transform:uppercase;
margin-top:0px;
}
@@ -40,12 +53,12 @@ H1 .btn-group{
}
H2, h2{
font-size: 18px;
- color:#19bed1;
+ color:#000000;
}
H3, h3{
font-size: 16px;
text-transform:uppercase;
- color:#333333;
+ color:#000000;
}
H4, h4{
font-size: 18px;
@@ -55,7 +68,7 @@ H4, h4{
}
H5, h5{
font-size: 14px;
- color:#858585;
+ color:#757575;
text-transform:none;
}
H6, h6{
@@ -67,7 +80,7 @@ H6, h6{
}
.caption {
font-size:11px;
- color:#999;
+ color:#757575;
padding-top:5px;
}
label {
@@ -322,7 +335,7 @@ h1 i {
box-shadow: none;
}
.form-control:focus {
- border-color: #19BED1;
+ border-color: #11808D;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.075) inset, 0 0 0px rgba(102, 175, 233, 0.6);
outline: 0 none;
}
@@ -420,7 +433,7 @@ h1 i {
text-transform: uppercase;
padding: 6px 7px 5px 7px;
box-shadow: 0 0px 0 rgba(255, 255, 255, 0.15) inset, 0 0px 0px rgba(0, 0, 0, 0.075);
- background-color: #19bed1;
+ background-color: #11808D;
border-radius: 0px;
letter-spacing: 1px;
color: #fff;
@@ -430,7 +443,7 @@ h1 i {
color: #fff;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
- background-color: #19bed1;
+ background-color: #11808D;
color: #fff;
}
@@ -476,7 +489,7 @@ h1 i {
}
.filterMenuFacetList li.active{
- background-color:#19bed1;
+ background-color:#11808D;
}
.filterMenuFacetList li.active a{
@@ -569,7 +582,7 @@ div.browseFacetItem a{
}
div.browseFacetItem a:hover {
text-decoration:none;
- color: #19bed1;
+ color: #11808D;
}
div.browseFacetItem li{
margin:0px;
@@ -806,7 +819,7 @@ a.browseRemoveFacet img {
/*margin:40px 0px 65px 0px;*/
border-top: 1px solid #E3E3E3;
font-size:12px;
- color: #ababab;
+ color: #737373;
line-height:2.2em;
position:absolute;
bottom:0;
@@ -814,6 +827,7 @@ a.browseRemoveFacet img {
height:80px;
padding: 0px 15px 0px 15px;
font-family:lato;
+ background-color:#FFF;
}
@media (min-width: 768px) {
#footer {
@@ -823,10 +837,10 @@ a.browseRemoveFacet img {
}
#footer a{
text-decoration:underline;
- color:#ababab;
+ color:#737373;
}
#footer ul a{
- color: #19bed1;
+ color: #11808D;
text-decoration:none;
}
#footer ul li{
@@ -845,13 +859,13 @@ a.browseRemoveFacet img {
/* --------------------------------- */
/* lightbox lb */
/* --------------------------------- */
-.sets H1, .sets H1 .btn-group{
+.sets H1 .btn-group{
padding:0px;
margin:0px;
}
.sets H1 .btn-group {
font-size:16px;
- padding-top: 5px;
+ padding-top: 0px;
margin-bottom: 0px;
}
.sets .setsBack{
@@ -899,7 +913,7 @@ a.browseRemoveFacet img {
}
.lbSetCount {
font-size:13px;
- color:#858585;
+ color:#757575;
text-transform:capitalize;
vertical-align:middle;
}
@@ -921,18 +935,18 @@ a.browseRemoveFacet img {
.lbSet.readSet {
background-color:#fafafa;
}
-.lbSet h5{
+.lbSet h5, .lbSet h2{
text-transform:uppercase;
font-size:13px;
margin-top:0px;
height:1em;
overflow:hidden;
}
-.lbSet:hover H5{
+.lbSet:hover H5, .lbSet:hover H2{
height:auto;
}
@media (max-width: 767px) {
- .lbSet h5{
+ .lbSet h5, .lbSet h2{
font-size:10px;
height:2em;
overflow:hidden;
@@ -997,7 +1011,7 @@ a.browseRemoveFacet img {
width:100%;
z-index:100;
display:none;
- color:#999;
+ color:#757575;
}
.lbItem:hover .lbExpandedInfo, .lbSet:hover .lbSetExpandedInfo{
display:inline;
@@ -1283,7 +1297,7 @@ a.browseRemoveFacet img {
margin-top:0px;
}
.crSet h5 a{
- color:#858585;
+ color:#757575;
}
@media (max-width: 768px) {
.crSet .crSetImg{
@@ -1346,13 +1360,13 @@ a.browseRemoveFacet img {
font-weight:bold;
}
.crResponseHeader a{
- color:#858585;
+ color:#757575;
}
/* --------------------------------- */
/* front page */
/* --------------------------------- */
.front H1{
- color:#858585;
+ color:#757575;
line-height:1.3;
text-transform:none;
}
@@ -1451,7 +1465,8 @@ a.browseRemoveFacet img {
}
.frontSlide .frontSlideCaption{
position:absolute;
- background-color:rgba(0, 0, 0, 0.5);
+ background-color:rgba(0, 0, 0, 0.75);
+ background-color:#000;
padding:15px;
color:#FFF;
bottom:0px;
@@ -1469,7 +1484,7 @@ a.browseRemoveFacet img {
.frontSlide:hover .frontSlideCaption{
opacity:1;
position:absolute;
- background-color:rgba(0, 0, 0, 0.5);
+ background-color:rgba(0, 0, 0, 0.75);
padding:15px;
color:#FFF;
bottom:0px;
@@ -1501,7 +1516,6 @@ a.browseRemoveFacet img {
.front .galleryItems-wrapper .jcarousel-control-prev, .front .galleryItems-wrapper .jcarousel-control-next {
top: 40%;
}
-
/* --------------------------------- */
/* details */
/* --------------------------------- */
@@ -1515,7 +1529,7 @@ a.browseRemoveFacet img {
font-size:12px;
}
.detail a {
- color:#999;
+ color:#757575;
text-decoration:none;
}
@@ -1529,16 +1543,37 @@ a.browseRemoveFacet img {
margin:0px;
}
.detail H6 a{
- color:#19bed1;
+ color:#11808D;
/*font-size:9px;*/
padding:2px 0px 0px 10px;
text-decoration:none;
}
+.detail h1{
+ font-size: 18px;
+ color: #262626;
+ line-height: 135%;
+ text-transform: none;
+}
+.detail h2{
+ font-size: 14px;
+ color:#454545;
+ text-transform:uppercase;
+ padding-bottom:0px;
+ margin:10px 0px 5px 0px;
+}
+.detail label{
+ display:block;
+ font-size: 12px;
+ color:#454545;
+ text-transform:uppercase;
+ padding-bottom:0px;
+ margin:10px 0px 5px 0px;
+}
.detail .detailNavBgLeft, .detail .detailNavBgRight{
margin-top:-20px;
background-color:#EBEBEB;
width:45px;
- height:110px;
+ height:120px;
text-transform:uppercase;
padding-top:20px;
padding-bottom:20px;
@@ -1554,14 +1589,16 @@ a.browseRemoveFacet img {
right:0;
}
.detail .detailNavBgLeft a, .detail .detailNavBgRight a{
- color:#8e8985;
+ /*color:#8e8985;*/
+ color:#696969;
line-height:.3em;
font-size:18px;
text-decoration:none;
}
.detail .detailNavBgLeft a .small, .detail .detailNavBgRight a .small{
font-size:8px;
- color:#ababab;
+ /*color:#ababab;*/
+ color:#696969;
padding-bottom:20px;
padding-top:3px;
}
@@ -1642,7 +1679,7 @@ a.browseRemoveFacet img {
display:block;
}
.detail .detailMediaToolbar a, .gallery .detailMediaToolbar a{
- color:#929292;
+ color:#696969;
}
.detail .detailMediaToolbar span, .gallery .detailMediaToolbar span{
padding:5px;
@@ -1658,7 +1695,7 @@ a.browseRemoveFacet img {
float:right;
}
.detail #detailRepNav a{
- color:#929292;
+ color:#757575;
}
.detail #detailRepNav a.inactive{
color:#DEDEDE;
@@ -1673,7 +1710,7 @@ a.browseRemoveFacet img {
font-family:lato;
}
.detail .detailTool {
- color: #858585;
+ color: #757575;
font-size: 11px;
padding: 5px;
margin-right:5px;
@@ -1681,7 +1718,7 @@ a.browseRemoveFacet img {
border-radius:3px;
}
.detail .detailTool span, .detail .detailTool i{
- color:#929292;
+ color:#757575;
margin-right:5px;
}
.detail .detailTool a{
@@ -1812,7 +1849,7 @@ a.browseRemoveFacet img {
a.readmore-js-toggle{
padding-top:10px;
- color:#19bed1;
+ color:#11808D;
}
.trimText {margin-top:5px;}
@@ -1820,7 +1857,7 @@ a.readmore-js-toggle{
padding-top:26px;
}
.detail .exportCollection .fa, .detail .exportCollection .glyphicon, .detail .exportCollection a{
- color: #858585 !important;
+ color: #757575 !important;
font-size: 11px;
text-transform: uppercase;
text-decoration:none;
@@ -1828,14 +1865,18 @@ a.readmore-js-toggle{
/* --------------------------------- */
/* browse b */
/* --------------------------------- */
-.results strong, .sets H5 strong {
+.results .bCriteria strong, .sets .bCriteria strong {
color:#000;
text-transform:uppercase;
font-size:12px;
font-weight:normal;
-}
+}
+.sets .bCriteria{
+ padding-top:5px;
+ padding-bottom:5px;
+}
.results a .glyphicon, .results a .fa {
- color:#ababab !important;
+ color:#757575 !important;
}
.results a .fa.fa-gear{
color:#666 !important;
@@ -1847,7 +1888,7 @@ a.readmore-js-toggle{
}
}
.results a.active .glyphicon {
- color:#454545;
+ color:#000000 !important;
}
a.browseRemoveFacet .glyphicon {
color:#FFF !important;
@@ -1879,7 +1920,7 @@ a.browseRemoveFacet .glyphicon {
margin:0px 5px 0px 0px;
}
#bSortByList ul li.divide{
- border-left:1px solid #858585;
+ border-left:1px solid #757575;
width:3px;
}
#bSortByList ul li.selectedSort{
@@ -1887,7 +1928,7 @@ a.browseRemoveFacet .glyphicon {
}
#bSortByList li a{
text-decoration:underline;
- color:#858585;
+ color:#757575;
}
#bSortByList ul li strong{
color:#000;
@@ -1994,7 +2035,7 @@ a.browseRemoveFacet .glyphicon {
font-size: 11px;
}
.bResultItem .bResultItemText small, .bResultItem .bResultItemText small a {
- color: #ABABAB;
+ color: #757575;
}
.bResultItemExpandedInfo {
background-color: #FFFFFF;
@@ -2017,15 +2058,23 @@ a.browseRemoveFacet .glyphicon {
z-index: 10;
overflow-y: auto;
display:block;
+ color: #666;
}
-#bRefine H3 {
- margin:0px;
+#bRefine p{
+ line-height:1.1em;
+}
+#bRefine H2 {
+ font-size: 18px;
+ text-transform: uppercase;
+ color: #666;
+ margin-top:0px;
}
-#bRefine H5 {
+#bRefine H5, #bRefine H3 {
margin-bottom:8px;
margin-top:20px;
text-transform:uppercase;
padding:0px;
+ color: #666;
}
#bRefine a {
color: #666666;
@@ -2033,7 +2082,7 @@ a.browseRemoveFacet .glyphicon {
line-height: 146%;
}
#bRefine a.more {
- color:#858585;
+ color:#707070;
text-decoration:underline;
}
#bRefine div {
@@ -2234,7 +2283,7 @@ a.browseRemoveFacet .glyphicon {
}
.browse .btn, .sets .btn {
- background-color:#19bed1;
+ background-color:#11808D;
font-size:10px;
color:#fff;
margin-left:5px;
@@ -2267,14 +2316,14 @@ a.browseRemoveFacet .glyphicon {
.multisearch {
/*padding:0px 30px 0px 25px;*/
}
-.multisearch H3{
+.multisearch H3, .multisearch H2{
margin:0px;
padding:0px;
text-transform:none;
}
-.multisearch H3 a, .multisearch H3 a:hover{
+.multisearch H3 a, .multisearch H3 a:hover, .multisearch H2 a, .multisearch H2 a:hover{
text-decoration:none;
- color:#858585;
+ color:#757575;
}
.multisearch .blockResults {
height:170px;
@@ -2285,7 +2334,7 @@ a.browseRemoveFacet .glyphicon {
.multisearchImgPlaceholder{
background-color: #F5F5F5;
border:2px solid #EDEDED;
- color: #858585;
+ color: #757575;
padding:20px;
text-align:center;
width:100%;
@@ -2294,7 +2343,7 @@ a.browseRemoveFacet .glyphicon {
}
.multisearchFullResults a{
text-transform: uppercase;
- color:#858585;
+ color:#757575;
}
.multisearchFullResults a:hover{
text-decoration: none;
@@ -2310,7 +2359,7 @@ a.browseRemoveFacet .glyphicon {
}
.multisearchSort ul li a{
text-decoration:underline;
- color:#858585;
+ color:#757575;
}
.multisearchSort ul li.selectedSort a{
color:#454545;
@@ -2530,20 +2579,20 @@ a.browseRemoveFacet .glyphicon {
}
.collectionsContainer a.openCollection.active {
color:#fff;
- background-color: #858585;
+ background-color: #757575;
}
.collectionsContainer a.openCollection.active small {
color: #fff;
}
.collectionsContainer a .fa, .collectionsContainer .fa, #collectionLoad a .fa, #collectionLoad .fa{
- color: #858585;
+ color: #757575;
}
.collectionsContainer a:hover {
text-decoration:none;
background-color: #f9f9f9;
}
.collectionsContainer small{
- color:#858585;
+ color:#757575;
}
.collectionsContainer p{
font-size:12px;
@@ -2577,16 +2626,24 @@ a.browseRemoveFacet .glyphicon {
.gallery {
font-size:12px;
}
-.gallery H4, .gallery H4 a {
+.gallery H2, .gallery H2 a, .gallery H4, .gallery H4 a {
padding-top:5px;
text-transform:uppercase;
color:#000;
font-size: 18px !important;
}
-.gallery H5 {
+.gallery H5, .gallery H3 {
text-transform:uppercase;
color:#000;
font-size:12px;
+ margin-top:10px;
+}
+.gallery label {
+ text-transform:uppercase;
+ color:#000;
+ font-size:12px;
+ display:block;
+ margin-bottom:0px;
}
.gallery #gallerySetInfo{
font-size:13px;
@@ -2608,6 +2665,9 @@ a.browseRemoveFacet .glyphicon {
text-transform:uppercase;
font-size:12px;
}
+.gallery #gallerySetInfo a.btn {
+ color: #FFF;
+}
.gallery .galleryItem{
padding:10px;
-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3);
@@ -2623,6 +2683,25 @@ a.browseRemoveFacet .glyphicon {
text-decoration:none;
color:#454545;
}
+.gallery .galleryItem a.btn-default{
+ color:#FFF;
+ font-size:11px;
+ display:none;
+}
+@media(max-width:767px){
+ /* don't show preview for mobile - only the list and show a view gallery button */
+ #gallerySetInfo{
+ display:none;
+ }
+ .galleryItemSetInfoLink{
+ cursor:auto;
+ }
+ .gallery .galleryItem a.btn-default{
+ display:inline;
+ }
+
+}
+
.gallery .galleryItem .galleryItemImg{
float:left;
width:25%;
@@ -3120,8 +3199,46 @@ div.caMediaOverlayRepThumbs a.selectedRep img{
}
.vco-storyjs h3{font-size:16px;line-height:18px}
-
-
+.tl-text-content-container h2.tl-headline, .tl-timeline h2.tl-headline-title{
+ font-family:lato;
+ text-transform:none;
+ font-weight:normal;
+}
+.tl-timeline h2.tl-headline.tl-headline-title{
+ font-size: 38px !important;
+ line-height: 38px !important;
+}
+.tl-text-content-container h2.tl-headline{
+ font-size: 28px !important;
+ line-height: 28px !important;
+}
+.tl-timemarker-text h2, .tl-slidenav-content-container .tl-slidenav-title, .tl-slidenav-content-container .tl-slidenav-description{
+ font-family:lato !important;
+ text-transform:none !important;
+ font-weight:normal;
+}
+.tl-text-content, .tl-timeline p, .tl-text p{
+ font-family:LatoLight !important;
+ color:#454545 !important;
+}
+.tl-timeline h1, .tl-timeline h2, .tl-timeline h3, .tl-timeline h4, .tl-timeline h5, .tl-timeline h6{
+ font-family:lato !important;
+ text-transform:none !important;
+ font-weight:normal;
+ font-size: 38px;
+}
+.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline.tl-headline-fadeout::after, .tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline p.tl-headline-fadeout::after{
+ background:none !important;
+}
+.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline, .tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline p{
+ height:100% !important;
+}
+.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline, .tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline p{
+ font-size:12px !important;
+}
+.tl-timeline em{
+ font-family:lato !important;
+}
/* Advanced Search */
@@ -3166,12 +3283,14 @@ div.caMediaOverlayRepThumbs a.selectedRep img{
.advancedSearchField select {
height:30px;
}
-
+.advancedSearch table.attributeListItem{
+ width:100%;
+}
/* Finding Aid */
.findingaid H1 {
margin-bottom:20px;
- color: #858585;
+ color: #757575;
}
#findingAidCont {
margin-top:20px;
@@ -3348,3 +3467,28 @@ input[type='text'].ui-autocomplete-loading {
.video-js{
min-height:300px;
}
+.video-js{
+ text-align:center;
+}
+.detail .repViewerCont img.vjs-poster {
+ width: 100%;
+ height: 100%;
+ object-fit: contain;
+ background-color: #000;
+}
+
+/* Fix for StoryMap/Leaflet conflict that results in StoryMap map markers rendered unclickable */
+.leaflet-marker-icon {
+ pointer-events: auto;
+}
+
+/* mirador */
+.panel-thumbnail-view ul.panel-listing-thumbs li .thumb-label{
+ color:#FFFFFF !important;
+}
+.mirador-viewer .fa, .mirador-viewer .material-icons{
+ color:#FFFFFF !important;
+}
+.mirador-viewer .image-list .fa{
+ color:#000 !important;
+}
diff --git a/themes/default/conf/app.conf b/themes/default/conf/app.conf
index 3a3dffbdaf..e21f25ee54 100644
--- a/themes/default/conf/app.conf
+++ b/themes/default/conf/app.conf
@@ -130,5 +130,41 @@ compare_images = {
#
registration_security = sum_equation
-google_recaptcha_sitekey =
-google_recaptcha_secretkey =
+
+
+# --------------------
+# Alt text templates for media
+# --------------------
+ca_objects_alt_text_template = "