org.opencms.gwt.client.ui.css.constants.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
/**
 * The font definitions.
 */

/** The font family for everything. */
@def fontFamily literal("Verdana,Helvetica,Arial,sans-serif");
/** The normal font size. */
@def fontSize 12px;
/** The small font size. */
@def fontSizeSmall 10px;
/** The big font size. */
@def fontSizeBig 14px;

@def lineHeight 14px;
@def lineHeightSmall 12px;
@def lineHeightBig 17px;


/**
 * The text color definitions.
 */

/** The default text color. */
@def textColor #222222;
/** The text color for the caption of dialogs. */
@def textColorCaption #FFFFFF;
/** The text color for buttons that have a dark background. */
@def textColorDarkButton #FFFFFF;
/** The text color for buttons that have a light background. */
@def textColorLightButton #222222;
/** The text color for buttons that are disabled. */
@def textColorDisabledButton #888888;
/** The disabled text color. Use it for any inactive or disabled texts e.g. input components. */
@def textColorDisabled #999999;
/** The new text color. Use it only for displaying texts of new resources. */
@def textColorNew #003082;
/** The changed text color. Use it only for displaying texts of changed resources. */
@def textColorChanged #B31B34;
/** The important text color. Use it only for displaying important text. */
@def textColorImportant #B31B34;

/** The toolbar width. */
@def toolbarWidth 930px;
/** The default content space. */
@def defaultSpace 6px;

/**
 * The border color definitions.
 */

/** The default border color. */
@def borderColor #999999;
/** The border color for list items. */
@def borderColorListItem #CCC;
/** The border color for the dialog's top. */
@def borderColorTopDialog #606161;
/** The border color for the dialogs. */
@def borderColorDialog #000000;
/** The background color for the dialog's border (5px dark). */
@def backgroundColorDialogBorder #1F232A;
/** The highlight border color. Use it for highlighting special UI components e.g. errors. */
@def borderColorHighlight #B31B34;
/** The default border radius. */
@def borderRadius 3px;
/** The default border radius for buttons. */
@def borderRadiusButton 8px;


/**
 * The background color definitions.
 */
 
/** 
 * The dialog/popup background color. Use it for UI components that should have the same
 * background color as the dialog/popup itself for example the CmsFieldset.
 */
@def backgroundColorDialog #FFFFFF;
/** The menu background color. Use it for menu backgrounds. NOTE: This color is also used for the CmsTabbedPanel. */
@def backgroundColorMenu #F9F9F9;
/** The backgroundColor for a list item. */
@def backgroundColorListItem #E0E0E0;
/** The disabled background color. Use it for disabled UI components. */
@def backgroundColorDisabled #DDDDDD;
/** The overlay background color. Use it for overlays. */
@def backgroundColorOverlay #DDDDDD;
/** The info background color. Use it for user informations like error messages. */
@def backgroundColorInfo #F9F9F9;
/** The popup shadow background color. Use it for creating popup shadows. */
@def backgroundColorPopupShadow #AAAAAA;
/** The highlight background color. Use it for hover effects like select box or menu hovering. */
@def backgroundColorHighlight #E0EDFE;
/** The input error background color. Use this color for input components if the validation goes wrong. */
@def backgroundColorInputError #FFCCCC;
/** This constant defines the background color of a empty group container. */
@def backgroundColorEmptyContainer #AACCFF;
/** This constant defines the background color of the sitemap editor. */
@def backgroundColorSitemap #E1E1E1;
/** This constant defines the background color of the sitemap entry that is highlighted. */
@def backgroundColorSitemapHighlight #CCFFFF;
/** Background color for sitemap entries marked as expired or not released. */
@def backgroundColorSitemapExpired #D8DEEA;




/**
 * The following constants define background colors for transparent background images.
 * They should be used to style the color of elements that have a state. 
 */
/** This constant defines the background color for elements that use the soft standard background image. */
@def backgroundColorSoft #DDDDDD;
/** This constant defines the background color for elements have the standard state. */
@def backgroundColorStateStandard #DDDDDD;
/** This constant defines the background color for elements have the disabled state. */
@def backgroundColorStateDisabled #E3E3E3;
/** This constant defines the background color for elements have the hover state. */
@def backgroundColorStateHover #CCCCCC;
/** This constant defines the background color for elements have the active state. */
@def backgroundColorStateActive #E0E0E0;
/** This constant defines the background color for elements have the changed state. */
@def backgroundColorStateChanged #FE9F9F;
/** This constant defines the background color for elements have the new state. */
@def backgroundColorStateNew #445E80;
/** This constant defines the background color for elements have the sub sitemap state. */
@def backgroundColorStateSubSitemap #FEFEDB;

/**
 * The shadow color definitions.
 */
/** The box shadow color for the Internet explorer. */
@def boxShadowColorIE #999999;
/** The box shadow color for all other browsers. */
@def boxShadowColorOther #666666;

/**
 * Background gradients.
 */
/** The form dialog background gradient. */
@def gradientFormDialog literal("left, #FFFFFF 0%, #F4F7F9 80%, #E1E4E8 100%");  
@def gradientFormDialogIE9 literal("url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2Y0ZjdmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWU0ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)");
@def gradientFormDialogColor #EEEEEE;

/**
 * The notification color definitions.
 */

/** The text color for an error message. */
@def notificationErrorColor #021324;
/** The background for an error message. */
@def notificationErrorBg #FFCCCC;
/** The border color for a error message. */
@def notificationErrorBorder #B31B34;
/** The text color for a warning message. */
@def notificationWarningColor #021324;
/** The background for a warning message. */
@def notificationWarningBg #FFCCCC;
/** The border color for a warning message. */
@def notificationWarningBorder #B31B34;
/** The text color for a normal message. */
@def notificationNormalColor #021324;
/** The background for a normal message. */
@def notificationNormalBg #FFFCF8;
/** The border color for a normal message. */
@def notificationNormalBorder #FFF1A8;


/**
 * The date box color definitions.
 */

/** The font size for a day. */
@def dateboxDayFontSize 11px;
/** The background color for the weekend days. */
@def dateboxWeekendBg #DDDDDD;
/** The text color for the todays day. */
@def dateboxTodayColor #B31B34;
/** A day in another month. */
@def dateboxAnotherMonthBg #666666;
/** The currently selected day. */
@def dateboxSelectedDayBg #CCCCCC;
/** The currently hovered day. */
@def dateboxHoveredDayBg #E0EDFE;

/**
 * The used z-index values for popups, drag operations, highlighting etc.
 */
 
 /** Used for popups and overlays. */
@def zIndexPopup 200000;

@def zIndexGroupContainer 190000;
/** Used during drag and drop. */
@def zIndexDND 250000;
/** Used for highlighting. */
@def zIndexHighlighting 150000;
/** Used for positioned UI elements. */
@def zIndexInline 100000;

/** For the menu. */ 
@def zIndexMenu 160000;