Skip to main content
It looks like you're using Internet Explorer 11 or older. This website works best with modern browsers such as the latest versions of Chrome, Firefox, Safari, and Edge. If you continue with this browser, you may see unexpected results.
Library Home
  - | Click to open/download a PDF of Full Library Calendar in a new windowSpring 2021 Calendar
VIRTUAL SERVICES AVAILABLE:
MON-THURS
7:45am-10pm
FRI
7:45am-5pm
SAT
11am-
7pm
SUN
12-10pm
LIBRARY BUILDING OPEN:7:45am-10pm7:45am-5pm11am-3pm5-10pm

 

Library Homepage Style Guide: Special Scripts

Mouse-overs

sample .box class:
.box
{
border: 3px solid #9590C6;  padding: 11px;  height: 85px; width: 20%; text-align: center; background-color: #F1EEF7;
}
	.box:hover
	{
		-moz-box-shadow: 0 0 10px #bad;
		-webkit-box-shadow: 0 0 10px #bad;
		box-shadow: 0 0 10px #bad;
background-color: #FFFFFF;
	}

Alt-Text

use both ALT and TITLE:

 alt="bla bla bla"  title="bla bla bla"

inline to compensate for all browser types

Search and Input boxes

Render in HTML only - special form coding gets lost in the basic editor

Chat Bubble

Appears on every page except for main page. Use the following style in an individual pages' jss/css setting to disable:

 
#kathy{display:none;}

Mobile/Responsive

@media screen and (min-width: 0px) and (max-width: 720px) { 
  .dblock {display: block;} 
  .mobile-hide{ display: none; }

special features blocked: faq, footer hours, address, chat icon

 

Analytics codes

Hidden Commands

Emergency Notices

Add code into Header, for:

Service Disruption {

}

Databases Down ...:{

}

Network Experiencing Difficulties{

}

Closing Early{

}

JSS

*MAIN PAGE*
 .s-lg-box-wrapper-25588599  {
  margin: auto;
  width: 75%;
  border-radius: 11px;
  border-style: solid;
  border-width: 2px;
border-size:  1px;
border-color: #CFCBE5;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 0px;
  padding-left: 20px;
-moz-box-shadow: 0 0 16px #87b;
-webkit-box-shadow: 0 0 16px #87b;
box-shadow: 0 0 16px #87b;
background-color: #FFFFFF;
}
.box
{
border: 3px solid #9590C6;  padding: 11px;  height: 85px; width: 20%; text-align: center; background-color: #F1EEF7;
}
	.box:hover
	{
		-moz-box-shadow: 0 0 10px #bad;
		-webkit-box-shadow: 0 0 10px #bad;
		box-shadow: 0 0 10px #bad;
background-color: #FFFFFF;
	}
.ui-widget-header {font-size: 104%; background-color:white; background-image: none; border: none; }
#random{
  width: 100%;
  height: 166px;
background-position: center center;
background-size: cover;
background-repeat: yes-repeat;  
}
#kathy{display:none;} 
 
function randombg(){	
  var random= Math.floor(Math.random() * 8) + 0;
  var bigSize = ["url('https://libapps.s3.amazonaws.com/accounts/7528/images/ehall4.jpg')",
"url('https://libapps.s3.amazonaws.com/accounts/7528/images/campus-shadyside.jpg')",
"url('https://libapps.s3.amazonaws.com/accounts/7528/images/Chatham_University_-_IMG_7653.jpeg')",
"url('https://libapps.s3.amazonaws.com/accounts/7528/images/ehall6.jpg')",
"url('https://libapps.s3.amazonaws.com/accounts/7528/images/vo3.jpg')",
"url('https://libapps.s3.amazonaws.com/accounts/7528/images/food2.png')",
"url('https://libapps.s3.amazonaws.com/accounts/7528/images/IMG_20180521_102702.jpg')",
"url('https://libapps.s3.amazonaws.com/accounts/7528/images/1010-amphitheater3.jpg')",
];
  document.getElementById("random").style.backgroundImage=bigSize[random];

CSS

JK3

for separate instances that require flexible external page(s) with JSQuery, PHP & SQL scripts


         -
        Listen to our playlists on Spotify  

Jennie King Mellon Library | 0 Woodland Road | Pittsburgh, PA 15232 | 412-365-1670 | Maps & Directions | Site map
 

Chatham Home