mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-12-11 09:11:05 +01:00
f430b66d3b
classes are now uppercase and in their own files. lowercase classes are deprecated.
Interfaces are now actual interfaces that should be implemented instead of creating and returning an ai Object every time
(cherry picked from commit 5e3c67a5cf
)
352 lines
12 KiB
CSS
Executable File
352 lines
12 KiB
CSS
Executable File
/*
|
|
"DHX SKYBLUE" DHTMLXMENU SKIN 2009
|
|
*/
|
|
/****************************************************************************************************************************************************/
|
|
/* TOPLEVEL */
|
|
.dhtmlxMenu_egw_Middle {
|
|
position: relative;
|
|
height: 20px;
|
|
border: none;
|
|
background-image: url("../imgs/dhxmenu_topbg.gif");
|
|
background-position: top;
|
|
background-repeat: repeat-x;
|
|
-moz-user-select: none;
|
|
padding: 0px 7px;
|
|
}
|
|
|
|
.dhtmlx_winviewport.dhtmlx_skin_egw div.dhtmlxMenu_egw_Middle,
|
|
.dhxlayout_fullscreened div.dhtmlxMenu_egw_Middle,
|
|
.dhx_tabbar_zone.dhx_tabbar_zone_egw div.dhtmlxMenu_egw_Middle,
|
|
.dhx_acc_base_egw div.dhtmlxMenu_egw_Middle,
|
|
.dhtmlx_skin_egw div.dhtmlx_window_active div.dhtmlxMenu_egw_Middle,
|
|
.dhtmlx_skin_egw div.dhtmlx_window_inactive div.dhtmlxMenu_egw_Middle,
|
|
table.dhtmlxLayoutPolyContainer_egw td.dhtmlxLayoutSinglePoly div.dhtmlxMenu_egw_Middle {
|
|
height: 29px !important;
|
|
}
|
|
|
|
.dhtmlxMenu_egw_Middle.dir_left div.align_left {
|
|
float: left;
|
|
}
|
|
.dhtmlxMenu_egw_Middle.dir_left div.align_right {
|
|
float: right;
|
|
}
|
|
|
|
|
|
/* menu in window, layout, accordion have bottom margin 9px */
|
|
/*
|
|
.dhtmlx_skin_egw div.dhtmlx_wins_body_inner div.dhtmlxMenu_egw_Middle,
|
|
table.dhtmlxLayoutPolyContainer_egw td.dhtmlxLayoutSinglePoly div.dhtmlxMenu_egw_Middle {
|
|
height: 27px !important;
|
|
}
|
|
|
|
|
|
|
|
.dhtmlxMenu_egw_Layout, .dhtmlxMenu_egw_Accordion {
|
|
border-bottom: #cedce8 1px solid;
|
|
}
|
|
|
|
.dhtmlxMenu_egw_Middle.in_acccell, .dhtmlxMenu_egw_Middle.in_layoutcell {
|
|
height: 27px;
|
|
background-image: url("../imgs/dhxmenu_egw/dhxmenu_bg_acccell.gif");
|
|
background-position: top;
|
|
background-repeat: repeat-x;
|
|
}
|
|
*/
|
|
|
|
/****************************************************************************************************************************************************/
|
|
/* TOPLEVEL ITEMS */
|
|
/* toplevel item normal */
|
|
div.dhtmlxMenu_egw_TopLevel_Item_Normal,
|
|
div.dhtmlxMenu_egw_TopLevel_Item_Disabled,
|
|
div.dhtmlxMenu_egw_TopLevel_Item_Selected {
|
|
position: relative;
|
|
float: left;
|
|
font-weight: normal;
|
|
cursor: default;
|
|
white-space: nowrap;
|
|
-moz-user-select: none;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
vertical-align: middle;
|
|
margin: 0px 2px 100px 0px;
|
|
padding: 0px 5px;
|
|
color: #000000;
|
|
}
|
|
div.dhtmlxMenu_egw_TopLevel_Item_Normal {
|
|
border-left: #ececec 1px solid !important;
|
|
border-right: #ececec 1px solid !important;
|
|
/*
|
|
background-image:url("../imgs/dhxmenu_egw/dhxmenu_topsepbg.gif");
|
|
background-position:right center;
|
|
background-repeat:no-repeat;
|
|
*/
|
|
}
|
|
/* toplevel item disabled */
|
|
div.dhtmlxMenu_egw_TopLevel_Item_Disabled {
|
|
color: #999999 !important;
|
|
}
|
|
/* toplevel item selected (over) */
|
|
div.dhtmlxMenu_egw_TopLevel_Item_Selected {
|
|
background-image: url("../imgs/dhxmenu_topselbg.gif");
|
|
background-repeat: repeat-x;
|
|
border-left: #ffffff 1px solid !important;
|
|
border-right: #ffffff 1px solid !important;
|
|
}
|
|
/* toplevel separator */
|
|
.dhtmlxMenu_egw_Middle div.top_sep {
|
|
font-size: 1px;
|
|
cursor: default;
|
|
-moz-user-select: none;
|
|
background-image: url("../imgs/dhxmenu_topsepbg.gif");
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
height: 20px;
|
|
position: relative;
|
|
float: left;
|
|
width: 3px;
|
|
margin-left: 0px;
|
|
margin-right: 2px;
|
|
}
|
|
/* top level image */
|
|
.dhtmlxMenu_egw_Middle img.dhtmlxMenu_TopLevel_Item_Icon {
|
|
float: left;
|
|
margin: 2px 2px 0px 2px;
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
|
|
|
|
/* top level text*/
|
|
div.dhtmlxMenu_egw_TopLevel_Item_Normal div.top_level_text,
|
|
div.dhtmlxMenu_egw_TopLevel_Item_Disabled div.top_level_text,
|
|
div.dhtmlxMenu_egw_TopLevel_Item_Selected div.top_level_text {
|
|
float: left;
|
|
margin-left: 2px;
|
|
margin-right: 2px;
|
|
}
|
|
/****************************************************************************************************************************************************/
|
|
/* SUBLEVEL POLYGON */
|
|
div.dhtmlxMenu_egw_SubLevelArea_Polygon {
|
|
position: absolute;
|
|
background-color: #ececec;
|
|
border: #aaaaaa 1px outset;
|
|
overflow: hidden;
|
|
padding-top: 1px;
|
|
padding-bottom: 1px;
|
|
box-shadow: 2px 3px 13px #666666;
|
|
-moz-box-shadow: 2px 3px 13px #666666;
|
|
-webkit-box-shadow: 2px 3px 13px #666666;
|
|
-khtml-box-shadow: 2px 3px 13px #666666;
|
|
filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3);
|
|
-moz-user-select: none;
|
|
|
|
}
|
|
/* IE6 sublevel undercover fix */
|
|
iframe.dhtmlxMenu_IE6CoverFix_egw {
|
|
position: absolute;
|
|
border: none;
|
|
background: #000000;
|
|
filter: alpha(opacity=100);
|
|
}
|
|
/****************************************************************************************************************************************************/
|
|
/* SUBLEVEL ITEMS */
|
|
|
|
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl {
|
|
|
|
}
|
|
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item {
|
|
height: 28px;
|
|
cursor: default;
|
|
}
|
|
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis {
|
|
height: 28px;
|
|
cursor: default;
|
|
}
|
|
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected {
|
|
height: 28px;
|
|
cursor: default;
|
|
background-image: url("../imgs/dhxmenu_subselbg.png");
|
|
background-repeat: repeat-x;
|
|
background-position: center;
|
|
}
|
|
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_icon {
|
|
width: 24px;
|
|
text-align: left;
|
|
-moz-user-select: none;
|
|
}
|
|
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_icon img.sub_icon {
|
|
width: 16px;
|
|
height: 16px;
|
|
margin: 6px 2px 2px 8px;
|
|
}
|
|
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_text {
|
|
vertical-align: middle;
|
|
padding-left: 4px;
|
|
padding-right: 4px;
|
|
}
|
|
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_item_text {
|
|
font-weight: normal;
|
|
color: #000000;
|
|
white-space: nowrap;
|
|
text-align: left;
|
|
}
|
|
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_item_text {
|
|
color: #999999 !important;
|
|
}
|
|
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_hk {
|
|
padding-left: 8px;
|
|
padding-right: 8px;
|
|
}
|
|
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_hk div.sub_item_hk {
|
|
color: #a4bed4;
|
|
text-align: right;
|
|
}
|
|
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected td.sub_item_hk div.sub_item_hk {
|
|
color: #999999;
|
|
}
|
|
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis td.sub_item_hk div.sub_item_hk {
|
|
color: #cecece !important;
|
|
}
|
|
div.dhtmlxMenu_egw_SubLevelArea_Polygon tr.sub_sep {
|
|
height: 3px;
|
|
font-size: 1px;
|
|
}
|
|
div.dhtmlxMenu_egw_SubLevelArea_Polygon div.sub_sep {
|
|
font-size: 1px;
|
|
border-top: 2px #eeeeee groove;
|
|
cursor: default;
|
|
height: 2px;
|
|
}
|
|
/****************************************************************************************************************************************************/
|
|
/* SUBLEVEL ARROWS */
|
|
|
|
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.complex_arrow {
|
|
width: 7px;
|
|
height: 24px;
|
|
background-image: url("../imgs/dhxmenu_subar.gif");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px 0px;
|
|
float: right;
|
|
}
|
|
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected div.complex_arrow {
|
|
background-position: -7px 0px !important;
|
|
}
|
|
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.complex_arrow {
|
|
background-position: -14px 0px !important;
|
|
}
|
|
/****************************************************************************************************************************************************/
|
|
/* LOADING ICON */
|
|
|
|
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.complex_arrow_loading {
|
|
width: 7px;
|
|
height: 24px;
|
|
background-image: url("../imgs/dhxmenu_loader.gif");
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
float: right;
|
|
}
|
|
/****************************************************************************************************************************************************/
|
|
/* UP/DOWN OVERFLOW ARROWS */
|
|
div.dhtmlxMenu_egw_SubLevelArea_Arrow {
|
|
width: 100%;
|
|
height: 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
}
|
|
div.dhtmlxMenu_egw_SubLevelArea_Arrow div.dhtmlxMenu_SubLevelArea_Arrow_Icon {
|
|
position: relative;
|
|
margin-top: 6px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 29px;
|
|
height: 8px;
|
|
background-repeat: no-repeat;
|
|
background-image: url("../imgs/dhxmenu_upar.gif");
|
|
}
|
|
/* up arrows */
|
|
div.dhtmlxMenu_egw_SubLevelArea_ArrowUp,
|
|
div.dhtmlxMenu_egw_SubLevelArea_ArrowUp_Over,
|
|
div.dhtmlxMenu_egw_SubLevelArea_ArrowUp_Disabled {
|
|
position: absolute;
|
|
height: 20px;
|
|
font-size: 1px;
|
|
}
|
|
div.dhtmlxMenu_egw_SubLevelArea_ArrowUp div.dhtmlxMenu_SubLevelArea_Arrow_Icon { background-position: -87px 0px; }
|
|
div.dhtmlxMenu_egw_SubLevelArea_ArrowUp_Over div.dhtmlxMenu_SubLevelArea_Arrow_Icon { background-position: -116px 0px; }
|
|
div.dhtmlxMenu_egw_SubLevelArea_ArrowUp_Disabled div.dhtmlxMenu_SubLevelArea_Arrow_Icon { background-position: -145px 0px; }
|
|
/* down arrows */
|
|
div.dhtmlxMenu_egw_SubLevelArea_ArrowDown,
|
|
div.dhtmlxMenu_egw_SubLevelArea_ArrowDown_Over,
|
|
div.dhtmlxMenu_egw_SubLevelArea_ArrowDown_Disabled {
|
|
position: absolute;
|
|
height: 20px;
|
|
font-size: 1px;
|
|
}
|
|
div.dhtmlxMenu_egw_SubLevelArea_ArrowDown div.dhtmlxMenu_SubLevelArea_Arrow_Icon { background-position: 0px 0px; }
|
|
div.dhtmlxMenu_egw_SubLevelArea_ArrowDown_Over div.dhtmlxMenu_SubLevelArea_Arrow_Icon { background-position: -29px 0px; }
|
|
div.dhtmlxMenu_egw_SubLevelArea_ArrowDown_Disabled div.dhtmlxMenu_SubLevelArea_Arrow_Icon { background-position: -58px 0px; }
|
|
/****************************************************************************************************************************************************/
|
|
/* TOPLEVEL TEXT */
|
|
.dhtmlxMenu_egw_Middle div.dhtmlxMenu_TopLevel_Text_right {
|
|
position: absolute;
|
|
top: 0px;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
vertical-align: middle;
|
|
left: none;
|
|
right: 8px;
|
|
color: #000000;
|
|
cursor: default;
|
|
}
|
|
.dhtmlxMenu_egw_Middle div.dhtmlxMenu_TopLevel_Text_left {
|
|
position: absolute;
|
|
top: 0px;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
vertical-align: middle;
|
|
right: none;
|
|
left: 8px;
|
|
color: #000000;
|
|
cursor: default;
|
|
}
|
|
/****************************************************************************************************************************************************/
|
|
/* ITEM'S CHECKS, RADIOS */
|
|
/* sublevel */
|
|
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon {
|
|
float: left;
|
|
margin: 2px 4px 2px 8px;
|
|
width: 16px;
|
|
height: 16px;
|
|
background-position: top right;
|
|
background-repeat: no-repeat;
|
|
background-image: url("../imgs/dhxmenu_chrd.gif");
|
|
}
|
|
/* checkboxes */
|
|
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon.chbx_0 {
|
|
background-position: 0px 0px !important;
|
|
}
|
|
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon.chbx_1 {
|
|
background-position: -18px 0px !important;
|
|
}
|
|
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_icon.chbx_0 {
|
|
background-position: -36px 0px !important;
|
|
}
|
|
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_icon.chbx_1 {
|
|
background-position: -54px 0px !important;
|
|
}
|
|
/* radios */
|
|
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon.rdbt_0 {
|
|
background-position: -72px 0px !important;
|
|
}
|
|
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon.rdbt_1 {
|
|
background-position: -90px 0px !important;
|
|
}
|
|
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_icon.rdbt_0 {
|
|
background-position: -108px 0px !important;
|
|
}
|
|
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_icon.rdbt_1 {
|
|
background-position: -126px 0px !important;
|
|
}
|