Refactor code structure for improved readability and maintainability
This commit is contained in:
1250
themes/sources/dhtmlxAccordion/codebase/dhtmlxaccordion.js
Normal file
1250
themes/sources/dhtmlxAccordion/codebase/dhtmlxaccordion.js
Normal file
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,62 @@
|
||||
/*
|
||||
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
|
||||
*/
|
||||
|
||||
/* deprecated */
|
||||
dhtmlXAccordion.prototype.setEffect = function(mode) {
|
||||
// expand/collapse, dnd
|
||||
// enabled for browsers which support html5 by default
|
||||
};
|
||||
dhtmlXAccordion.prototype.setIcon = function(id, icon) {
|
||||
this.cells(id).setIcon(icon);
|
||||
};
|
||||
dhtmlXAccordion.prototype.clearIcon = function(id) {
|
||||
this.cells(id).clearIcon();
|
||||
};
|
||||
dhtmlXAccordion.prototype.setActive = function(id) {
|
||||
this.cells(id).open();
|
||||
};
|
||||
dhtmlXAccordion.prototype.isActive = function(id) {
|
||||
return this.cells(id).isOpened();
|
||||
};
|
||||
dhtmlXAccordion.prototype.openItem = function(id) {
|
||||
this.cells(id).open();
|
||||
};
|
||||
dhtmlXAccordion.prototype.closeItem = function(id) {
|
||||
this.cells(id).close();
|
||||
};
|
||||
dhtmlXAccordion.prototype.moveOnTop = function(id) {
|
||||
this.cells(id).moveOnTop();
|
||||
};
|
||||
dhtmlXAccordion.prototype.setItemHeight = function(h) {
|
||||
this.cells(id).setHeight(h);
|
||||
};
|
||||
dhtmlXAccordion.prototype.setText = function(id, text) {
|
||||
this.cells(id).setText(text);
|
||||
};
|
||||
dhtmlXAccordion.prototype.getText = function() {
|
||||
return this.cells(id).getText();
|
||||
};
|
||||
dhtmlXAccordion.prototype.showItem = function(id) {
|
||||
this.cells(id).show();
|
||||
};
|
||||
dhtmlXAccordion.prototype.hideItem = function(id) {
|
||||
this.cells(id).hide();
|
||||
};
|
||||
dhtmlXAccordion.prototype.isItemHidden = function(id) {
|
||||
return !this.cells(id).isVisible();
|
||||
};
|
||||
dhtmlXAccordion.prototype.loadJSON = function(data, callback) {
|
||||
this.loadStruct(data, callback);
|
||||
};
|
||||
dhtmlXAccordion.prototype.loadXML = function(data, callback) {
|
||||
this.loadStruct(data, callback);
|
||||
};
|
||||
dhtmlXAccordion.prototype.setSkinParameters = function(ofsBetween, ofsCont) {
|
||||
if (ofsBetween != null) this.setOffset(ofsBetween);
|
||||
};
|
||||
|
||||
@ -0,0 +1,353 @@
|
||||
/*
|
||||
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
|
||||
*/
|
||||
|
||||
dhtmlXAccordion.prototype.enableDND = function() {
|
||||
|
||||
if (this.conf.multi_mode == false || this._dnd != null) return;
|
||||
|
||||
var that = this;
|
||||
|
||||
this._dnd = {
|
||||
tr_count: 0,
|
||||
tr_items: {}
|
||||
};
|
||||
|
||||
this._dndAttachEvent = function(id) {
|
||||
var t = this.t[id].cell;
|
||||
if (t.conf.dnd_inited != true) {
|
||||
if (typeof(window.addEventListener) == "function") {
|
||||
t.cell.childNodes[t.conf.idx.hdr].addEventListener("mousedown", this._dndOnMouseDown, false);
|
||||
} else {
|
||||
t.cell.childNodes[t.conf.idx.hdr].attachEvent("onmousedown", this._dndOnMouseDown);
|
||||
}
|
||||
t.conf.dnd_inited = true;
|
||||
}
|
||||
t = null;
|
||||
}
|
||||
|
||||
this._dndDetachEvent = function(id) {
|
||||
var t = this.t[id].cell;
|
||||
if (t.conf.dnd_inited == true) {
|
||||
if (typeof(window.addEventListener) == "function") {
|
||||
t.cell.childNodes[t.conf.idx.hdr].removeEventListener("mousedown", this._dndOnMouseDown, false);
|
||||
} else {
|
||||
t.cell.childNodes[t.conf.idx.hdr].detachEvent("onmousedown", this._dndOnMouseDown);
|
||||
}
|
||||
t.conf.dnd_inited = false;
|
||||
}
|
||||
t = null;
|
||||
}
|
||||
|
||||
this._dndOnMouseDown = function(e) {
|
||||
e = e||event;
|
||||
if (e.preventDefault) e.preventDefault(); // selection in chrome
|
||||
var t = (e.target||e.srcElement);
|
||||
while (t != null && t.parentNode != that.cont) t = t.parentNode;
|
||||
if (t != null) that._dndDragStart(e, t);
|
||||
t = null;
|
||||
}
|
||||
|
||||
this._dndDragStart = function(e,t) {
|
||||
|
||||
if (this._dnd.tr_waiting == true) return;
|
||||
|
||||
// cell index
|
||||
var ind0 = -1;
|
||||
for (var q=0; q<t.parentNode.childNodes.length; q++) {
|
||||
if (t.parentNode.childNodes[q] == t) ind0 = q;
|
||||
}
|
||||
|
||||
if (this.callEvent("onBeforeDrag",[t._accId, ind0]) !== true) return; // added in 4.2
|
||||
|
||||
if (typeof(window.addEventListener) == "function") {
|
||||
document.body.addEventListener("mousemove", this._dndOnMouseMove, false);
|
||||
document.body.addEventListener("mouseup", this._dndOnMouseUp, false);
|
||||
} else {
|
||||
document.body.attachEvent("onmousemove", this._dndOnMouseMove, false);
|
||||
document.body.attachEvent("onmouseup", this._dndOnMouseUp, false);
|
||||
}
|
||||
|
||||
this._dnd.dragObj = t;
|
||||
|
||||
this._dnd.dy = e.clientY;
|
||||
|
||||
// define index and min/max offset for dragged object
|
||||
var u = 0;
|
||||
|
||||
for (var q=0; q<this._dnd.dragObj.parentNode.childNodes.length; q++) {
|
||||
this._dnd.dragObj.parentNode.childNodes[q]._ind = q; // recalculate indecies
|
||||
if (this._dnd.dragObj.parentNode.childNodes[q] == this._dnd.dragObj) {
|
||||
this._dnd.dragObj._k0 = u;
|
||||
if (q > 0) this._dnd.dragObj._k0 += this.ofs.m.between-this.ofs.m.first; // include margins for non-top cells
|
||||
u = 0;
|
||||
} else {
|
||||
u += this._dnd.dragObj.parentNode.childNodes[q].offsetHeight+
|
||||
parseInt(this._dnd.dragObj.parentNode.childNodes[q].style.marginTop);
|
||||
}
|
||||
}
|
||||
this._dnd.dragObj._k1 = u;
|
||||
|
||||
this._dnd.h = this._dnd.dragObj.offsetHeight;
|
||||
|
||||
this._dnd.ofs = false; // check if mouse was realy moved over screen
|
||||
}
|
||||
|
||||
this._dndDoDrag = function(e) {
|
||||
|
||||
if (!this._dnd.dragObj) return;
|
||||
if (this._dnd.tr_waiting == true) return;
|
||||
|
||||
var r = e.clientY-this._dnd.dy;
|
||||
|
||||
if (this._dnd.ofs == false && Math.abs(r) > 5) {
|
||||
this._dnd.dragObj.className += " acc_cell_dragged";
|
||||
this._dnd.ofs = true;
|
||||
}
|
||||
|
||||
// overlaying left/right
|
||||
if (r < 0) {
|
||||
if (r < -this._dnd.dragObj._k0) r = -this._dnd.dragObj._k0;
|
||||
} else {
|
||||
if (r > this._dnd.dragObj._k1) r = this._dnd.dragObj._k1;
|
||||
}
|
||||
|
||||
this._dnd.dragObj.style.top = r+"px";
|
||||
|
||||
// prev
|
||||
|
||||
// get offset
|
||||
var ofs = e.clientY-this._dnd.dy;
|
||||
var s0 = 0;
|
||||
var i = 0;
|
||||
for (var q=this._dnd.dragObj._ind+1; q<=this._dnd.dragObj.parentNode.lastChild._ind; q++) {
|
||||
var w0 = this._dnd.dragObj.parentNode.childNodes[q].offsetHeight;
|
||||
if (ofs > s0+w0*2/3) i++;
|
||||
s0 += w0;
|
||||
}
|
||||
|
||||
// loop through siblings
|
||||
var s = this._dnd.dragObj.nextSibling;
|
||||
var q = 0;
|
||||
|
||||
while (s != null) {
|
||||
|
||||
if (++q<=i && s != null) {
|
||||
// move to left if not moved yet
|
||||
if (!s._ontop) {
|
||||
if (s._tm) window.clearTimeout(s._tm);
|
||||
this._dndAnim(s, false, parseInt(s.style.top||0), -this._dnd.h-this.ofs.m.between); // margin-top always "between", index here will never equal 0
|
||||
s._ontop = true;
|
||||
}
|
||||
} else {
|
||||
// move to right (to orig position) if moved to left
|
||||
if (s._ontop) {
|
||||
if (s._tm) window.clearTimeout(s._tm);
|
||||
this._dndAnim(s, true, parseInt(s.style.top||0), 0);
|
||||
s._ontop = false;
|
||||
}
|
||||
}
|
||||
|
||||
s = s.nextSibling;
|
||||
}
|
||||
|
||||
// next
|
||||
|
||||
// get offset
|
||||
var ofs = this._dnd.dy-e.clientY;
|
||||
var s0 = 0;
|
||||
var i = 0;
|
||||
for (var q=this._dnd.dragObj._ind-1; q>=this._dnd.dragObj.parentNode.firstChild._ind; q--) {
|
||||
var w0 = this._dnd.dragObj.parentNode.childNodes[q].offsetHeight;
|
||||
if (ofs > s0+w0*2/3) i++;
|
||||
s0 += w0;
|
||||
}
|
||||
|
||||
// loop through siblings
|
||||
var s = this._dnd.dragObj.previousSibling;
|
||||
var q = 0;
|
||||
|
||||
while (s != null) {
|
||||
|
||||
if (++q<=i && s != null) {
|
||||
if (!s._onbottom) {
|
||||
if (s._tm) window.clearTimeout(s._tm);
|
||||
this._dndAnim(s, true, parseInt(s.style.top||0), this._dnd.h+this.ofs.m.between);
|
||||
s._onbottom = true;
|
||||
}
|
||||
} else {
|
||||
if (s._onbottom) {
|
||||
if (s._tm) window.clearTimeout(s._tm);
|
||||
this._dndAnim(s, false, parseInt(s.style.top), 0);
|
||||
s._onbottom = false;
|
||||
}
|
||||
}
|
||||
|
||||
s = s.previousSibling;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
this._dndDragStop = function(e, force) {
|
||||
|
||||
if (force) {
|
||||
// console.log("tr ended, fix drop");
|
||||
} else {
|
||||
if (this._dnd.tr_count > 0) {
|
||||
this._dnd.tr_waiting = true;
|
||||
// console.log("still moving", this._dnd.tr_count);
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
if (!this._dnd.dragObj) return;
|
||||
|
||||
this._dnd.dragObj.className = String(this._dnd.dragObj.className).replace(/\s{0,}acc_cell_dragged/gi,"");
|
||||
this._dnd.dragObj.style.top = "0px";
|
||||
|
||||
var p = false;
|
||||
|
||||
for (var q=0; q<this._dnd.dragObj.parentNode.childNodes.length; q++) {
|
||||
var s = this._dnd.dragObj.parentNode.childNodes[q];
|
||||
|
||||
if (s != this._dnd.dragObj) {
|
||||
if (s._tm) window.clearTimeout(s._tm);
|
||||
s.style.top = "0px";
|
||||
if (s._ontop && ((s.nextSibling != null && s.nextSibling._ontop != true) || !s.nextSibling)) {
|
||||
p = (s.nextSibling||null);
|
||||
}
|
||||
if (s._onbottom && ((s.previousSibling != null && s.previousSibling._onbottom != true) || !s.previousSibling)) {
|
||||
p = s;
|
||||
}
|
||||
}
|
||||
s = null;
|
||||
}
|
||||
for (var q=0; q<this._dnd.dragObj.parentNode.childNodes.length; q++) {
|
||||
this._dnd.dragObj.parentNode.childNodes[q]._ontop = null;
|
||||
this._dnd.dragObj.parentNode.childNodes[q]._onbottom = null;
|
||||
}
|
||||
|
||||
if (p !== false) {
|
||||
if (p == null) {
|
||||
this._dnd.dragObj.parentNode.appendChild(this._dnd.dragObj);
|
||||
} else {
|
||||
this._dnd.dragObj.parentNode.insertBefore(this._dnd.dragObj, p);
|
||||
}
|
||||
}
|
||||
|
||||
var id = this._dnd.dragObj._accId;
|
||||
var ind0 = this._dnd.dragObj._ind;
|
||||
var ind1 = ind0;
|
||||
for (var q=0; q<this._dnd.dragObj.parentNode.childNodes.length; q++) {
|
||||
if (this._dnd.dragObj.parentNode.childNodes[q] == this._dnd.dragObj) ind1 = q;
|
||||
}
|
||||
|
||||
this._dnd.dragObj = null;
|
||||
this._dnd.tr_waiting = false;
|
||||
|
||||
this._updateCellsMargin();
|
||||
if (ind0 != ind1) {
|
||||
this.setSizes();
|
||||
this.callEvent("onDrop", [id, ind0, ind1]);
|
||||
} else {
|
||||
this.callEvent("_onDropCancel", [id]);
|
||||
}
|
||||
|
||||
if (typeof(window.addEventListener) == "function") {
|
||||
document.body.removeEventListener("mousemove", this._dndOnMouseMove, false);
|
||||
document.body.removeEventListener("mouseup", this._dndOnMouseUp, false);
|
||||
} else {
|
||||
document.body.detachEvent("onmousemove", this._dndOnMouseMove, false);
|
||||
document.body.detachEvent("onmouseup", this._dndOnMouseUp, false);
|
||||
}
|
||||
}
|
||||
|
||||
this._dndAnim = function(obj, dir, f, t) {
|
||||
|
||||
if (this.conf.tr.prop != false) {
|
||||
|
||||
if (!obj._dnd_ev) {
|
||||
obj._dnd_ev = true;
|
||||
obj._dnd_tr_prop = this.conf.tr.prop;
|
||||
obj.addEventListener(this.conf.tr.ev, this._dndOnTrEnd, false);
|
||||
}
|
||||
|
||||
if (this._dnd.tr_items[obj._accId] != true) {
|
||||
this._dnd.tr_items[obj._accId] = true;
|
||||
this._dnd.tr_count++;
|
||||
}
|
||||
|
||||
obj.style[this.conf.tr.prop] = this.conf.tr.dnd_top;
|
||||
obj.style.top = t+"px";
|
||||
return;
|
||||
}
|
||||
|
||||
var stop = false;
|
||||
if (dir) {
|
||||
f += 5;
|
||||
if (f >= t) { f = t; stop = true; }
|
||||
} else {
|
||||
f -= 5;
|
||||
if (f <= t) { f = t; stop = true; }
|
||||
}
|
||||
obj.style.top = f+"px";
|
||||
if (obj._tm) window.clearTimeout(obj._tm);
|
||||
if (!stop) {
|
||||
obj._tm = window.setTimeout(function(){that._dndAnim(obj, dir, f, t);},5);
|
||||
} else {
|
||||
obj._tm = null;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
this._dndOnTrEnd = function(ev) {
|
||||
if (ev.stopPropagation) ev.stopPropagation();
|
||||
if (ev.propertyName == "top") {
|
||||
// clear cache
|
||||
if (that._dnd.tr_items[this._accId] == true) {
|
||||
that._dnd.tr_count--;
|
||||
that._dnd.tr_items[this._accId] = false;
|
||||
}
|
||||
// remove prop
|
||||
this.style[this._dnd_tr_prop] = "";
|
||||
//
|
||||
if (that._dnd.tr_count == 0 && that._dnd.tr_waiting == true) {
|
||||
that._dndDragStop(null, true);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
this._dndOnMouseMove = function(e) {
|
||||
that._dndDoDrag(e||event);
|
||||
}
|
||||
|
||||
this._dndOnMouseUp = function(e) {
|
||||
that._dndDragStop(e||event);
|
||||
}
|
||||
|
||||
this._dndClearCell = function(id) {
|
||||
if (this.t[id].cell.cell._dnd_ev) this.t[id].cell.cell.addEventListener(this.conf.tr.ev, this._dndOnTrEnd, false);
|
||||
this._dndDetachEvent(id);
|
||||
}
|
||||
|
||||
this._unloadDND = function() {
|
||||
|
||||
// functions
|
||||
for (var a in this) {
|
||||
if (String(a).indexOf("_dnd") == 0 && typeof(this[a]) == "function") this[a] = null;
|
||||
}
|
||||
|
||||
// cell-clear will called from removeItem()
|
||||
this._dnd = null;
|
||||
that = null;
|
||||
}
|
||||
|
||||
// update cells
|
||||
for (var a in this.t) this._dndAttachEvent(a);
|
||||
|
||||
};
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 234 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 82 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 103 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 94 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
@ -0,0 +1,294 @@
|
||||
/*
|
||||
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_skyblue
|
||||
include extra file: skins/dhx_skyblue.less
|
||||
*/
|
||||
|
||||
.dhxacc_base_dhx_skyblue {
|
||||
background-color: #ebebeb;
|
||||
position: relative;
|
||||
cursor: default;
|
||||
}
|
||||
.dhxacc_base_dhx_skyblue .dhxacc_cont {
|
||||
position: absolute;
|
||||
overflow: hidden;
|
||||
}
|
||||
.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc {
|
||||
position: relative;
|
||||
background-color: #ffffff;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
overflow: hidden;
|
||||
cursor: default;
|
||||
box-shadow: 0 0 3px #e0e0e0;
|
||||
}
|
||||
.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_cont_acc {
|
||||
position: absolute;
|
||||
border-left: 1px solid #a4bed4;
|
||||
border-right: 1px solid #a4bed4;
|
||||
border-bottom: 1px solid #a4bed4;
|
||||
border-top: 0px solid white;
|
||||
overflow: hidden;
|
||||
z-index: 0;
|
||||
}
|
||||
.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_cont_acc.dhx_cell_cont_no_borders {
|
||||
border-width: 0px;
|
||||
}
|
||||
.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_cover {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
font-size: 1px;
|
||||
background-color: white;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
opacity: 0;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_hdr {
|
||||
position: relative;
|
||||
height: 27px;
|
||||
line-height: 26px;
|
||||
overflow: hidden;
|
||||
font-family: Tahoma, Helvetica;
|
||||
font-size: 11px;
|
||||
color: #34404b;
|
||||
font-weight: bold;
|
||||
border: 1px solid #a4bed4;
|
||||
background-color: #e2efff;
|
||||
background: linear-gradient(#e2efff,#d3e7ff);
|
||||
background: -webkit-linear-gradient(#e2efff,#d3e7ff);
|
||||
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#e2efff,endColorStr=#d3e7ff) progid:DXImageTransform.Microsoft.Alpha(opacity=100);
|
||||
cursor: default;
|
||||
z-index: 3;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_hdr.dhx_cell_hdr_hidden {
|
||||
border-width: 1px 0px 0px 0px;
|
||||
height: 0px;
|
||||
line-height: 0px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_hdr div.dhx_cell_hdr_text {
|
||||
position: relative;
|
||||
margin: 0px 26px 0px 5px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
cursor: default;
|
||||
}
|
||||
.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_icon {
|
||||
margin-left: 24px !important;
|
||||
}
|
||||
.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_hdr img.dhx_cell_hdr_icon {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: 4px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_hdr i {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: 4px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
line-height: 16px;
|
||||
text-align: center;
|
||||
cursor: default;
|
||||
font-size: 1.2em;
|
||||
color: inherit;
|
||||
}
|
||||
.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_hdr div.dhx_cell_hdr_arrow {
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
right: 4px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background-image: url("../imgs/dhxacc_skyblue/dhxacc_btns.gif");
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0px 0px;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc.dhx_cell_closed div.dhx_cell_hdr div.dhx_cell_hdr_arrow {
|
||||
background-position: -16px 0px;
|
||||
}
|
||||
.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc.acc_cell_dragged {
|
||||
box-shadow: 0 0 5px #829cb2;
|
||||
z-index: 5 !important;
|
||||
}
|
||||
.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_menu_def {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
border-width: 0px 1px 1px 1px;
|
||||
border-color: #a4bed4;
|
||||
border-style: solid;
|
||||
}
|
||||
.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_menu_def div.dhtmlxMenu_dhx_skyblue_Middle {
|
||||
padding: 0px 2px;
|
||||
}
|
||||
.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_menu_no_borders {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_menu_no_borders div.dhtmlxMenu_dhx_skyblue_Middle {
|
||||
padding: 0px 2px;
|
||||
}
|
||||
.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_toolbar_def {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_toolbar_def div.dhx_toolbar_dhx_skyblue {
|
||||
border-top-width: 0px;
|
||||
}
|
||||
.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_dhx_skyblue {
|
||||
margin-top: -1px;
|
||||
width: auto;
|
||||
}
|
||||
.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_ribbon_def div.dhtmlxribbon_dhx_skyblue.dhxrb_without_tabbar {
|
||||
border-top-width: 0px;
|
||||
width: auto;
|
||||
}
|
||||
.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_statusbar_def {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
width: 100%;
|
||||
background-color: #ddecff;
|
||||
font-family: Tahoma, Helvetica;
|
||||
font-size: 11px;
|
||||
color: black;
|
||||
}
|
||||
.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
|
||||
position: relative;
|
||||
padding: 0px 4px;
|
||||
height: 21px;
|
||||
line-height: 21px;
|
||||
border-bottom: 1px solid #a4bed4;
|
||||
border-left: 1px solid #a4bed4;
|
||||
border-right: 1px solid #a4bed4;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_progress_bar {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: white;
|
||||
z-index: 5;
|
||||
opacity: 0.75;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
|
||||
}
|
||||
.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_progress_img {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
border: 1px solid #a4bed4;
|
||||
background-position: center 55%;
|
||||
background-image: url('../imgs/dhxacc_skyblue/dhxacc_cell_progress.gif');
|
||||
background-repeat: no-repeat;
|
||||
cursor: progress;
|
||||
z-index: 6;
|
||||
}
|
||||
.dhxacc_base_dhx_skyblue 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);
|
||||
}
|
||||
.dhxacc_base_dhx_skyblue div.dhxcelltop_progress_img {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: url('../imgs/dhxacc_skyblue/dhxacc_cell_progress.gif');
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
z-index: 4;
|
||||
}
|
||||
.dhxacc_base_dhx_skyblue div.dhxcelltop_hdr {
|
||||
position: relative;
|
||||
}
|
||||
.dhxacc_base_dhx_skyblue div.dhxcelltop_ftr {
|
||||
position: absolute;
|
||||
}
|
||||
.dhxacc_base_dhx_skyblue div.dhxcelltop_menu {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.dhxacc_base_dhx_skyblue div.dhxcelltop_toolbar {
|
||||
position: relative;
|
||||
background-color: #ebebeb;
|
||||
padding-bottom: 4px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.dhxacc_base_dhx_skyblue div.dhxcelltop_ribbon {
|
||||
padding-bottom: 4px;
|
||||
position: relative;
|
||||
}
|
||||
.dhxacc_base_dhx_skyblue div.dhxcelltop_ribbon div.dhtmlxribbon_dhx_skyblue.dhxrb_without_tabbar {
|
||||
width: auto;
|
||||
}
|
||||
.dhxacc_base_dhx_skyblue div.dhxcelltop_statusbar {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
width: 100%;
|
||||
background-color: #ebebeb;
|
||||
overflow: hidden;
|
||||
}
|
||||
.dhxacc_base_dhx_skyblue div.dhxcelltop_statusbar div.dhxcont_statusbar {
|
||||
position: relative;
|
||||
margin-top: 4px;
|
||||
border: 1px solid #a4bed4;
|
||||
background-color: #ddecff;
|
||||
padding: 7px 6px;
|
||||
font-family: Tahoma, Helvetica;
|
||||
font-size: 11px;
|
||||
color: black;
|
||||
}
|
||||
.dhxacc_skin_detect {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: -100px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0px solid white;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
@ -0,0 +1,221 @@
|
||||
/*
|
||||
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
|
||||
*/
|
||||
|
||||
.dhxacc_base_dhx_terrace {
|
||||
position: relative;
|
||||
cursor: default;
|
||||
overflow: hidden;
|
||||
}
|
||||
.dhxacc_base_dhx_terrace div.dhxacc_cont {
|
||||
position: absolute;
|
||||
*overflow: hidden;
|
||||
}
|
||||
.dhxacc_base_dhx_terrace div.dhx_cell_acc {
|
||||
position: relative;
|
||||
background-color: #ffffff;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
overflow: hidden;
|
||||
cursor: default;
|
||||
box-shadow: 0 0 3px #e0e0e0;
|
||||
border-color: #cccccc;
|
||||
}
|
||||
.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_cont_acc {
|
||||
position: absolute;
|
||||
border-left: 1px solid #cccccc;
|
||||
border-right: 1px solid #cccccc;
|
||||
border-bottom: 1px solid #cccccc;
|
||||
border-top: 0px solid #ffffff;
|
||||
overflow: hidden;
|
||||
z-index: 0;
|
||||
}
|
||||
.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_cover {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
font-size: 1px;
|
||||
background-color: white;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
opacity: 0;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_hdr {
|
||||
position: relative;
|
||||
height: 36px;
|
||||
line-height: 35px;
|
||||
overflow: hidden;
|
||||
font-family: Arial, Helvetica;
|
||||
font-size: 13px;
|
||||
color: #333333;
|
||||
font-weight: normal;
|
||||
border: 1px solid #cccccc;
|
||||
background-color: #f5f5f5;
|
||||
cursor: default;
|
||||
z-index: 3;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_hdr.dhx_cell_hdr_hidden {
|
||||
border-width: 1px 0px 0px 0px;
|
||||
height: 0px;
|
||||
line-height: 0px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_hdr div.dhx_cell_hdr_text {
|
||||
position: relative;
|
||||
margin: 0px 26px 0px 10px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
cursor: default;
|
||||
}
|
||||
.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_hdr img.dhx_cell_hdr_icon {
|
||||
position: absolute;
|
||||
top: 11px;
|
||||
left: 10px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_hdr i {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
line-height: 16px;
|
||||
text-align: center;
|
||||
cursor: default;
|
||||
font-size: 1.1em;
|
||||
color: inherit;
|
||||
}
|
||||
.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_icon {
|
||||
margin-left: 32px !important;
|
||||
}
|
||||
.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_hdr div.dhx_cell_hdr_arrow {
|
||||
position: absolute;
|
||||
top: 11px;
|
||||
right: 4px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background-image: url("../imgs/dhxacc_terrace/dhxacc_btns.gif");
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0px 0px;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.dhxacc_base_dhx_terrace div.dhx_cell_acc.dhx_cell_closed div.dhx_cell_hdr div.dhx_cell_hdr_arrow {
|
||||
background-position: -16px 0px;
|
||||
}
|
||||
.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_cont.dhx_cell_cont_not_last {
|
||||
border-bottom: 0px solid white;
|
||||
}
|
||||
.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_menu_def {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
padding: 6px;
|
||||
border-left: 1px solid #cccccc;
|
||||
border-right: 1px solid #cccccc;
|
||||
border-bottom: 1px solid #cccccc;
|
||||
}
|
||||
.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_toolbar_def {
|
||||
border-left: 1px solid #cccccc;
|
||||
border-right: 1px solid #cccccc;
|
||||
border-bottom: 1px solid #cccccc;
|
||||
padding: 6px;
|
||||
}
|
||||
.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_dhx_terrace {
|
||||
border-top: 1px solid #ffffff;
|
||||
}
|
||||
.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_ribbon_def div.dhtmlxribbon_dhx_terrace.dhxrb_without_tabbar {
|
||||
border-top: 0px solid #ffffff;
|
||||
width: auto;
|
||||
}
|
||||
.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_statusbar_def {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
width: 100%;
|
||||
font-family: Arial, Helvetica;
|
||||
font-size: 13px;
|
||||
color: #333333;
|
||||
background-color: #f5f5f5;
|
||||
z-index: 1;
|
||||
}
|
||||
.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
|
||||
position: relative;
|
||||
padding: 0px 4px;
|
||||
height: 24px;
|
||||
line-height: 23px;
|
||||
border-bottom: 1px solid #cccccc;
|
||||
border-left: 1px solid #cccccc;
|
||||
border-right: 1px solid #cccccc;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
.dhxacc_base_dhx_terrace div.dhx_cell_acc.acc_cell_dragged {
|
||||
box-shadow: 0 0 5px #aaaaaa;
|
||||
z-index: 5 !important;
|
||||
}
|
||||
.dhxacc_base_dhx_terrace div.dhx_cell_acc 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;
|
||||
}
|
||||
.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_progress_img {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-position: center 55%;
|
||||
background-image: url("../imgs/dhxacc_terrace/dhxacc_cell_progress.gif");
|
||||
background-repeat: no-repeat;
|
||||
cursor: progress;
|
||||
z-index: 2;
|
||||
}
|
||||
.dhxacc_skin_detect {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: -100px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0px solid white;
|
||||
width: 30px;
|
||||
height: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
@ -0,0 +1,217 @@
|
||||
/*
|
||||
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_web
|
||||
include extra file: skins/dhx_web.less
|
||||
*/
|
||||
|
||||
.dhxacc_base_dhx_web {
|
||||
position: relative;
|
||||
cursor: default;
|
||||
overflow: hidden;
|
||||
}
|
||||
.dhxacc_base_dhx_web div.dhxacc_cont {
|
||||
position: absolute;
|
||||
*overflow: hidden;
|
||||
}
|
||||
.dhxacc_base_dhx_web div.dhx_cell_acc {
|
||||
position: relative;
|
||||
background-color: white;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
overflow: hidden;
|
||||
cursor: default;
|
||||
box-shadow: 0 0 3px #e0e0e0;
|
||||
}
|
||||
.dhxacc_base_dhx_web div.dhx_cell_acc div.dhx_cell_cont_acc {
|
||||
position: absolute;
|
||||
border-left: 1px solid #c7c7c7;
|
||||
border-right: 1px solid #c7c7c7;
|
||||
border-bottom: 1px solid #c7c7c7;
|
||||
border-top: 0px solid white;
|
||||
padding: 8px;
|
||||
overflow: hidden;
|
||||
z-index: 0;
|
||||
}
|
||||
.dhxacc_base_dhx_web div.dhx_cell_acc div.dhx_cell_cont_acc.dhx_cell_cont_no_borders {
|
||||
border: 0px solid #ffffff !important;
|
||||
padding: 0px;
|
||||
}
|
||||
.dhxacc_base_dhx_web div.dhx_cell_acc div.dhx_cell_cover {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
font-size: 1px;
|
||||
background-color: white;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
opacity: 0;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.dhxacc_base_dhx_web div.dhx_cell_acc div.dhx_cell_hdr {
|
||||
position: relative;
|
||||
height: 32px;
|
||||
line-height: 30px;
|
||||
font-family: Tahoma, Helvetica;
|
||||
font-size: 12px;
|
||||
color: #ffffff;
|
||||
font-weight: normal;
|
||||
background-color: #2589ce;
|
||||
overflow: hidden;
|
||||
cursor: default;
|
||||
z-index: 3;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.dhxacc_base_dhx_web div.dhx_cell_acc div.dhx_cell_hdr.dhx_cell_hdr_hidden {
|
||||
border-top: 1px solid #c7c7c7;
|
||||
height: 0px;
|
||||
line-height: 0px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.dhxacc_base_dhx_web div.dhx_cell_acc div.dhx_cell_hdr div.dhx_cell_hdr_text {
|
||||
position: relative;
|
||||
margin: 0px 26px 0px 5px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
cursor: default;
|
||||
}
|
||||
.dhxacc_base_dhx_web div.dhx_cell_acc div.dhx_cell_hdr img.dhx_cell_hdr_icon {
|
||||
position: absolute;
|
||||
top: 7px;
|
||||
left: 6px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
.dhxacc_base_dhx_web div.dhx_cell_acc div.dhx_cell_hdr i {
|
||||
position: absolute;
|
||||
top: 7px;
|
||||
left: 5px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
line-height: 16px;
|
||||
text-align: center;
|
||||
cursor: default;
|
||||
font-size: 1.1em;
|
||||
color: inherit;
|
||||
}
|
||||
.dhxacc_base_dhx_web div.dhx_cell_acc div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_icon {
|
||||
margin-left: 24px !important;
|
||||
}
|
||||
.dhxacc_base_dhx_web div.dhx_cell_acc div.dhx_cell_hdr div.dhx_cell_hdr_arrow {
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
right: 5px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background-image: url("../imgs/dhxacc_web/dhxacc_btns.gif");
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0px 0px;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.dhxacc_base_dhx_web div.dhx_cell_acc.dhx_cell_closed div.dhx_cell_hdr div.dhx_cell_hdr_arrow {
|
||||
background-position: -16px 0px;
|
||||
}
|
||||
.dhxacc_base_dhx_web div.dhx_cell_acc div.dhx_cell_cont_acc.dhx_cell_cont_not_last {
|
||||
border-bottom: 0px solid white;
|
||||
}
|
||||
.dhxacc_base_dhx_web div.dhx_cell_acc div.dhx_cell_menu_def {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
padding: 9px 9px 0px 9px;
|
||||
border-left: 1px solid #c7c7c7;
|
||||
border-right: 1px solid #c7c7c7;
|
||||
}
|
||||
.dhxacc_base_dhx_web div.dhx_cell_acc div.dhx_cell_toolbar_def {
|
||||
padding: 9px 9px 0px 9px;
|
||||
border-left: 1px solid #c7c7c7;
|
||||
border-right: 1px solid #c7c7c7;
|
||||
}
|
||||
.dhxacc_base_dhx_web div.dhx_cell_acc div.dhx_cell_ribbon_def div.dhtmlxribbon_dhx_web.dhxrb_without_tabbar {
|
||||
border-top: 0px solid white;
|
||||
width: auto;
|
||||
}
|
||||
.dhxacc_base_dhx_web div.dhx_cell_acc div.dhx_cell_statusbar_def {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
background-color: #f4f4f4;
|
||||
}
|
||||
.dhxacc_base_dhx_web div.dhx_cell_acc div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
|
||||
height: 21px;
|
||||
line-height: 21px;
|
||||
position: relative;
|
||||
padding: 0 4px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
border-bottom: 1px solid #c7c7c7;
|
||||
border-left: 1px solid #c7c7c7;
|
||||
border-right: 1px solid #c7c7c7;
|
||||
font-family: Tahoma, Helvetica;
|
||||
font-size: 12px;
|
||||
color: #000000;
|
||||
}
|
||||
.dhxacc_base_dhx_web div.dhx_cell_acc.acc_cell_dragged {
|
||||
box-shadow: 0 0 5px 2px #c2c2c2;
|
||||
z-index: 5 !important;
|
||||
}
|
||||
.dhxacc_base_dhx_web div.dhx_cell_acc div.dhx_cell_progress_bar {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #ffffff;
|
||||
z-index: 1;
|
||||
opacity: 0.75;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
|
||||
}
|
||||
.dhxacc_base_dhx_web div.dhx_cell_acc div.dhx_cell_progress_img {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: url("../imgs/dhxacc_web/dhxacc_cell_progress.gif");
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
z-index: 2;
|
||||
}
|
||||
.dhxacc_skin_detect {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: -100px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0px solid white;
|
||||
width: 20px;
|
||||
height: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
@ -0,0 +1,423 @@
|
||||
/*
|
||||
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: material
|
||||
include extra file: skins/material.less
|
||||
*/
|
||||
|
||||
@keyframes dhx_loader_rotate {
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@keyframes dhx_loader_dash {
|
||||
0% {
|
||||
stroke-dasharray: 1, 200;
|
||||
stroke-dashoffset: 0;
|
||||
}
|
||||
50% {
|
||||
stroke-dasharray: 89, 200;
|
||||
stroke-dashoffset: -35px;
|
||||
}
|
||||
100% {
|
||||
stroke-dasharray: 89, 200;
|
||||
stroke-dashoffset: -124px;
|
||||
}
|
||||
}
|
||||
.dhxacc_base_material {
|
||||
position: relative;
|
||||
cursor: default;
|
||||
overflow: hidden;
|
||||
}
|
||||
.dhxacc_base_material div.dhxacc_cont {
|
||||
position: absolute;
|
||||
*overflow: hidden;
|
||||
}
|
||||
.dhxacc_base_material div.dhx_cell_acc {
|
||||
position: relative;
|
||||
background-color: white;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
overflow: hidden;
|
||||
cursor: default;
|
||||
}
|
||||
.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_cover {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
font-size: 1px;
|
||||
background-color: white;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
opacity: 0;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_progress_bar {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: white;
|
||||
z-index: 1;
|
||||
opacity: 0.75;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_progress_img {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 1px solid #e4e4e4;
|
||||
background-image: url('../imgs/dhxacc_material/dhxacc_cell_progress.gif');
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
z-index: 2;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_progress_svg {
|
||||
border: 1px solid #e4e4e4;
|
||||
z-index: 2;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_progress_svg .dhx_cell_prsvg {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
margin: auto;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
animation: dhx_loader_rotate 2s linear infinite;
|
||||
transform-origin: center center;
|
||||
}
|
||||
.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_progress_svg .dhx_cell_prsvg .dhx_cell_prcircle {
|
||||
fill: none;
|
||||
stroke: #3399cc;
|
||||
stroke-width: 2;
|
||||
stroke-miterlimit: 10;
|
||||
stroke-dasharray: 1, 200;
|
||||
stroke-dashoffset: 0;
|
||||
stroke-linecap: round;
|
||||
animation: dhx_loader_dash 1.5s ease-in-out infinite;
|
||||
}
|
||||
.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_menu_def {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
border-style: solid;
|
||||
border-width: 0px 1px 1px 1px;
|
||||
border-color: #dfdfdf;
|
||||
}
|
||||
.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_toolbar_def {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_toolbar_def .dhx_toolbar_material {
|
||||
border-width: 0px 1px 1px 1px;
|
||||
}
|
||||
.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_ribbon_def {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material {
|
||||
border-top-width: 0px;
|
||||
margin-top: -1px;
|
||||
width: auto;
|
||||
}
|
||||
.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_ribbon_def div.dhtmlxribbon_material.dhxrb_without_tabbar {
|
||||
border-top-width: 0px;
|
||||
width: auto;
|
||||
}
|
||||
.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_statusbar_def {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
width: 100%;
|
||||
background-color: #fafafa;
|
||||
z-index: 1;
|
||||
font-size: 14px;
|
||||
font-family: Roboto, Arial, Helvetica;
|
||||
color: #404040;
|
||||
}
|
||||
.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
|
||||
position: relative;
|
||||
font: inherit;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
border-style: solid;
|
||||
border-width: 0px 1px 1px 1px;
|
||||
border-color: #dfdfdf;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
padding: 0px 12px;
|
||||
color: #737373;
|
||||
}
|
||||
.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_cont_acc {
|
||||
position: absolute;
|
||||
border-color: #dfdfdf;
|
||||
border-style: solid;
|
||||
border-width: 0px 1px 1px 1px;
|
||||
overflow: hidden;
|
||||
z-index: 0;
|
||||
}
|
||||
.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_hdr {
|
||||
position: relative;
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
background-color: #fafafa;
|
||||
overflow: hidden;
|
||||
border-width: 1px 1px 1px 1px;
|
||||
border-style: solid;
|
||||
border-color: #dfdfdf;
|
||||
cursor: default;
|
||||
z-index: 3;
|
||||
box-shadow: 0 0 10px rgba(127,127,127,0.2);
|
||||
font-size: 14px;
|
||||
font-family: Roboto, Arial, Helvetica;
|
||||
color: #3399cc;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_hdr.dhx_cell_hdr_hidden {
|
||||
border-width: 1px 0px 0px 0px;
|
||||
height: 0px;
|
||||
line-height: 0px;
|
||||
overflow: hidden;
|
||||
box-shadow: none;
|
||||
}
|
||||
.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_hdr div.dhx_cell_hdr_text {
|
||||
position: relative;
|
||||
margin-left: 14px;
|
||||
margin-right: 44px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
cursor: default;
|
||||
}
|
||||
.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_icon {
|
||||
margin-left: 44px;
|
||||
}
|
||||
.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_hdr img.dhx_cell_hdr_icon {
|
||||
position: absolute;
|
||||
top: 13px;
|
||||
left: 14px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_hdr i {
|
||||
position: absolute;
|
||||
left: 14px;
|
||||
width: 16px;
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
text-align: center;
|
||||
cursor: default;
|
||||
font-size: 1.1em;
|
||||
color: inherit;
|
||||
}
|
||||
.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_hdr div.dhx_cell_hdr_arrow {
|
||||
position: absolute;
|
||||
top: 13px;
|
||||
right: 14px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background-image: url("../imgs/dhxacc_material/dhxacc_btns.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0px 0px;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.dhxacc_base_material div.dhx_cell_acc.dhx_cell_closed div.dhx_cell_hdr {
|
||||
box-shadow: none;
|
||||
color: #404040;
|
||||
}
|
||||
.dhxacc_base_material div.dhx_cell_acc.dhx_cell_closed div.dhx_cell_hdr div.dhx_cell_hdr_arrow {
|
||||
background-position: -16px 0px;
|
||||
}
|
||||
.dhxacc_base_material div.dhx_cell_acc.acc_cell_dragged {
|
||||
z-index: 5 !important;
|
||||
}
|
||||
.dhxacc_base_material div.dhxcelltop_hdr {
|
||||
position: relative;
|
||||
}
|
||||
.dhxacc_base_material div.dhxcelltop_ftr {
|
||||
position: absolute;
|
||||
}
|
||||
.dhxacc_base_material 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);
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.dhxacc_base_material div.dhxcelltop_progress_img {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: url('../imgs/dhxacc_material/dhxacc_cell_progress.gif');
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
z-index: 4;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.dhxacc_base_material div.dhxcelltop_progress_svg {
|
||||
z-index: 4;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.dhxacc_base_material div.dhxcelltop_progress_svg .dhx_cell_prsvg {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
margin: auto;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
animation: dhx_loader_rotate 2s linear infinite;
|
||||
transform-origin: center center;
|
||||
}
|
||||
.dhxacc_base_material div.dhxcelltop_progress_svg .dhx_cell_prsvg .dhx_cell_prcircle {
|
||||
fill: none;
|
||||
stroke: #3399cc;
|
||||
stroke-width: 2;
|
||||
stroke-miterlimit: 10;
|
||||
stroke-dasharray: 1, 200;
|
||||
stroke-dashoffset: 0;
|
||||
stroke-linecap: round;
|
||||
animation: dhx_loader_dash 1.5s ease-in-out infinite;
|
||||
}
|
||||
.dhxacc_base_material div.dhxcelltop_menu {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
border-width: 1px 1px 0px 1px;
|
||||
border-style: solid;
|
||||
border-color: #dfdfdf;
|
||||
}
|
||||
.dhxacc_base_material div.dhxcelltop_toolbar {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.dhxacc_base_material div.dhxcelltop_toolbar div.dhx_toolbar_material {
|
||||
border-width: 1px 1px 0px 1px;
|
||||
}
|
||||
.dhxacc_base_material div.dhxcelltop_ribbon {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.dhxacc_base_material div.dhxcelltop_ribbon div.dhtmlxribbon_material.dhxrb_without_tabbar {
|
||||
border-bottom-width: 0px;
|
||||
width: auto;
|
||||
}
|
||||
.dhxacc_base_material div.dhxcelltop_ribbon div.dhtmlxribbon_material div.dhxrb_with_tabbar.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
|
||||
border-bottom-width: 0px;
|
||||
}
|
||||
.dhxacc_base_material div.dhxcelltop_statusbar {
|
||||
position: absolute;
|
||||
overflow: hidden;
|
||||
background-color: #fafafa;
|
||||
font-size: 14px;
|
||||
font-family: Roboto, Arial, Helvetica;
|
||||
color: #404040;
|
||||
}
|
||||
.dhxacc_base_material div.dhxcelltop_statusbar div.dhxcont_statusbar {
|
||||
position: relative;
|
||||
background-color: #fafafa;
|
||||
font: inherit;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
border-width: 0px 1px 1px 1px;
|
||||
border-style: solid;
|
||||
border-color: #dfdfdf;
|
||||
padding: 0px 12px;
|
||||
color: #737373;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
body.dhxacc_base_material {
|
||||
background-color: #fafafa;
|
||||
}
|
||||
.dhxacc_skin_detect {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: -100px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0px solid white;
|
||||
width: 40px;
|
||||
height: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
Reference in New Issue
Block a user