org.opencms.gwt.client.ui.css.notification.css Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of opencms-gwt Show documentation

OpenCms is an enterprise-ready, easy to use website content management system based on Java and XML technology. Offering a complete set of features, OpenCms helps content managers worldwide to create and maintain beautiful websites fast and efficiently.

There is a newer version: 18.0

Show newest version

.popup, .popupContent{}

div.blocking{
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: value("constants.css.zIndexPopup");
}

.popup div.blocking{
	position: absolute;
}

.blocking div.notificationContainer{
	top: 40%;
}

.blocking .notificationContainer br, .blocking .notificationOverlay{
	display: block;	
}

.notificationContainer br, .notificationOverlay {
	display: none;
}

div.notificationOverlay { 
	position:absolute; 
	height: 100%; 
	width:100%; 
	top: 0; 
	left: 0; 
	background-color: value("constants.css.backgroundColorOverlay"); 
}

.notificationOverlay { 
	opacity: value("constants.css.overlayOpacity");
}
.popup div.notificationContainer{
	top: 0px;
	height: 100%;
	padding-top: 50px;
	z-index: value("constants.css.zIndexPopup");
}
div.notificationContainer {
	text-align: center;
	position:absolute;
	width:100%;
	top: 50%;
	left: 0;
	height: 16px;
}
.popup .notificationContainer .loadingAnimation{
	position: absolute;
	margin-left: -32px;
    margin-top: -32px;
}

.notificationContainer .loadingAnimation{
	display: none;
}

/** Broadcast messages */
p.messageTime{
	font-size: 10px;
	line-height: 10px;
	color: value("constants.css.textColorDisabled");
}

div.messageWrap{
	background-color: value("constants.css.backgroundColorDialog");
	border-top: 1px solid value("constants.css.borderColor");
	margin: 0 -15px -5px;
	padding: 0 15px 5px;
}
/** Broadcast messages */

.notificationContainer div.closeButton{
	position: absolute;
	top:4px;
	right:4px;
}

div.notificationContainer, .notificationContainer div.messagesPanel > div{
	text-align: center;
}

.messagesPanel {
	margin-top: 55px;
	pointer-events: none;  	
} 

.notificationMessage div.messageContent{
	dislay: inline-block;
}

.notificationMessage div.messageContent p{
	margin: 4px 0px;
	text-align: left;
}

.notificationMessage div.messageContent br{
	display: block;
}

div.notificationMessage, span.notificationMessage {
	font-weight: normal; 
	font-size: value("constants.css.fontSizeBig");
	padding: 5px 15px; 
	line-height: value("constants.css.lineHeightBig");
	display: inline-block; 
	margin-top: 8px;
	max-height: 300px;
    max-width: 830px;
    min-width: 415px;
    overflow: auto;
    border-width: 2px;
    border-style: solid;
    position: relative;
    text-align: left;
}


div.notificationMessage b, span.notificationMessage b{
	font-weight: bold;
}

.popup div.notificationMessage, .popup span.notificationMessage {
	max-width: 80%;
	min-width: 40%;
}
.busy .loadingAnimation{
	display: inline-block;
}

.notificationError .notificationMessage { 
	background-color: value("constants.css.notificationErrorBg"); 
	color: value("constants.css.notificationErrorColor"); 
	border-color: value("constants.css.notificationErrorBorder"); 
}

.notificationNormal .notificationMessage { 
	background-color: value("constants.css.notificationNormalBg"); 
	color: value("constants.css.notificationNormalColor"); 
	border-color: value("constants.css.notificationNormalBorder");
}
.notificationWarning .notificationMessage { 
	background-color: value("constants.css.notificationWarningBg"); 
	color: value("constants.css.notificationWarningColor"); 
	border-color: value("constants.css.notificationWarningBorder"); 
}