ExLibris Voyager TimeOut Message Alternative CSS

alternative_timeout.css

/* The default Voyager timeout session warning hijacks the entire browser, so there's an alternative that's
much less intrusive and also gives the option of renewing or continuing the session, available here:
http://exlibrisgroup.org/display/VoyagerCC/WebVoyage+7+%28Tomcat%29+Timeout+Message+Alternative. The
CSS for the alternative box is outdated, so I created a more modern looking box using mostly bootstrap classes 

See the screenshot to see the new alert-box (new version on the right) or live at http://library.messiah.edu*/

/*********************** Timeout Message ***********************/
#tcc_timeout_container {
	position:absolute;
	width:300px;
	height:120px;
	/* position set in javascript function call in footer.xsl */
	
	border:1px solid rgba(0,0,0,.2);
	background-color:#fff;
	font: 12px sans-serif;
	opacity: .85; /* Standard */
	filter: alpha(opacity=85); /* MSIE */
	
	z-index:5;
	display:none;
	box-shadow: 0 5px 15px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
	border-radius: 6px;
}

#tcc_timeout_title {
	text-align:center;
	cursor:move;
	height:30px;
	font-weight:bold;
	padding-top:10px;
	border-bottom: 1px solid #e5e5e5; 
}

#tcc_timeout_message{
	text-align:center;
	height:30px;
	font-weight:bold;
	border-bottom: 1px solid #e5e5e5; 
	padding-top:10px;
}

#tcc_timeout_page_refresh {
	float:left;
	padding:10px 1px 2px 10px;
}

#tcc_timeout_session_refresh {
	float:right;
	padding:10px 10px 2px 1px;
}

#tcc_timeout_page_refresh a, #tcc_timeout_session_refresh a {
	background-color: #428bca; 
	color: #fff; 
	border-color: #357ebd;
	font-weight: bold;
	border-radius :4px;
	border: 1px solid transparent;
	text-decoration:none;
	padding: 5px;
}

#tcc_timeout_page_refresh a:hover, #tcc_timeout_session_refresh a:hover {
	background-color: #3071A9; 
	color: #fff; 
	border-color: #285E8E;
	font-weight: bold;
	border-radius :4px;
	border: 1px solid transparent;
	text-decoration: none;
	padding: 5px;

}

alternative_timeout.png