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
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.
.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");
}
@if user.agent ie6 {
.notificationOverlay {
filter: literal("alpha(opacity = 50)");
}
} @elif user.agent ie8 {
.notificationOverlay {
-ms-filter: "alpha(opacity = 50)";
}
} @else {
.notificationOverlay {
opacity: 0.5;
}
}
.popup div.notificationContainer{
top: 50px;
z-index: value("constants.css.zIndexPopup");
}
div.notificationContainer {
text-align: center;
position:absolute;
width:100%;
top: 50%;
left: 0;
height: 16px;
}
@sprite .notificationContainer .loadingAnimation{
gwt-image: "gwtImages.loadingBigImage";
display: none;
}
.blocking .loadingAnimation{
display: inline-block;
}
div.notificationMessage, span.notificationMessage {
font-weight: bold;
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;
text-align: center;
}
.popup div.notificationMessage, .popup span.notificationMessage {
max-width: 80%;
min-width: 40%;
}
.blocking .notificationContainer .notificationMessage {
background: transparent;
border: none;
}
/** browser specific styles **/
@if user.agent ie8 {
/** ie7, ie8 **/
.blocking .notificationContainer .notificationMessage{
-ms-filter: none;
}
} @else {
.blocking .notificationContainer .notificationMessage{
box-shadow: none;
}
}
.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");
}
© 2015 - 2024 Weber Informatics LLC | Privacy Policy