org.opencms.gwt.client.ui.css.directedit.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
@external cmsState, cmsState-up, cmsState-up-hovering, cmsState-up-disabled, cmsState-down, cmsState-down-hovering, cmsState-down-disabled;

.directEditButtons{
	position: absolute;
	text-align: right;
}
.directEditButtons .cmsState{
	display: inline-block;
}

/** Unused classes. */
.toolbarAdd, .toolbarInfo, .showButtons {} 


div.optionBar{
	border: 1px solid transparent;
	position: absolute;
	top: 2px;
	right: 2px;
	z-index: value("constants.css.zIndexMenu");
	margin: 0;
	padding: 0;
	color: value("constants.css.textColor");
	font-family: value("constants.css.fontFamily");
	font-size: value("constants.css.fontSize");
	line-height: value("constants.css.lineHeight");
	background: transparent;
	text-align: right;
	height: auto;
	width: auto;
	min-height: 0;
	max-height: none;
	min-width: 0;
	max-width: none;
}
div.optionBar, div.optionBar *{
	box-sizing: content-box;
	-moz-box-sizing: content-box;
}

div.optionBar div, div.optionBar span {
	margin: 0;
	padding: 0;
	border: none;
	color: value("constants.css.textColor");
	font-family: value("constants.css.fontFamily");
	font-size: value("constants.css.fontSize");
	line-height: value("constants.css.lineHeight");
	background: transparent;
	text-align: left;
	height: auto;
	width: auto;
	min-height: 0;
	max-height: none;
	min-width: 0;
	max-width: none;
}

@sprite div.expiredListElementOverlay{
	gwt-image: 'coreImages.invalidElement';
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	padding: 0px;
	margin: 0px;
	position: absolute;
	z-index: 1;
}

@if user.agent ie8 {
	div.expiredListElementOverlay {
		-ms-filter: "alpha(opacity = 60)";
	}
} @else {
	div.expiredListElementOverlay {
        opacity: 0.6;
	}
}

.toolbarSelection .optionBar.cmsHovering{
	height: auto;
	border: 1px solid value("constants.css.borderColor");
	background: value("constants.css.backgroundColorDialog");
}

.toolbarSelection .optionBar.cmsHovering{
	border-radius: value("constants.css.borderRadius");
}

.optionBar div.cmsState {
	display: none;
}

.hideButtons .optionBar { 
	display: none !important;
}

@if user.agent ie6 {
	.toolbarRemove .optionBar .toolbarRemove, 
	.toolbarEdit .optionBar .toolbarEdit, 
	.toolbarEdit .directEditButtons .toolbarNew,
	.toolbarMove .optionBar .toolbarMove, 
	.toolbarNew .optionBar .toolbarNew, 
	.toolbarProperties .optionBar .toolbarProperties, 
	.toolbarSelection .optionBar .toolbarSelection,
	.toolbarSelection .optionBar.cmsHovering .cmsState{
		display: inline;
	}
} @else {
	.toolbarRemove .optionBar .toolbarRemove, 
	.toolbarEdit .optionBar .toolbarEdit, 
	.toolbarEdit .directEditButtons .toolbarNew,
	.toolbarMove .optionBar .toolbarMove, 
	.toolbarNew .optionBar .toolbarNew, 
	.toolbarProperties .optionBar .toolbarProperties, 
	.toolbarSelection .optionBar .toolbarSelection,
	.toolbarSelection .optionBar.cmsHovering .cmsState{
		display: inline-block;
	}
}


