Refactor code structure for improved readability and maintainability
This commit is contained in:
		| @ -0,0 +1,244 @@ | ||||
| /* | ||||
| Product Name: dhtmlxSuite  | ||||
| Version: 4.0.3  | ||||
| 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, extra file: skins/dhx_skyblue.less */ | ||||
|  | ||||
| div.dhxcombo_dhx_skyblue { | ||||
| 	position: relative; | ||||
| 	border: 1px solid #a4bed4; | ||||
| 	overflow: hidden; | ||||
| 	vertical-align: middle; | ||||
| 	background-color: white; | ||||
| 	font-size: 1px; | ||||
| 	height: 22px; | ||||
| } | ||||
| div.dhxcombo_dhx_skyblue input.dhxcombo_input { | ||||
| 	position: relative; | ||||
| 	top: 0px; | ||||
| 	left: 1px; | ||||
| 	height: 22px; | ||||
| 	line-height: 21px; | ||||
| 	*height: 20px; | ||||
| 	*line-height: 19px; | ||||
| 	border: 0px solid white; | ||||
| 	outline: 0px solid white; | ||||
| 	padding: 0px; | ||||
| 	margin: 0px 0px 0px 2px; | ||||
| 	background-color: white; | ||||
| 	font-family: Tahoma; | ||||
| 	font-size: 12px; | ||||
| 	color: black; | ||||
| 	vertical-align: middle; | ||||
| } | ||||
| div.dhxcombo_dhx_skyblue div.dhxcombo_select_button { | ||||
| 	position: absolute; | ||||
| 	width: 18px; | ||||
| 	height: 18px; | ||||
| 	top: 1px; | ||||
| 	right: 1px; | ||||
| 	font-size: 1px; | ||||
| 	border: 1px solid #a4bed4; | ||||
| 	background-color: #e2efff; | ||||
| 	background: linear-gradient(#e2efff,#d3e7ff); | ||||
| 	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#e2efff,endColorStr=#d3e7ff) progid:DXImageTransform.Microsoft.Alpha(opacity=100); | ||||
| 	border-radius: 2px; | ||||
| 	cursor: pointer; | ||||
| 	-webkit-user-select: none; | ||||
| 	-khtml-user-select: none; | ||||
| 	-moz-user-select: none; | ||||
| 	-o-user-select: none; | ||||
| 	user-select: none; | ||||
| 	-ms-user-select: none; | ||||
| 	overflow: hidden; | ||||
| } | ||||
| div.dhxcombo_dhx_skyblue div.dhxcombo_select_button div.dhxcombo_select_img { | ||||
| 	position: relative; | ||||
| 	width: 100%; | ||||
| 	height: 100%; | ||||
| 	background-image: url("../imgs/dhxcombo_skyblue/dhxcombo_arrow_down.gif"); | ||||
| 	background-repeat: no-repeat; | ||||
| 	background-position: center center; | ||||
| } | ||||
| div.dhxcombo_dhx_skyblue div.dhxcombo_top_image { | ||||
| 	position: absolute; | ||||
| 	left: 0px; | ||||
| 	top: 0px; | ||||
| 	width: 26px; | ||||
| 	height: 22px; | ||||
| 	-webkit-user-select: none; | ||||
| 	-khtml-user-select: none; | ||||
| 	-moz-user-select: none; | ||||
| 	-o-user-select: none; | ||||
| 	user-select: none; | ||||
| 	-ms-user-select: none; | ||||
| 	overflow: hidden; | ||||
| 	cursor: default; | ||||
| } | ||||
| div.dhxcombolist_dhx_skyblue { | ||||
| 	position: absolute; | ||||
| 	font-family: Tahoma; | ||||
| 	font-size: 12px; | ||||
| 	color: black; | ||||
| 	border: 1px solid #a4bed4; | ||||
| 	box-shadow: 0 2px 3px #ccc; | ||||
| 	background-color: #e7f1ff; | ||||
| 	border-bottom-left-radius: 2px; | ||||
| 	border-bottom-right-radius: 2px; | ||||
| 	-webkit-user-select: none; | ||||
| 	-khtml-user-select: none; | ||||
| 	-moz-user-select: none; | ||||
| 	-o-user-select: none; | ||||
| 	user-select: none; | ||||
| 	-ms-user-select: none; | ||||
| 	overflow-x: none; | ||||
| 	overflow-y: auto; | ||||
| 	-moz-transition: height 0.15s ease 0s; | ||||
| } | ||||
| div.dhxcombolist_dhx_skyblue div.dhxcombo_option { | ||||
| 	position: relative; | ||||
| 	font-size: inherit; | ||||
| 	height: 20px; | ||||
| 	line-height: 19px; | ||||
| 	border-top: 1px solid #e7f1ff; | ||||
| 	border-bottom: 1px solid #e7f1ff; | ||||
| 	vertical-align: middle; | ||||
| 	overflow: hidden; | ||||
| 	cursor: default; | ||||
| } | ||||
| div.dhxcombolist_dhx_skyblue div.dhxcombo_option.dhxcombo_option_selected { | ||||
| 	background-color: #b5deff !important; | ||||
| 	border-top: 1px solid #a1ceed !important; | ||||
| 	border-bottom: 1px solid #a1ceed !important; | ||||
| 	color: black; | ||||
| } | ||||
| div.dhxcombolist_dhx_skyblue div.dhxcombo_option div.dhxcombo_option_text { | ||||
| 	position: relative; | ||||
| 	padding: 0px 4px; | ||||
| 	white-space: nowrap; | ||||
| 	-webkit-user-select: none; | ||||
| 	-khtml-user-select: none; | ||||
| 	-moz-user-select: none; | ||||
| 	-o-user-select: none; | ||||
| 	user-select: none; | ||||
| 	-ms-user-select: none; | ||||
| } | ||||
| div.dhxcombolist_dhx_skyblue div.dhxcombo_option div.dhxcombo_option_text.dhxcombo_option_text_chbx { | ||||
| 	position: relative; | ||||
| 	padding: 0px 4px 0px 4px; | ||||
| 	margin-left: 20px; | ||||
| 	-webkit-user-select: none; | ||||
| 	-khtml-user-select: none; | ||||
| 	-moz-user-select: none; | ||||
| 	-o-user-select: none; | ||||
| 	user-select: none; | ||||
| 	-ms-user-select: none; | ||||
| 	white-space: nowrap; | ||||
| } | ||||
| div.dhxcombolist_dhx_skyblue div.dhxcombo_option div.dhxcombo_checkbox { | ||||
| 	position: absolute; | ||||
| 	left: 1px; | ||||
| 	top: 1px; | ||||
| 	width: 20px; | ||||
| 	height: 20px; | ||||
| 	background-image: url("../imgs/dhxcombo_skyblue/dhxcombo_chbx.gif"); | ||||
| 	background-repeat: no-repeat; | ||||
| 	-webkit-user-select: none; | ||||
| 	-khtml-user-select: none; | ||||
| 	-moz-user-select: none; | ||||
| 	-o-user-select: none; | ||||
| 	user-select: none; | ||||
| 	-ms-user-select: none; | ||||
| 	overflow: hidden; | ||||
| 	cursor: default; | ||||
| } | ||||
| div.dhxcombolist_dhx_skyblue div.dhxcombo_option div.dhxcombo_checkbox.dhxcombo_chbx_0 { | ||||
| 	background-position: 0px 0px; | ||||
| } | ||||
| div.dhxcombolist_dhx_skyblue .dhxcombo_option div.dhxcombo_checkbox.dhxcombo_chbx_1 { | ||||
| 	background-position: -18px 0px; | ||||
| } | ||||
| div.dhxcombolist_dhx_skyblue div.dhxcombo_option div.dhxcombo_option_text.dhxcombo_option_text_image { | ||||
| 	position: relative; | ||||
| 	padding: 0px 4px 0px 4px; | ||||
| 	margin-left: 20px; | ||||
| 	-webkit-user-select: none; | ||||
| 	-khtml-user-select: none; | ||||
| 	-moz-user-select: none; | ||||
| 	-o-user-select: none; | ||||
| 	user-select: none; | ||||
| 	-ms-user-select: none; | ||||
| 	white-space: nowrap; | ||||
| } | ||||
| div.dhxcombo_dhx_skyblue div.dhxcombo_top_image div.dhxcombo_image, | ||||
| div.dhxcombolist_dhx_skyblue div.dhxcombo_option div.dhxcombo_image { | ||||
| 	position: absolute; | ||||
| 	left: 3px; | ||||
| 	top: 1px; | ||||
| 	width: 20px; | ||||
| 	height: 20px; | ||||
| 	background-repeat: no-repeat; | ||||
| 	background-position: center center; | ||||
| 	-webkit-user-select: none; | ||||
| 	-khtml-user-select: none; | ||||
| 	-moz-user-select: none; | ||||
| 	-o-user-select: none; | ||||
| 	user-select: none; | ||||
| 	-ms-user-select: none; | ||||
| 	overflow: hidden; | ||||
| 	cursor: default; | ||||
| } | ||||
| div.dhxcombo_dhx_skyblue.dhxcombo_disabled { | ||||
| 	border: 1px solid #cccccc; | ||||
| 	background-color: #fafafa; | ||||
| } | ||||
| div.dhxcombo_dhx_skyblue.dhxcombo_disabled input.dhxcombo_input { | ||||
| 	color: #b2b2b2; | ||||
| 	background-color: #fafafa; | ||||
| } | ||||
| div.dhxcombo_dhx_skyblue.dhxcombo_disabled div.dhxcombo_select_button { | ||||
| 	border-color: #cccccc; | ||||
| 	background-color: #fefefe; | ||||
| 	background: linear-gradient(#fefefe,#f4f4f4); | ||||
| 	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fefefe,endColorStr=#f4f4f4) progid:DXImageTransform.Microsoft.Alpha(opacity=100); | ||||
| 	cursor: default; | ||||
| } | ||||
| div.dhxcombo_dhx_skyblue.dhxcombo_disabled div.dhxcombo_select_button div.dhxcombo_select_img { | ||||
| 	background-image: url("../imgs/dhxcombo_skyblue/dhxcombo_arrow_down_dis.gif"); | ||||
| } | ||||
| .dhxgrid_combo_icon { | ||||
| 	position: absolute; | ||||
| 	z-index: 1; | ||||
| 	top: 0px; | ||||
| 	right: 0px; | ||||
| } | ||||
| div.dhxcombo_dhx_skyblue.dhxcombo_in_grid { | ||||
| 	border-top: 1px solid white; | ||||
| 	border-bottom: 0px solid white; | ||||
| 	border-left: 1px solid white; | ||||
| 	border-right: 1px solid white; | ||||
| 	margin-left: -4px; | ||||
| } | ||||
| div.dhxcombo_dhx_skyblue.dhxcombo_in_grid input.dhxcombo_input { | ||||
| 	height: 18px; | ||||
| 	border-left: 2px solid white; | ||||
| 	line-height: 17px; | ||||
| } | ||||
| div.dhxcombo_dhx_skyblue.dhxcombo_in_grid div.dhxcombo_select_button { | ||||
| 	top: 0px; | ||||
| } | ||||
| .dhxcombo_skin_detect { | ||||
| 	position: absolute; | ||||
| 	left: 0px; | ||||
| 	top: -100px; | ||||
| 	margin: 0; | ||||
| 	padding: 0; | ||||
| 	border: 0px solid white; | ||||
| 	width: 10px; | ||||
| 	height: 10px; | ||||
| 	overflow: hidden; | ||||
| } | ||||
		Reference in New Issue
	
	Block a user