Refactor code structure for improved readability and maintainability
This commit is contained in:
		| @ -0,0 +1,573 @@ | ||||
| /* | ||||
| Product Name: dhtmlxSuite  | ||||
| Version: 5.2.0  | ||||
| Edition: Professional  | ||||
| License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com | ||||
| Copyright UAB Dinamenta http://www.dhtmlx.com | ||||
| */ | ||||
|  | ||||
| /* | ||||
| 	skin detected: dhx_terrace | ||||
| 	include extra file: skins/dhx_terrace.less | ||||
| */ | ||||
|  | ||||
| .dhxsidebar_base_dhx_terrace { | ||||
| 	position: relative; | ||||
| 	cursor: default; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont { | ||||
| 	position: absolute; | ||||
| 	cursor: default; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side { | ||||
| 	position: absolute; | ||||
| 	left: 0px; | ||||
| 	top: 0px; | ||||
| 	background-color: #f5f5f5; | ||||
| 	border-style: solid; | ||||
| 	border-color: #cccccc; | ||||
| 	border-width: 1px 1px 0px 1px; | ||||
| 	overflow: hidden; | ||||
| 	z-index: 5; | ||||
| 	-webkit-user-select: none; | ||||
| 	-khtml-user-select: none; | ||||
| 	-moz-user-select: none; | ||||
| 	-ms-user-select: none; | ||||
| 	-o-user-select: none; | ||||
| 	user-select: none; | ||||
| 	-webkit-tap-highlight-color: rgba(0,0,0,0); | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items { | ||||
| 	position: absolute; | ||||
| 	width: 100%; | ||||
| 	overflow: hidden; | ||||
| 	box-sizing: border-box; | ||||
| 	-ms-touch-action: none; | ||||
| 	-webkit-transition: top 0.2s; | ||||
| 	-moz-transition: top 0.2s; | ||||
| 	-ms-transition: top 0.2s; | ||||
| 	-o-transition: top 0.2s; | ||||
| 	transition: top 0.2s; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item { | ||||
| 	position: relative; | ||||
| 	padding: 0px 10px; | ||||
| 	z-index: 1; | ||||
| 	cursor: default; | ||||
| 	margin: 1px 0px; | ||||
| 	background-color: #f5f5f5; | ||||
| 	overflow: hidden; | ||||
| 	opacity: 1; | ||||
| 	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); | ||||
| 	font-family: Arial, Helvetica; | ||||
| 	font-size: 13px; | ||||
| 	color: #333333; | ||||
| 	-webkit-user-select: none; | ||||
| 	-khtml-user-select: none; | ||||
| 	-moz-user-select: none; | ||||
| 	-ms-user-select: none; | ||||
| 	-o-user-select: none; | ||||
| 	user-select: none; | ||||
| 	-ms-touch-action: none; | ||||
| 	-webkit-touch-callout: none; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item.dhxsidebar_item_hidden { | ||||
| 	height: 0px !important; | ||||
| 	margin: 0px 0px; | ||||
| 	opacity: 0; | ||||
| 	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item:hover { | ||||
| 	background-color: #f0f0f0; | ||||
| 	z-index: 2; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item.dhxsidebar_item_selected { | ||||
| 	z-index: 3; | ||||
| 	background-color: #fff3a1; | ||||
| 	color: black; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item img.dhxsidebar_item_icon { | ||||
| 	position: absolute; | ||||
| 	left: 9px; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_item_text { | ||||
| 	position: absolute; | ||||
| 	left: 0px; | ||||
| 	top: 0px; | ||||
| 	height: inherit; | ||||
| 	line-height: inherit; | ||||
| 	white-space: nowrap; | ||||
| 	overflow: hidden; | ||||
| 	text-overflow: ellipsis; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_bubble { | ||||
| 	position: absolute; | ||||
| 	width: 15px; | ||||
| 	height: 15px; | ||||
| 	line-height: 14px; | ||||
| 	right: 5px; | ||||
| 	top: 5px; | ||||
| 	border-radius: 10px; | ||||
| 	background-color: #f5f5f5; | ||||
| 	border: 1px solid #333333; | ||||
| 	font-family: Tahoma; | ||||
| 	font-size: 10px; | ||||
| 	text-align: center; | ||||
| 	font-weight: normal; | ||||
| 	color: #333333; | ||||
| 	cursor: default; | ||||
| 	overflow: hidden; | ||||
| 	z-index: 1; | ||||
| 	-webkit-user-select: none; | ||||
| 	-khtml-user-select: none; | ||||
| 	-moz-user-select: none; | ||||
| 	-ms-user-select: none; | ||||
| 	-o-user-select: none; | ||||
| 	user-select: none; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item:hover div.dhxsidebar_bubble { | ||||
| 	background-color: #f0f0f0; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item.dhxsidebar_item_selected div.dhxsidebar_bubble { | ||||
| 	background-color: #fff3a1; | ||||
| 	color: black; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_sep { | ||||
| 	position: relative; | ||||
| 	height: 1px; | ||||
| 	margin: 1px 0px; | ||||
| 	overflow: hidden; | ||||
| 	background-color: #e8e8e8; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_touch div.dhxsidebar_side_items div.dhxsidebar_item:hover { | ||||
| 	background-color: #f5f5f5; | ||||
| 	z-index: 1; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_touch div.dhxsidebar_side_items div.dhxsidebar_item.dhxsidebar_item_selected { | ||||
| 	z-index: 3; | ||||
| 	background-color: #fff3a1; | ||||
| 	color: black; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_details div.dhxsidebar_side_items div.dhxsidebar_item { | ||||
| 	height: 27px; | ||||
| 	line-height: 27px; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_details div.dhxsidebar_side_items div.dhxsidebar_item img.dhxsidebar_item_icon { | ||||
| 	top: 5px; | ||||
| 	width: 16px; | ||||
| 	height: 16px; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_details div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_item_text { | ||||
| 	padding-left: 34px; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_tiles div.dhxsidebar_side_items div.dhxsidebar_item { | ||||
| 	height: 47px; | ||||
| 	line-height: 47px; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_tiles div.dhxsidebar_side_items div.dhxsidebar_item img.dhxsidebar_item_icon { | ||||
| 	top: 7px; | ||||
| 	width: 32px; | ||||
| 	height: 32px; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_tiles div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_item_text { | ||||
| 	padding-left: 50px; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_tiles div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_bubble { | ||||
| 	top: 15px; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_icons div.dhxsidebar_side_items div.dhxsidebar_item { | ||||
| 	height: 47px; | ||||
| 	line-height: 47px; | ||||
| 	text-align: center; | ||||
| 	padding-left: 4px; | ||||
| 	padding-right: 4px; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_icons div.dhxsidebar_side_items div.dhxsidebar_item img.dhxsidebar_item_icon { | ||||
| 	position: relative; | ||||
| 	display: inline; | ||||
| 	left: 0px; | ||||
| 	top: 7px; | ||||
| 	width: 32px; | ||||
| 	height: 32px; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_icons_text div.dhxsidebar_side_items div.dhxsidebar_item { | ||||
| 	height: 66px; | ||||
| 	line-height: 1em; | ||||
| 	text-align: center; | ||||
| 	padding-left: 4px; | ||||
| 	padding-right: 4px; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_icons_text div.dhxsidebar_side_items div.dhxsidebar_item img.dhxsidebar_item_icon { | ||||
| 	position: relative; | ||||
| 	display: inline; | ||||
| 	left: 0px; | ||||
| 	top: 4px; | ||||
| 	width: 32px; | ||||
| 	height: 32px; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_icons_text div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_item_text { | ||||
| 	position: relative; | ||||
| 	display: block; | ||||
| 	height: 16px; | ||||
| 	margin-top: 10px; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_text div.dhxsidebar_side_items div.dhxsidebar_item { | ||||
| 	height: 27px; | ||||
| 	line-height: 27px; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_text div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_item_text { | ||||
| 	padding-left: 14px; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar { | ||||
| 	position: absolute; | ||||
| 	background-color: #ffffff; | ||||
| 	margin: 0px; | ||||
| 	padding: 0px; | ||||
| 	overflow: hidden; | ||||
| 	cursor: default; | ||||
| 	z-index: 0; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar.dhx_cell_cont_no_top div.dhx_cell_cont_sidebar { | ||||
| 	border-top-color: #ffffff; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_cont_sidebar { | ||||
| 	position: absolute; | ||||
| 	border-style: solid; | ||||
| 	border-color: #cccccc; | ||||
| 	border-width: 1px 1px 1px 0px; | ||||
| 	overflow: hidden; | ||||
| 	z-index: 0; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_cont_sidebar.dhx_cell_cont_no_borders { | ||||
| 	border-width: 0px; | ||||
| 	padding: 0px; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_menu_def { | ||||
| 	position: relative; | ||||
| 	overflow: hidden; | ||||
| 	border-top: 1px solid #cccccc; | ||||
| 	border-right: 1px solid #cccccc; | ||||
| 	padding: 8px 8px 0px 8px; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_menu_no_borders { | ||||
| 	position: relative; | ||||
| 	overflow: hidden; | ||||
| 	padding-left: 8px; | ||||
| 	padding-bottom: 8px; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhtmlxMenu_dhx_terrace_Middle { | ||||
| 	padding: 0px 2px; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_toolbar_def { | ||||
| 	position: relative; | ||||
| 	overflow: hidden; | ||||
| 	padding: 8px 8px 0px 8px; | ||||
| 	border-top: 1px solid #cccccc; | ||||
| 	border-right: 1px solid #cccccc; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_toolbar_no_borders { | ||||
| 	padding-left: 8px; | ||||
| 	padding-bottom: 8px; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_def { | ||||
| 	position: relative; | ||||
| 	overflow: hidden; | ||||
| 	padding: 4px 4px 0px 4px; | ||||
| 	border-top: 1px solid #cccccc; | ||||
| 	border-right: 1px solid #cccccc; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_dhx_web { | ||||
| 	border-width: 0px; | ||||
| 	width: auto; | ||||
| 	margin: 4px 4px 0px 4px; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_def div.dhtmlxribbon_dhx_terrace.dhxrb_without_tabbar { | ||||
| 	border-width: 0px; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_no_borders { | ||||
| 	position: relative; | ||||
| 	overflow: hidden; | ||||
| 	padding: 0; | ||||
| 	padding: 0px 0px 8px 8px; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_no_borders div.dhtmlxribbon_dhx_web.dhxrb_without_tabbar { | ||||
| 	width: auto; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_statusbar_def { | ||||
| 	position: absolute; | ||||
| 	bottom: 0px; | ||||
| 	width: 100%; | ||||
| 	font-family: Arial, Helvetica; | ||||
| 	font-size: 13px; | ||||
| 	color: #333333; | ||||
| 	background-color: #f5f5f5; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text { | ||||
| 	position: relative; | ||||
| 	padding: 0px 4px; | ||||
| 	height: 24px; | ||||
| 	line-height: 24px; | ||||
| 	border-bottom: 1px solid #cccccc; | ||||
| 	border-left: 1px solid #cccccc; | ||||
| 	border-right: 1px solid #cccccc; | ||||
| 	white-space: nowrap; | ||||
| 	overflow: hidden; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_progress_bar { | ||||
| 	position: absolute; | ||||
| 	left: 0px; | ||||
| 	top: 0px; | ||||
| 	width: 100%; | ||||
| 	height: 100%; | ||||
| 	background-color: #ffffff; | ||||
| 	opacity: 0.75; | ||||
| 	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75); | ||||
| 	z-index: 1; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_progress_img { | ||||
| 	position: absolute; | ||||
| 	left: 0px; | ||||
| 	top: 0px; | ||||
| 	width: 100%; | ||||
| 	height: 100%; | ||||
| 	background-image: url('../imgs/dhxsidebar_terrace/dhxsidebar_cell_progress.gif'); | ||||
| 	background-position: center center; | ||||
| 	background-repeat: no-repeat; | ||||
| 	z-index: 2; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_sidebar_hdr { | ||||
| 	position: relative; | ||||
| 	background-color: #f5f5f5; | ||||
| 	height: 36px; | ||||
| 	line-height: 35px; | ||||
| 	font-weight: normal; | ||||
| 	overflow: hidden; | ||||
| 	cursor: default; | ||||
| 	z-index: 1; | ||||
| 	border: 1px solid #cccccc; | ||||
| 	font-family: Arial, Helvetica; | ||||
| 	font-size: 13px; | ||||
| 	color: #333333; | ||||
| 	-webkit-user-select: none; | ||||
| 	-khtml-user-select: none; | ||||
| 	-moz-user-select: none; | ||||
| 	-ms-user-select: none; | ||||
| 	-o-user-select: none; | ||||
| 	user-select: none; | ||||
| 	-webkit-tap-highlight-color: rgba(0,0,0,0); | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_sidebar_hdr.dhx_cell_sidebar_hdr_hidden { | ||||
| 	border-width: 1px 0px 0px 0px; | ||||
| 	height: 0px; | ||||
| 	line-height: 0px; | ||||
| 	overflow: hidden; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_sidebar_hdr div.dhx_cell_sidebar_hdr_text { | ||||
| 	position: relative; | ||||
| 	margin: 0px 10px; | ||||
| 	overflow: hidden; | ||||
| 	white-space: nowrap; | ||||
| 	cursor: default; | ||||
| 	text-align: left; | ||||
| 	height: 100%; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_sidebar_hdr div.dhx_cell_sidebar_hdr_text.dhx_cell_sidebar_hdr_text_icon { | ||||
| 	margin-left: 34px !important; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_sidebar_hdr div.dhx_cell_sidebar_hdr_icon { | ||||
| 	position: absolute; | ||||
| 	top: 0px; | ||||
| 	left: 10px; | ||||
| 	width: 16px; | ||||
| 	height: 100%; | ||||
| 	background-image: url("../imgs/dhxsidebar_terrace/dhxsidebar_side_icon.gif"); | ||||
| 	background-position: center center; | ||||
| 	background-repeat: no-repeat; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont.dhxsidebar_autohide div.dhx_cell_sidebar div.dhx_cell_cont_sidebar { | ||||
| 	border-left-width: 1px; | ||||
| 	border-top-width: 0px; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont.dhxsidebar_autohide div.dhx_cell_sidebar div.dhx_cell_cont_sidebar.dhx_cell_cont_no_borders { | ||||
| 	border-left-width: 0px; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont.dhxsidebar_autohide div.dhx_cell_sidebar div.dhx_cell_menu_def, | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont.dhxsidebar_autohide div.dhx_cell_sidebar div.dhx_cell_toolbar_def, | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont.dhxsidebar_autohide div.dhx_cell_sidebar div.dhx_cell_ribbon_def { | ||||
| 	border-top-width: 0px; | ||||
| 	border-left: 1px solid #cccccc; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont.dhxsidebar_autohide { | ||||
| 	overflow: hidden; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont.dhxsidebar_autohide div.dhxsidebar_side { | ||||
| 	-webkit-transition: left 0.2s; | ||||
| 	-moz-transition: left 0.2s; | ||||
| 	-ms-transition: left 0.2s; | ||||
| 	-o-transition: left 0.2s; | ||||
| 	transition: left 0.2s; | ||||
| 	box-shadow: 0px 2px 8px rgba(127,127,127,0.4); | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont.dhxsidebar_autohide div.dhxsidebar_arrows { | ||||
| 	-webkit-transition: left 0.2s; | ||||
| 	-moz-transition: left 0.2s; | ||||
| 	-ms-transition: left 0.2s; | ||||
| 	-o-transition: left 0.2s; | ||||
| 	transition: left 0.2s; | ||||
| 	box-shadow: 0px 4px 6px rgba(127,127,127,0.4); | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side_cover { | ||||
| 	position: absolute; | ||||
| 	left: 0px; | ||||
| 	top: 0px; | ||||
| 	width: 100%; | ||||
| 	height: 100%; | ||||
| 	overflow: hidden; | ||||
| 	background-color: #fff; | ||||
| 	z-index: 3; | ||||
| 	-webkit-transition: opacity 0.3s; | ||||
| 	-moz-transition: opacity 0.3s; | ||||
| 	-ms-transition: opacity 0.3s; | ||||
| 	-o-transition: opacity 0.3s; | ||||
| 	transition: opacity 0.3s; | ||||
| 	opacity: 0.0001; | ||||
| 	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side_cover.dhxsidebar_side_cover_actv { | ||||
| 	opacity: 0.6; | ||||
| 	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_arrows { | ||||
| 	position: absolute; | ||||
| 	left: 0px; | ||||
| 	bottom: 0px; | ||||
| 	height: 24px; | ||||
| 	border: 1px solid #cccccc; | ||||
| 	background-color: #f5f5f5; | ||||
| 	font-size: 1px; | ||||
| 	overflow: hidden; | ||||
| 	z-index: 6; | ||||
| 	-webkit-tap-highlight-color: rgba(0,0,0,0); | ||||
| 	-ms-touch-action: none; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_arrows.dhxsidebar_arrows_hidden { | ||||
| 	height: 0px; | ||||
| 	border-width: 0px 1px 1px 1px; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow { | ||||
| 	position: absolute; | ||||
| 	width: 50%; | ||||
| 	height: 100%; | ||||
| 	top: 0px; | ||||
| 	font-size: 1px; | ||||
| 	overflow: hidden; | ||||
| 	z-index: 1; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow.dhxsidebar_arrow_left { | ||||
| 	left: 0px; | ||||
| 	border-right: 1px solid #cccccc; | ||||
| 	z-index: 2; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow.dhxsidebar_arrow_left div.dhxsidebar_arrow_image { | ||||
| 	background-image: url("../imgs/dhxsidebar_terrace/dhxsidebar_arrow_up.gif"); | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow.dhxsidebar_arrow_right { | ||||
| 	right: 0px; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow.dhxsidebar_arrow_right div.dhxsidebar_arrow_image { | ||||
| 	background-image: url("../imgs/dhxsidebar_terrace/dhxsidebar_arrow_down.gif"); | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow div.dhxsidebar_arrow_image { | ||||
| 	position: absolute; | ||||
| 	left: 0px; | ||||
| 	top: 0px; | ||||
| 	width: 100%; | ||||
| 	height: 100%; | ||||
| 	background-repeat: no-repeat; | ||||
| 	background-position: center center; | ||||
| 	font-size: 1px; | ||||
| 	overflow: hidden; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow:hover { | ||||
| 	background-color: #f0f0f0; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow:active { | ||||
| 	background-color: #ebebeb; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxcelltop_progress { | ||||
| 	position: absolute; | ||||
| 	left: 0px; | ||||
| 	top: 0px; | ||||
| 	width: 100%; | ||||
| 	height: 100%; | ||||
| 	background-color: white; | ||||
| 	z-index: 3; | ||||
| 	opacity: 0.55; | ||||
| 	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=55); | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxcelltop_progress_img { | ||||
| 	position: absolute; | ||||
| 	left: 0px; | ||||
| 	top: 0px; | ||||
| 	width: 100%; | ||||
| 	height: 100%; | ||||
| 	background-image: url('../imgs/dhxsidebar_terrace/dhxsidebar_cell_progress.gif'); | ||||
| 	background-position: center center; | ||||
| 	background-repeat: no-repeat; | ||||
| 	z-index: 4; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxcelltop_hdr { | ||||
| 	position: relative; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxcelltop_ftr { | ||||
| 	position: absolute; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxcelltop_menu { | ||||
| 	position: relative; | ||||
| 	overflow: hidden; | ||||
| 	padding-left: 0px; | ||||
| 	padding-right: 0px; | ||||
| 	padding-bottom: 10px; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxcelltop_toolbar { | ||||
| 	position: relative; | ||||
| 	padding-bottom: 10px; | ||||
| 	overflow: hidden; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxcelltop_toolbar div.dhx_toolbar_dhx_terrace { | ||||
| 	padding-left: 0px; | ||||
| 	padding-right: 0px; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxcelltop_ribbon { | ||||
| 	padding-bottom: 10px; | ||||
| 	position: relative; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxcelltop_ribbon div.dhtmlxribbon_dhx_terrace.dhxrb_without_tabbar { | ||||
| 	width: auto; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxcelltop_statusbar { | ||||
| 	position: absolute; | ||||
| 	background-color: #ffffff; | ||||
| 	overflow: hidden; | ||||
| } | ||||
| .dhxsidebar_base_dhx_terrace div.dhxcelltop_statusbar div.dhxcont_statusbar { | ||||
| 	position: relative; | ||||
| 	margin-top: 10px; | ||||
| 	border: 1px solid #cccccc; | ||||
| 	background-color: #f5f5f5; | ||||
| 	font-family: Arial, Helvetica; | ||||
| 	font-size: 13px; | ||||
| 	color: #333333; | ||||
| 	padding: 3px 4px; | ||||
| } | ||||
| .dhxsidebar_skin_detect { | ||||
| 	position: absolute; | ||||
| 	left: 0px; | ||||
| 	top: -100px; | ||||
| 	margin: 0; | ||||
| 	padding: 0; | ||||
| 	border: 0px solid white; | ||||
| 	width: 30px; | ||||
| 	height: 10px; | ||||
| 	overflow: hidden; | ||||
| } | ||||
		Reference in New Issue
	
	Block a user