@sprite .optionBar .cmsState-up-hovering .toolbarClipboard, .optionBar .cmsState-down-hovering .toolbarClipboard, .optionBar .cmsState-down .toolbarClipboard {
    gwt-image: "coreImages.icons.favoriteIconActive";
}
@sprite .optionBar .cmsState-up .toolbarClipboard, .optionBar .cmsState-up-disabled .toolbarClipboard, .optionBar .cmsState-down-disabled .toolbarClipboard {
    gwt-image: "coreImages.icons.favoriteIconDeactivated";
}
@sprite .optionBar .cmsState-up-hovering .toolbarRemove, .optionBar .cmsState-down-hovering .toolbarRemove, .optionBar .cmsState-down .toolbarRemove {
    gwt-image: "coreImages.icons.removeIconActive";
}
@sprite .optionBar .cmsState-up .toolbarRemove, .optionBar .cmsState-up-disabled .toolbarRemove, .optionBar .cmsState-down-disabled .toolbarRemove {
    gwt-image: "coreImages.icons.removeIconDeactivated";
}
@sprite .optionBar .cmsState-up-hovering .toolbarDelete, .optionBar .cmsState-down-hovering .toolbarDelete, .optionBar .cmsState-down .toolbarDelete {
    gwt-image: "coreImages.icons.deleteIconActive";
}
@sprite .optionBar .cmsState-up .toolbarDelete, .optionBar .cmsState-up-disabled .toolbarDelete, .optionBar .cmsState-down-disabled .toolbarDelete {
    gwt-image: "coreImages.icons.deleteIconDeactivated";
}
@sprite .optionBar .cmsState-up-hovering .toolbarEdit, .optionBar .cmsState-down-hovering .toolbarEdit, .optionBar .cmsState-down .toolbarEdit {
    gwt-image: "coreImages.icons.editIconActive";
}
@sprite .optionBar .cmsState-up .toolbarEdit, .cmsHovering.optionBar .toolbarEdit.cmsState-up .toolbarSelection{
	gwt-image: "coreImages.icons.editIconDeactivated";
}
@sprite .optionBar .cmsState-up-disabled .toolbarEdit, .optionBar .cmsState-down-disabled .toolbarEdit {
    gwt-image: "coreImages.icons.lockIconDeactivated";
}

@sprite .optionBar .cmsState-up-hovering .toolbarInherited, .optionBar .cmsState-down-hovering .toolbarInherited, .optionBar .cmsState-down .toolbarInherited {
    gwt-image: "coreImages.icons.editIconActive";
}
@sprite .optionBar .cmsState-up .toolbarInherited, .optionBar .cmsState-up-disabled .toolbarInherited, .optionBar .cmsState-down-disabled .toolbarInherited {
    gwt-image: "coreImages.icons.lockIconDeactivated";
}

@sprite .optionBar .cmsState-up-hovering .toolbarMove, .optionBar .cmsState-down-hovering .toolbarMove, .optionBar .cmsState-down .toolbarMove {
    gwt-image: "coreImages.icons.moveIconActive";
}
@sprite .optionBar .cmsState-up .toolbarMove, .optionBar .cmsState-up-disabled .toolbarMove, .optionBar .cmsState-down-disabled .toolbarMove {
    gwt-image: "coreImages.icons.moveIconDeactivated";
}
@sprite .optionBar .cmsState-up-hovering .toolbarNew, .optionBar .cmsState-down-hovering .toolbarNew, .optionBar .cmsState-down .toolbarNew {
    gwt-image: "coreImages.icons.addIconActive";
}
@sprite .optionBar .cmsState-up .toolbarNew, .optionBar .cmsState-up-disabled .toolbarNew, .optionBar .cmsState-down-disabled .toolbarNew {
    gwt-image: "coreImages.icons.addIconDeactivated";
}
@sprite .optionBar .cmsState-up-hovering .toolbarProperties, .optionBar .cmsState-down-hovering .toolbarProperties, .optionBar .cmsState-down .toolbarProperties {
    gwt-image: "coreImages.icons.propertyIconActive";
}
@sprite .optionBar .cmsState-up .toolbarProperties, .optionBar .cmsState-up-disabled .toolbarProperties, .optionBar .cmsState-down-disabled .toolbarProperties {
    gwt-image: "coreImages.icons.propertyIconDeactivated";
}
@sprite .optionBar .cmsState-up-hovering .toolbarSelection, .optionBar .cmsState-down-hovering .toolbarSelection, .optionBar .cmsState-down .toolbarSelection {
    gwt-image: "coreImages.icons.selectionIconActive";
}
@sprite .optionBar .toolbarEdit.cmsState-up-hovering .toolbarSelection, .optionBar .toolbarEdit.cmsState-down-hovering .toolbarSelection, .optionBar .toolbarEdit.cmsState-down .toolbarSelection {
    gwt-image: "coreImages.icons.editIconActive";
}
@sprite .optionBar .cmsState-up .toolbarSelection, .optionBar .cmsState-up-disabled .toolbarSelection, .optionBar .cmsState-down-disabled .toolbarSelection {
    gwt-image: "coreImages.icons.selectionIconDeactivated";
}

.elementInfoChanged {} 
.elementInfoUnchanged {}