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 windowCalendar

 

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


         -

     
MONDAY-THURSDAY:   7:45 AM - 10:00 PM
FRIDAY:   7:45 AM - 5:00 PM
SATURDAY:   11:00 AM - 3:00 PM
SUNDAY:   5:00 PM - 10:00 PM
Click to open/download a PDF of Full Library Calendar in a new windowLibrary Semester & Holiday Calendar
        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