org.opencms.acacia.client.css.attributeChoice.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.
.button, .buttonBar, .hoverButton, .multiButtonBar{}
div.attributeChoice{
border: 1px solid transparent;
border-radius: value("constants.css.borderRadius");
padding: 1px;
margin: -1px;
position: relative;
}
div.hovering.attributeChoice{
border-color:value("constants.css.borderColor") !important;
background: value("constants.css.backgroundColorDialog");
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
box-shadow: 2px 2px 2px #666666;
}
.multiButtonBar > div.hovering.attributeChoice{
border-bottom-right-radius: 0px;
border-top-left-radius: 4px;
}
.multiButtonBar div.hovering.displayAbove.attributeChoice{
border-top-right-radius: 0px;
border-top-left-radius: 0px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.submenu {
border-radius: value("constants.css.borderRadius");
border: 1px solid value("constants.css.borderColor") !important;
z-index: 999999;
}
span.buttonIcon{
display: block;
height: 20px;
width: 20px;
cursor: pointer;
}
span.buttonIcon:before{
font-family: opencms-font !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
font-size: 20px;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e90b";
color: value("constants.css.textColorDisabledButton");
}
span.buttonIcon:hover:before{
color: value("constants.css.textColor");
}
div.frame{
display: none;
border: 1px solid value("constants.css.borderColor");
border-radius: value("constants.css.borderRadius");
border-top-right-radius: 0px;
padding: 0px;
position: absolute;
top: -1px;
right: 22px;
background: value("constants.css.backgroundColorDialog");
z-index: 10;
}
.multiButtonBar div.frame{
top: 22px;
right: -1px;
box-shadow: 2px 2px 2px #666666;
}
.displayAbove div.frame{
border-bottom-right-radius: 0px;
border-top-right-radius: 4px;
top:auto;
bottom: -1px;
}
.multiButtonBar .displayAbove div.frame{
border-bottom-right-radius: 0px;
border-top-right-radius: 4px;
top:auto;
bottom: 22px;
box-shadow: 4px 0 2px -2px #666666;
}
.frame .shadow{
position: absolute;
bottom: -1px;
left: -1px;
right: -1px;
top: 20px;
border-radius: value("constants.css.borderRadius");
box-shadow: 2px 2px 2px #666666;
z-index:-1;
}
.multiButtonBar .frame .shadow{
display: none;
}
.frame .bridge{
position: absolute;
width:3px;
height:22px;
top: 0px;
right:-2px;
background: value("constants.css.backgroundColorDialog");
}
.multiButtonBar .frame .bridge{
width:22px;
height:3px;
top:-1px;
right:0px;
}
.displayAbove .frame .bridge{
top: auto;
bottom: 0px;
}
.multiButtonBar .displayAbove .frame .bridge{
bottom: -1px;
}
.frame .shadowBottom{
display: none;
}
.displayAbove .frame .shadow{
bottom: 24px;
top: -1px;
border-radius: value("constants.css.borderRadius");
box-shadow: 2px 2px 2px #666666;
}
.displayAbove .frame .shadowBottom{
position: absolute;
display: block;
bottom: -1px;
left: 0px;
right: -1px;
height: 3px;
z-index: -1;
box-shadow: 2px 2px 2px #666666;
}
.multiButtonBar .displayAbove .frame .shadowBottom{
right: 24px;
}
.hovering div.frame{
display:block;
}
div.choices {
background: value("constants.css.backgroundColorDialog");
}
div.choice{
padding: 0 6px;
margin: 2px;
border: 1px solid value("constants.css.borderColorEditor");
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
border-radius: value("constants.css.borderRadius");
font-size: 12px;
line-height: 16px;
color: value("constants.css.textColorEditorLabel");
background-color: value("constants.css.backgroundColorDialog");
max-width: 200px;
cursor: pointer;
}
/** joined vendor prefix style, for better fall back behavior */
div.choice{
background: value("constants.css.gradientFormDialogColor");
background-image: value("constants.css.gradientFormDialog");
}
div.choice:hover{
color: #445577;
border-color: #445577;
}
© 2015 - 2024 Weber Informatics LLC | Privacy Policy