Add version files and new GIF images for UI components

This commit is contained in:
2025-04-03 06:26:44 +07:00
commit 663c28a2ea
5219 changed files with 772528 additions and 0 deletions

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,176 @@
/*
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 */
dhtmlXTabBar.prototype.destructor = function() {
// will renamed to unload
this.unload();
};
dhtmlXTabBar.prototype.normalize = function() {
// reformats the tabbar to remove tab scrollers
};
dhtmlXTabBar.prototype.setStyle = function() {
// no longer used
};
dhtmlXTabBar.prototype.setContent = function(id, value) {
// sets the content of a tab
this.cells(id).attachObject(value);
// this.setTabActive(id);
};
dhtmlXTabBar.prototype.setContentHTML = function(id, value) {
// sets the content of a tab, as HTML string
this.cells(id).attachHTMLString(value);
// this.setTabActive(id);
};
dhtmlXTabBar.prototype.setHrefMode = function(mode) {
// sets the mode that allows loading of external content
// will replaced by container functionality
if (mode == "iframes-on-demand" || mode == "ajax-html") this.conf.url_demand = true;
this.conf.href_mode = mode;
};
dhtmlXTabBar.prototype.setContentHref = function(id, href) {
// sets the content as the href to an external file
// will replaced by container functionality
if (this.conf.href_mode == null) this.conf.href_mode = "iframe";
switch (this.conf.href_mode) {
case "iframes":
case "iframe":
this.cells(id).attachURL(href);
break;
case "iframes-on-demand":
this.conf.urls[id] = {href: href, ajax: false};
this._loadURLOnDemand(this.conf.lastActive);
break;
case "ajax":
case "ajax-html":
this.cells(id).attachURL(href, true);
break;
}
};
dhtmlXTabBar.prototype.setMargin = function() {
// sets distance between tabs
// moved to inner skin settings
};
dhtmlXTabBar.prototype.setOffset = function() {
// sets offset before first tab on tabbar
// moved to inner skin settings
};
dhtmlXTabBar.prototype.setImagePath = function(id, href) {
// sets the path to the image folder (not affect already created element until their state changes)
// no images used for now
};
dhtmlXTabBar.prototype.setSkinColors = function(id, href) {
// allows setting skin to the specific color, must be used after selecting skin
};
dhtmlXTabBar.prototype.tabWindow = function(id) {
// returns window of tab content for iframe based tabbar
return this.cells(id).getFrame();
};
dhtmlXTabBar.prototype.setCustomStyle = function() { // NEEDED!!!
// sets specific colors for the specific tab
};
dhtmlXTabBar.prototype.enableScroll = function() {
// enables/disables scrollers (enabled by default)
};
dhtmlXTabBar.prototype.enableForceHiding = function() {
// enables/disables force hiding mode, solves IE problems with iframes in HTML content, but can cause problems for other dhtmlx components inside tabs
// code have logic
};
dhtmlXTabBar.prototype.setSize = function(x, y) { // add for all components to adjust parent size in stand-alone init?
// sets control size (parent size?)
this.base.style.width = x+"px";
this.base.style.height = y+"px";
this.setSizes();
};
dhtmlXTabBar.prototype.enableAutoSize = function() {
// enables/disables automatic adjusting the height and width to the inner content
};
dhtmlXTabBar.prototype.adjustOuterSize = function() {
this.setSizes();
};
dhtmlXTabBar.prototype.showInnerScroll = function(id) {
// shows scroll for content
for (var a in this.t) {
if (id == null || id == a) this.t[a].cell.showInnerScroll();
}
};
dhtmlXTabBar.prototype.loadXML = function(url, call) {
// loads tabbar from an xml file
this.loadStruct.apply(this, [url, call]);
};
dhtmlXTabBar.prototype.loadXMLString = function(xmlString, call) {
// loads tabbar from an xml string
this.loadStruct.apply(this, [xmlString, call]);
};
dhtmlXTabBar.prototype.hideTab = function(id, mode) {
this.tabs(id).hide(mode);
};
dhtmlXTabBar.prototype.showTab = function(id, mode) {
this.tabs(id).show(mode);
};
dhtmlXTabBar.prototype.enableTab = function(id) {
this.tabs(id).enable();
};
dhtmlXTabBar.prototype.disableTab = function(id) {
this.tabs(id).disable();
};
dhtmlXTabBar.prototype.getIndex = function(id) {
return this.tabs(id).getIndex();
};
dhtmlXTabBar.prototype.getLabel = function(id) {
return this.tabs(id).getText();
};
dhtmlXTabBar.prototype.setLabel = function(id, text) {
this.tabs(id).setText(text);
};
dhtmlXTabBar.prototype.setTabActive = function(id) {
if (id != null && this.t[id] != null) { // 3.6 compat
this.tabs(id).setActive();
}
};
dhtmlXTabBar.prototype.removeTab = function(id) {
this.tabs(id).close();
};
dhtmlXTabBar.prototype.forceLoad = function(id) { // reload attached html content
this.tabs(id).reloadURL();
};
// onTabContentLoaded => onContentLoaded

View File

@ -0,0 +1,101 @@
/*
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
*/
function dhtmlXTabBarInitFromHTML() {
var z = document.getElementsByTagName("div");
for (var i=0; i<z.length; i++) {
if (z[i].className.indexOf("dhtmlxTabBar") != -1) {
var conf = { settings: {}, tabs: [] };
var n = z[i];
var id = n.id;
n.className = "";
var k = new Array();
for (var j=0; j<n.childNodes.length; j++) {
if (n.childNodes[j].tagName && n.childNodes[j].tagName != "!") k[k.length] = n.childNodes[j];
}
var skin = n.getAttribute("skin");
if (skin != null) conf.settings.skin = skin;
var w = new dhtmlXTabBar({parent: id, mode: n.getAttribute("mode")});
window[id] = w;
acs = n.getAttribute("onbeforeinit");
if (acs) eval(acs);
align = n.getAttribute("align");
if (align) conf.settings.align = align;
var cont = {};
for (var j=0; j<k.length; j++) {
var m = k[j];
var tab = {
id: m.id,
text: m.getAttribute("name"),
width: m.getAttribute("width"),
selected: m.getAttribute("selected"),
active: m.getAttribute("active"),
close: m.getAttribute("close")
};
var href = m.getAttribute("href");
if (href) cont[m.id] = {href: href}; else cont[m.id] = {cont: m};
conf.tabs.push(tab);
}
w.loadStruct(conf);
for (var a in cont) {
if (cont[a].href) {
w.cells(a).attachURL(cont[a].href);
cont[a].href = null;
} else {
w.cells(a).attachObject(cont[a].cont);
if (cont[a].cont.style.display == "none") cont[a].cont.style.display = "";
cont[a].cont = null;
}
cont[a] = null;
}
var selId = n.getAttribute("select");
if (selId != null) {
w.tabs(selId).setActive();
} else if (w.getActiveTab() == null) {
var v = w._getFirstVisible();
if (v != null) w.cells(v).setActive();
}
acs = n.getAttribute("oninit");
if (acs) eval(acs);
}
}
if (typeof(window.addEventListener) == "function") {
window.removeEventListener("load", dhtmlXTabBarInitFromHTML, false);
} else {
window.detachEvent("onload", dhtmlXTabBarInitFromHTML);
};
};
if (typeof(window.addEventListener) == "function") {
window.addEventListener("load", dhtmlXTabBarInitFromHTML, false);
} else {
window.attachEvent("onload", dhtmlXTabBarInitFromHTML);
};

Binary file not shown.

After

Width:  |  Height:  |  Size: 480 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 195 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 88 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 129 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 88 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 121 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 88 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 181 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

View File

@ -0,0 +1,497 @@
/*
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
*/
.dhxtabbar_base_dhx_skyblue {
background-color: #ebebeb;
position: relative;
cursor: default;
}
.dhxtabbar_base_dhx_skyblue .dhxtabbar_cont {
position: absolute;
*overflow: hidden;
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs {
position: absolute;
bottom: auto;
height: 28px;
overflow: hidden;
white-space: nowrap;
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);
z-index: 2;
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs {
top: auto;
bottom: 0px;
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tabs_base {
position: absolute;
top: 0px;
height: 28px;
overflow: hidden;
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_left,
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_right {
position: absolute;
width: 5000px;
height: 28px;
margin: 0px 1px;
top: 0px;
-webkit-transform: translate3d(0px,0px,0px);
-moz-transform: translate3d(0px,0px,0px);
-ms-transform: translate3d(0px,0px,0px);
-o-transform: translate3d(0px,0px,0px);
transform: translate3d(0px,0px,0px);
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_left.safari_517_fix,
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_left.safari_517_fix div.dhxtabbar_tab,
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_right.safari_517_fix,
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_right.safari_517_fix div.dhxtabbar_tab {
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important;
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_line {
position: absolute;
left: 0px;
bottom: 0px;
top: none;
width: 100%;
height: 4px;
overflow: hidden;
z-index: 2;
border-top: 1px solid #a4bed4;
border-bottom: 0px solid white;
background-color: #d3e7ff;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left {
position: absolute;
left: 0px;
top: 0px;
width: 15px;
height: 100%;
background-color: #fffeff;
background: linear-gradient(#fffeff,#d3e7ff);
background: -webkit-linear-gradient(#fffeff,#d3e7ff);
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fffeff,endColorStr=#d3e7ff) progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
cursor: pointer;
z-index: 4;
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left.dhxtabbar_tabs_ar_hidden {
display: none;
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left div.dhxtabbar_arrow_img {
position: relative;
height: 100%;
border-right: 1px solid #a4bed4;
background-image: url("../imgs/dhxtabbar_skyblue/dhxtabbar_arrows.gif");
background-position: 0px 11px;
background-repeat: no-repeat;
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right {
position: absolute;
right: 0px;
top: 0px;
width: 15px;
height: 100%;
background-color: #fffeff;
background: linear-gradient(#fffeff,#d3e7ff);
background: -webkit-linear-gradient(#fffeff,#d3e7ff);
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fffeff,endColorStr=#d3e7ff) progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
cursor: pointer;
z-index: 4;
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right.dhxtabbar_tabs_ar_hidden {
display: none;
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right div.dhxtabbar_arrow_img {
position: relative;
height: 100%;
border-left: 1px solid #a4bed4;
background-image: url("../imgs/dhxtabbar_skyblue/dhxtabbar_arrows.gif");
background-position: -14px 11px;
background-repeat: no-repeat;
}
.dhxtabbar_base_dhx_skyblue div.dhx_cell_tabbar {
position: absolute;
background-color: white;
margin: 0px;
padding: 0px;
overflow: hidden;
cursor: default;
z-index: 0;
background-image: none !important;
}
.dhxtabbar_base_dhx_skyblue div.dhx_cell_tabbar 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;
}
.dhxtabbar_base_dhx_skyblue div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
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;
-webkit-transform: rotateX(0);
}
.dhxtabbar_base_dhx_skyblue div.dhx_cell_tabbar div.dhx_cell_cont_tabbar.dhx_cell_cont_no_borders {
border: 0px solid white !important;
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tab {
position: relative;
height: 24px;
background-color: white;
font-family: Tahoma, Helvetica;
font-size: 11px;
color: #34404b;
border-left: 1px solid #a4bed4;
border-right: 1px solid #a4bed4;
z-index: 1;
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;
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);
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tabs_cont_left div.dhxtabbar_tab {
float: left;
margin-left: -1px;
margin-right: 0px;
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tabs_cont_right div.dhxtabbar_tab {
float: right;
margin-left: 0px;
margin-right: -1px;
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_dis {
background-color: #ecf5ff;
background: linear-gradient(#ecf5ff,#d3e7ff);
background: -webkit-linear-gradient(#ecf5ff,#d3e7ff);
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ecf5ff,endColorStr=#d3e7ff) progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv,
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv_dis {
z-index: 3;
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_hidden {
border: none;
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tab div.dhxtabbar_tab_text {
position: relative;
height: 23px;
line-height: 22px;
vertical-align: middle;
top: 0px;
border-top: 1px solid #ffffff;
color: #34404b;
text-align: center;
overflow: hidden;
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tab div.dhxtabbar_tab_text.dhxtabbar_tab_text_close {
padding-right: 9px;
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv div.dhxtabbar_tab_text,
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv_dis div.dhxtabbar_tab_text {
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv div.dhxtabbar_tab_text {
color: #34404b;
font-weight: bold;
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv_dis div.dhxtabbar_tab_text {
font-weight: bold;
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_dis div.dhxtabbar_tab_text,
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv_dis div.dhxtabbar_tab_text {
color: #999999;
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tab div.dhxtabbar_tab_close {
position: absolute;
top: 6px;
right: 5px;
width: 11px;
height: 11px;
border: 1px solid #b4d3ff;
border-radius: 2px;
background-image: url("../imgs/dhxtabbar_skyblue/dhxtabbar_button_close.gif");
background-position: 0px 0px;
background-repeat: no-repeat;
line-height: 1px;
overflow: hidden;
z-index: 1;
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv div.dhxtabbar_tab_close {
border: 1px solid #a4bed4;
background-position: -11px 0px;
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_dis div.dhxtabbar_tab_close,
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv_dis div.dhxtabbar_tab_close {
border: 1px solid #a4bed4;
background-position: -22px 0px;
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs_bottom div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
border-top: 1px solid #a4bed4;
border-bottom: 0px solid white;
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs_bottom div.dhx_cell_tabbar div.dhx_toolbar_dhx_skyblue {
border-bottom-width: 0px;
border-top-width: 1px;
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tab {
margin-top: 4px;
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv,
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv_dis {
z-index: 3;
font-weight: bold;
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tab div.dhxtabbar_tab_text {
top: 0px;
border-top: 0px solid white;
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tab div.dhxtabbar_tab_close {
top: auto;
bottom: 5px;
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_line {
top: 0px;
bottom: none;
border-bottom: 1px solid #a4bed4;
border-top: 0px solid white;
background-color: #e2efff;
}
.dhxtabbar_base_dhx_skyblue div.dhx_cell_tabbar div.dhx_cell_menu_def {
position: relative;
overflow: hidden;
border-left: 1px solid #a4bed4;
border-right: 1px solid #a4bed4;
border-bottom: 1px solid #a4bed4;
border-top: 0px solid white;
}
.dhxtabbar_base_dhx_skyblue div.dhx_cell_tabbar div.dhx_cell_menu_def div.dhtmlxMenu_dhx_skyblue_Middle {
padding: 0px 2px;
}
.dhxtabbar_base_dhx_skyblue div.dhx_cell_tabbar div.dhx_cell_menu_no_borders {
position: relative;
overflow: hidden;
}
.dhxtabbar_base_dhx_skyblue div.dhx_cell_tabbar div.dhx_cell_menu_no_borders div.dhtmlxMenu_dhx_skyblue_Middle {
padding: 0px 2px;
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs_bottom div.dhx_cell_tabbar div.dhx_cell_menu_def {
border-left: 1px solid #a4bed4;
border-right: 1px solid #a4bed4;
border-top: 1px solid #a4bed4;
border-bottom: 0px solid white;
}
.dhxtabbar_base_dhx_skyblue div.dhx_cell_tabbar div.dhx_toolbar_dhx_skyblue {
border-bottom-width: 1px;
border-top-width: 0px;
}
.dhxtabbar_base_dhx_skyblue div.dhx_cell_tabbar div.dhtmlxribbon_dhx_skyblue.dhxrb_without_tabbar {
border-top: 0px solid white;
width: auto;
}
.dhxtabbar_base_dhx_skyblue div.dhx_cell_tabbar div.dhxrb_with_tabbar.dhxtabbar_base_dhx_skyblue {
margin-top: -1px;
}
.dhxtabbar_base_dhx_skyblue div.dhx_cell_tabbar div.dhx_cell_statusbar_def {
position: absolute;
bottom: 0px;
width: 100%;
font-family: Tahoma, Helvetica;
font-size: 11px;
color: black;
background-color: #ddecff;
}
.dhxtabbar_base_dhx_skyblue div.dhx_cell_tabbar div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
position: relative;
padding: 0px 4px;
height: 21px;
line-height: 21px;
border-top: 0px solid white;
border-bottom: 1px solid #a4bed4;
border-left: 1px solid #a4bed4;
border-right: 1px solid #a4bed4;
white-space: nowrap;
overflow: hidden;
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs_bottom div.dhx_cell_tabbar div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
border-top: 1px solid #a4bed4;
border-bottom: 0px solid white;
}
.dhxtabbar_base_dhx_skyblue div.dhx_cell_tabbar div.dhx_cell_progress_bar {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: white;
opacity: 0.75;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
z-index: 1;
}
.dhxtabbar_base_dhx_skyblue div.dhx_cell_tabbar div.dhx_cell_progress_img {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-image: url("../imgs/dhxtabbar_skyblue/dhxtabbar_cell_progress.gif");
background-position: center center;
background-repeat: no-repeat;
z-index: 2;
}
.dhxtabbar_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);
}
.dhxtabbar_base_dhx_skyblue div.dhxcelltop_progress_img {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-image: url('../imgs/dhxtabbar_skyblue/dhxtabbar_cell_progress.gif');
background-position: center center;
background-repeat: no-repeat;
z-index: 4;
}
.dhxtabbar_base_dhx_skyblue div.dhxcelltop_hdr {
position: relative;
}
.dhxtabbar_base_dhx_skyblue div.dhxcelltop_ftr {
position: absolute;
}
.dhxtabbar_base_dhx_skyblue div.dhxcelltop_menu {
position: relative;
overflow: hidden;
}
.dhxtabbar_base_dhx_skyblue div.dhxcelltop_toolbar {
position: relative;
background-color: #ebebeb;
padding-bottom: 4px;
overflow: hidden;
}
.dhxtabbar_base_dhx_skyblue div.dhxcelltop_ribbon {
padding-bottom: 4px;
position: relative;
}
.dhxtabbar_base_dhx_skyblue div.dhxcelltop_ribbon div.dhtmlxribbon_dhx_skyblue.dhxrb_without_tabbar {
width: auto;
}
.dhxtabbar_base_dhx_skyblue div.dhxcelltop_statusbar {
position: absolute;
bottom: 0px;
width: 100%;
background-color: #ebebeb;
overflow: hidden;
}
.dhxtabbar_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;
}
span.dhxtabbar_tabs_text_test_dhx_skyblue {
position: absolute;
visibility: hidden;
right: 0px;
top: 0px;
font-weight: bold;
font-family: Tahoma, Helvetica;
font-size: 11px;
color: black;
}
.dhxtabbar_skin_detect {
position: absolute;
left: 0px;
top: -100px;
margin: 0;
padding: 0;
border: 0px solid white;
width: 10px;
height: 10px;
overflow: hidden;
}

View File

@ -0,0 +1,419 @@
/*
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
*/
.dhxtabbar_skin_detect {
position: absolute;
left: 0px;
top: -100px;
margin: 0;
padding: 0;
border: 0px solid white;
width: 30px;
height: 10px;
overflow: hidden;
}
.dhxtabbar_fullscreen {
width: 100%;
height: 100%;
margin: 0px;
overflow: hidden;
}
.dhxtabbar_base_dhx_terrace {
position: relative;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_cont {
position: absolute;
*overflow: hidden;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs {
position: absolute;
top: 0px;
bottom: auto;
height: 33px;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-top: 1px solid #cccccc;
overflow: hidden;
white-space: nowrap;
background-color: #ffffff;
z-index: 2;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_base {
position: absolute;
top: 0px;
height: 34px;
overflow: hidden;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_left,
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_right {
position: absolute;
width: 5000px;
height: 34px;
margin: 0px 1px;
top: -1px;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_line {
position: absolute;
width: 100%;
left: 0px;
bottom: 0px;
top: none;
height: 1px;
overflow: hidden;
background-color: #cccccc;
border: none;
z-index: 2;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left {
position: absolute;
left: 0px;
top: 0px;
width: 17px;
height: 32px;
background-color: #ffffff;
border-bottom: 1px solid #cccccc;
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;
cursor: pointer;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left.dhxtabbar_tabs_ar_hidden {
display: none;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left div.dhxtabbar_arrow_img {
position: relative;
height: 100%;
border-right: 1px solid #cccccc;
background-image: url("../imgs/dhxtabbar_terrace/dhxtabbar_arrows.gif");
background-position: 1px 14px;
background-repeat: no-repeat;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right {
position: absolute;
right: 0px;
top: 0px;
width: 17px;
height: 32px;
background-color: #ffffff;
border-bottom: 1px solid #cccccc;
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;
cursor: pointer;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right.dhxtabbar_tabs_ar_hidden {
display: none;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right div.dhxtabbar_arrow_img {
position: relative;
height: 100%;
border-left: 1px solid #cccccc;
background-image: url("../imgs/dhxtabbar_terrace/dhxtabbar_arrows.gif");
background-position: -13px 14px;
background-repeat: no-repeat;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab {
position: relative;
height: 34px;
font-family: Arial, Helvetica;
font-size: 13px;
color: #333333;
z-index: 1;
cursor: pointer;
background-color: #f5f5f5;
margin-left: -1px;
margin-right: 0px;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab:hover div.dhxtabbar_tab_text {
color: #262626;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab:hover div.dhxtabbar_tab_close {
background-color: #e8e8e8;
border-color: #c7c7c7;
background-position: -15px 0px;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_dis {
color: #bbbbbb;
background-color: #fafafa;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv,
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv_dis {
background-color: #ffffff;
z-index: 3;
font-weight: bold;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_hidden {
border: none;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab div.dhxtabbar_tab_text {
position: relative;
height: 33px;
line-height: 33px;
vertical-align: middle;
top: 0px;
bottom: none;
text-align: center;
padding: 0px 15px;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-top: 1px solid #cccccc;
border-bottom: 0px solid #ffffff;
overflow: hidden;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab div.dhxtabbar_tab_text.dhxtabbar_tab_text_close {
padding-right: 20px;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv div.dhxtabbar_tab_text {
color: #333333;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_dis div.dhxtabbar_tab_text,
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv_dis div.dhxtabbar_tab_text {
color: #bbbbbb;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_dis div.dhxtabbar_tab_close,
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_dis:hover div.dhxtabbar_tab_close,
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv_dis div.dhxtabbar_tab_close,
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv_dis:hover div.dhxtabbar_tab_close {
background-color: #e8e8e8;
border-color: #c7c7c7;
background-position: -30px 0px;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab div.dhxtabbar_tab_close {
position: absolute;
top: 9px;
right: 9px;
width: 15px;
height: 15px;
border: 1px solid #cccccc;
background-color: #f0f0f0;
border-radius: 3px;
background-image: url("../imgs/dhxtabbar_terrace/dhxtabbar_button_close.gif");
background-position: 0px 0px;
background-repeat: no-repeat;
z-index: 1;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv div.dhxtabbar_tab_close,
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv:hover div.dhxtabbar_tab_close {
background-color: #ffffff;
border-color: #cccccc;
background-position: 0px 0px;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_cont_left div.dhxtabbar_tab {
float: left;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_cont_right div.dhxtabbar_tab {
float: right;
margin-right: -1px;
margin-left: 0px;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs {
top: auto;
bottom: 0px;
border-bottom: 1px solid #cccccc;
border-top: 0px solid #ffffff;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_left,
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_right {
top: 0px;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_line {
top: 0px;
bottom: none;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tab {
margin-top: 0px;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv,
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv_dis {
margin-top: 0px;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tab div.dhxtabbar_tab_text {
border-bottom: 1px solid #cccccc;
border-top: 0px solid white;
top: none;
bottom: 0px;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left,
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right {
top: 0px;
bottom: none;
border-top: 1px solid #cccccc;
border-bottom: 0px solid #ffffff;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
border-top: 1px solid #cccccc;
border-bottom: 0px solid white;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhx_cell_tabbar div.dhx_cell_menu_def {
border-top: 1px solid #cccccc;
border-bottom: 0px solid white;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhx_cell_tabbar div.dhx_cell_toolbar_def {
border-top: 1px solid #cccccc;
border-bottom: 0px solid white;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhx_cell_tabbar div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
border-top: 1px solid #cccccc;
border-bottom: 0px solid white;
}
.dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar {
position: absolute;
background-color: #ffffff;
margin: 0px;
padding: 0px;
overflow: hidden;
cursor: default;
z-index: 0;
}
.dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar 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;
}
.dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
position: absolute;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
border-top: 0px solid white;
overflow: hidden;
z-index: 0;
}
.dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar div.dhx_cell_cont_tabbar.dhx_cell_cont_no_borders {
border: 0px solid white !important;
}
.dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar 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;
}
.dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar div.dhx_cell_menu_no_borders {
position: relative;
overflow: hidden;
}
.dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar div.dhx_cell_toolbar_def {
position: relative;
padding: 6px;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
.dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar div.dhtmlxribbon_dhx_terrace.dhxrb_without_tabbar {
border-top: 0px solid white;
width: auto;
}
.dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar div.dhxrb_with_tabbar.dhxtabbar_base_dhx_terrace {
margin-top: -1px;
}
.dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar div.dhx_cell_statusbar_def {
position: absolute;
bottom: 0px;
width: 100%;
font-family: Arial, Helvetica;
font-size: 13px;
color: #333333;
background-color: #f5f5f5;
}
.dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
position: relative;
padding: 0px 4px;
height: 28px;
line-height: 27px;
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
white-space: nowrap;
overflow: hidden;
}
.dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar div.dhx_cell_progress_bar {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: white;
opacity: 0.75;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
z-index: 1;
}
.dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar div.dhx_cell_progress_img {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-image: url("../imgs/dhxtabbar_terrace/dhxtabbar_cell_progress.gif");
background-position: center center;
background-repeat: no-repeat;
z-index: 2;
}
span.dhxtabbar_tabs_text_test_dhx_terrace {
position: absolute;
visibility: hidden;
right: 0px;
top: 0px;
font-weight: bold;
padding: 0px 4px;
font-family: Arial, Helvetica;
font-size: 13px;
color: #333333;
}

View File

@ -0,0 +1,371 @@
/*
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
*/
.dhxtabbar_skin_detect {
position: absolute;
left: 0px;
top: -100px;
margin: 0;
padding: 0;
border: 0px solid white;
width: 20px;
height: 10px;
overflow: hidden;
}
.dhxtabbar_fullscreen {
width: 100%;
height: 100%;
margin: 0px;
overflow: hidden;
}
.dhxtabbar_base_dhx_web {
position: relative;
}
.dhxtabbar_base_dhx_web div.dhxtabbar_cont {
position: absolute;
*overflow: hidden;
}
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs {
position: absolute;
top: 0px;
bottom: auto;
height: 32px;
overflow: hidden;
white-space: nowrap;
background-color: #3da0e3;
border: none;
z-index: 2;
}
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs {
top: auto;
bottom: 0px;
}
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tabs_base {
position: absolute;
top: 0px;
height: 32px;
overflow: hidden;
}
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_left,
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_right {
position: absolute;
width: 5000px;
height: 32px;
margin: 0px 1px;
top: 0px;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_line {
display: none;
}
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left {
position: absolute;
left: 0px;
top: 0px;
width: 14px;
height: 32px;
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;
cursor: pointer;
}
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left.dhxtabbar_tabs_ar_hidden {
display: none;
}
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left div.dhxtabbar_arrow_img {
position: relative;
height: 100%;
background-image: url("../imgs/dhxtabbar_web/dhxtabbar_arrows.gif");
background-position: 0px 13px;
background-repeat: no-repeat;
}
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right {
position: absolute;
right: 0px;
top: 0px;
width: 14px;
height: 32px;
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;
cursor: pointer;
}
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right.dhxtabbar_tabs_ar_hidden {
display: none;
}
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right div.dhxtabbar_arrow_img {
position: relative;
height: 100%;
background-image: url("../imgs/dhxtabbar_web/dhxtabbar_arrows.gif");
background-position: -14px 13px;
background-repeat: no-repeat;
}
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab {
position: relative;
height: 26px;
background-color: #2589ce;
font-family: Tahoma, Helvetica;
font-size: 12px;
color: #ffffff;
margin-top: 5px;
border-left: 2px solid #3da0e3;
border-right: 2px solid #3da0e3;
z-index: 1;
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;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tabs_cont_left div.dhxtabbar_tab {
float: left;
}
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tabs_cont_right div.dhxtabbar_tab {
float: right;
}
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab:hover {
background-color: #ffffff;
}
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab:hover div.dhxtabbar_tab_text {
color: #000000;
}
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_dis {
background-color: #176aa3;
}
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv,
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv_dis {
background-color: #ffffff;
color: #000000;
height: 27px;
z-index: 3;
}
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_hidden {
border: none;
}
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab div.dhxtabbar_tab_text {
position: relative;
height: 26px;
line-height: 25px;
vertical-align: middle;
top: 0px;
color: #ffffff;
text-align: center;
overflow: hidden;
}
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab div.dhxtabbar_tab_text.dhxtabbar_tab_text_close {
padding-right: 9px;
}
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv div.dhxtabbar_tab_text,
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv_dis div.dhxtabbar_tab_text {
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv div.dhxtabbar_tab_text {
color: black;
}
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_dis div.dhxtabbar_tab_text,
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv_dis div.dhxtabbar_tab_text {
color: #999999;
}
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab div.dhxtabbar_tab_close {
position: absolute;
top: 8px;
right: 7px;
width: 14px;
height: 14px;
background-image: url("../imgs/dhxtabbar_web/dhxtabbar_button_close.gif");
background-position: 0px 0px;
background-repeat: no-repeat;
z-index: 1;
}
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab:hover div.dhxtabbar_tab_close,
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv div.dhxtabbar_tab_close {
background-position: -14px 0px;
}
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_dis div.dhxtabbar_tab_close,
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv_dis div.dhxtabbar_tab_close {
background-position: -28px 0px;
}
span.dhxtabbar_tabs_text_test_dhx_web {
position: absolute;
visibility: hidden;
right: 0px;
top: 0px;
font-weight: normal;
font-family: Tahoma, Helvetica;
font-size: 12px;
color: #f4f4f4;
padding: 0px 6px;
}
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs_bottom div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
border-top: 1px solid #c7c7c7;
border-bottom: 0px solid #ffffff;
}
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tab {
margin-top: 0px;
height: 27px;
}
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv,
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv_dis {
height: 27px;
}
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tab div.dhxtabbar_tab_text {
border-top: 1px solid #3da0e3;
}
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv div.dhxtabbar_tab_text,
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv_dis div.dhxtabbar_tab_text {
border-top: 1px solid #ffffff;
}
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left,
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right {
top: 1px;
}
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tab div.dhxtabbar_tab_close {
top: 8px;
}
.dhxtabbar_base_dhx_web div.dhx_cell_tabbar {
position: absolute;
background-color: white;
margin: 0px;
padding: 0px;
overflow: hidden;
cursor: default;
z-index: 0;
}
.dhxtabbar_base_dhx_web div.dhx_cell_tabbar 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;
}
.dhxtabbar_base_dhx_web div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
position: absolute;
border-left: 1px solid #c7c7c7;
border-right: 1px solid #c7c7c7;
border-bottom: 1px solid #c7c7c7;
padding: 8px;
border-top: 0px solid #ffffff;
overflow: hidden;
z-index: 0;
}
.dhxtabbar_base_dhx_web div.dhx_cell_tabbar div.dhx_cell_cont_tabbar.dhx_cell_cont_no_borders {
border: 0px solid #ffffff !important;
padding: 0px;
}
.dhxtabbar_base_dhx_web div.dhx_cell_tabbar div.dhx_cell_menu_def {
position: relative;
overflow: hidden;
padding: 9px 9px 0px 9px;
border-left: 1px solid #c7c7c7;
border-right: 1px solid #c7c7c7;
}
.dhxtabbar_base_dhx_web div.dhx_cell_tabbar div.dhx_cell_menu_no_borders {
position: relative;
overflow: hidden;
height: 20px;
}
.dhxtabbar_base_dhx_web div.dhx_cell_tabbar div.dhx_cell_toolbar_def {
position: relative;
padding: 9px 9px 0px 9px;
border-left: 1px solid #c7c7c7;
border-right: 1px solid #c7c7c7;
}
.dhxtabbar_base_dhx_web div.dhx_cell_tabbar div.dhtmlxribbon_dhx_web.dhxrb_without_tabbar {
border-top: 0px solid #ffffff;
width: auto;
}
.dhxtabbar_base_dhx_web div.dhx_cell_tabbar div.dhxrb_with_tabbar.dhxtabbar_base_dhx_web {
margin-top: -1px;
}
.dhxtabbar_base_dhx_web div.dhx_cell_tabbar div.dhx_cell_statusbar_def {
position: absolute;
bottom: 0px;
width: 100%;
font-family: Tahoma, Helvetica;
font-size: 12px;
color: #000000;
background-color: #f4f4f4;
}
.dhxtabbar_base_dhx_web div.dhx_cell_tabbar div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
position: relative;
padding: 0px 4px;
height: 28px;
line-height: 27px;
border-bottom: 1px solid #c7c7c7;
border-left: 1px solid #c7c7c7;
border-right: 1px solid #c7c7c7;
white-space: nowrap;
overflow: hidden;
}
.dhxtabbar_base_dhx_web div.dhx_cell_tabbar 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);
}
.dhxtabbar_base_dhx_web div.dhx_cell_tabbar div.dhx_cell_progress_img {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-image: url("../imgs/dhxtabbar_web/dhxtabbar_cell_progress.gif");
background-position: center center;
background-repeat: no-repeat;
z-index: 2;
}

View File

@ -0,0 +1,532 @@
/*
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;
}
}
.dhxtabbar_base_material {
position: relative;
box-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 1px 3px rgba(0,0,0,0.09);
}
.dhxtabbar_base_material div.dhxtabbar_cont {
position: absolute;
overflow: hidden;
}
.dhxtabbar_base_material div.dhxtabbar_tabs {
position: absolute;
top: 0px;
bottom: auto;
height: 42px;
line-height: 42px;
background-color: #fafafa;
border-color: #dfdfdf;
border-style: solid;
border-width: 1px;
overflow: hidden;
white-space: nowrap;
z-index: 2;
font-size: 14px;
font-family: Roboto, Arial, Helvetica;
color: #404040;
}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base {
position: absolute;
height: 42px;
overflow: hidden;
}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_left,
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_right {
position: absolute;
top: 0px;
width: 5000px;
height: 42px;
margin: 0px 1px;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_line {
display: none;
}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab {
position: relative;
height: 42px;
line-height: 42px;
background-color: #fafafa;
font: inherit;
margin-right: 0px;
cursor: pointer;
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;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab.dhxtabbar_tab_actv {
color: #3399cc;
background-color: #3399cc;
}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab.dhxtabbar_tab_actv_dis {
color: #a6a6a6;
background-color: #a6a6a6;
}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab.dhxtabbar_tab_dis {
color: #a6a6a6;
}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab div.dhxtabbar_tab_text {
position: relative;
height: 40px;
line-height: 42px;
background-color: #fafafa;
vertical-align: middle;
text-align: center;
padding: 0px 16px;
overflow: hidden;
font: inherit;
text-transform: uppercase;
}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab div.dhxtabbar_tab_text.dhxtabbar_tab_text_close {
padding-right: 42px;
}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab div.dhxtabbar_tab_close {
position: absolute;
top: 14px;
right: 14px;
width: 14px;
height: 14px;
background-image: url("../imgs/dhxtabbar_material/dhxtabbar_button_close.png");
background-position: 0px 0px;
background-repeat: no-repeat;
z-index: 1;
}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab.dhxtabbar_tab_actv_dis div.dhxtabbar_tab_close,
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab.dhxtabbar_tab_dis div.dhxtabbar_tab_close {
background-position: -14px 0px;
}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_left div.dhxtabbar_tab {
float: left;
}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_right div.dhxtabbar_tab {
float: right;
}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left,
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right {
position: absolute;
top: 0px;
width: 35px;
height: 42px;
line-height: 42px;
z-index: 4;
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;
}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left.dhxtabbar_tabs_ar_hidden,
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right.dhxtabbar_tabs_ar_hidden {
display: none;
}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left div.dhxtabbar_arrow_img,
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right div.dhxtabbar_arrow_img {
position: absolute;
width: 16px;
height: 16px;
line-height: 16px;
left: 10px;
top: 13px;
background-image: url("../imgs/dhxtabbar_material/dhxtabbar_arrows.png");
background-position: 0px 0px;
background-repeat: no-repeat;
}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left {
left: 0px;
}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left div.dhxtabbar_arrow_img:hover {
background-position: 0px -16px;
}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right {
right: 0px;
}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right div.dhxtabbar_arrow_img {
background-position: -16px 0px;
}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right div.dhxtabbar_arrow_img:hover {
background-position: -16px -16px;
}
.dhxtabbar_base_material div.dhx_cell_tabbar {
position: absolute;
background-color: white;
margin: 0px;
padding: 0px;
overflow: hidden;
cursor: default;
z-index: 0;
}
.dhxtabbar_base_material div.dhx_cell_tabbar 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;
}
.dhxtabbar_base_material div.dhx_cell_tabbar 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;
}
.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_progress_img {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
border: 1px solid #e4e4e4;
background-image: url('../imgs/dhxtabbar_material/dhxtabbar_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;
}
.dhxtabbar_base_material div.dhx_cell_tabbar 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;
}
.dhxtabbar_base_material div.dhx_cell_tabbar 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;
}
.dhxtabbar_base_material div.dhx_cell_tabbar 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;
}
.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_menu_def {
position: relative;
overflow: hidden;
border-style: solid;
border-width: 0px 1px 1px 1px;
border-color: #dfdfdf;
}
.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_toolbar_def {
position: relative;
overflow: hidden;
}
.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_toolbar_def .dhx_toolbar_material {
border-width: 0px 1px 1px 1px;
}
.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_ribbon_def {
position: relative;
overflow: hidden;
}
.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material {
border-top-width: 0px;
margin-top: -1px;
width: auto;
}
.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_ribbon_def div.dhtmlxribbon_material.dhxrb_without_tabbar {
border-top-width: 0px;
width: auto;
}
.dhxtabbar_base_material div.dhx_cell_tabbar 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;
}
.dhxtabbar_base_material div.dhx_cell_tabbar 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;
}
.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
position: absolute;
border-color: #dfdfdf;
border-style: solid;
overflow: hidden;
z-index: 0;
}
.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_cont_tabbar.dhx_cell_cont_no_borders {
border-width: 0px;
}
.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhxtabbar_tabs {
top: 0px;
}
.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhxtabbar_tabs div.dhxtabbar_tab_text {
margin-bottom: 2px;
}
.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
border-width: 0px 1px 1px 1px;
}
.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_progress_img,
.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_progress_svg {
border-top-width: 0px;
}
.dhxtabbar_base_material div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs {
bottom: 0px;
}
.dhxtabbar_base_material div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tab_text {
margin-top: 2px;
}
.dhxtabbar_base_material div.dhxtabbar_tabs_bottom div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
border-width: 1px 1px 0px 1px;
}
.dhxtabbar_base_material div.dhxtabbar_tabs_bottom div.dhx_cell_tabbar div.dhx_cell_progress_img,
.dhxtabbar_base_material div.dhxtabbar_tabs_bottom div.dhx_cell_tabbar div.dhx_cell_progress_svg {
border-bottom-width: 0px;
}
.dhxtabbar_base_material div.dhxcelltop_hdr {
position: relative;
}
.dhxtabbar_base_material div.dhxcelltop_ftr {
position: absolute;
}
.dhxtabbar_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;
}
.dhxtabbar_base_material div.dhxcelltop_progress_img {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-image: url('../imgs/dhxtabbar_material/dhxtabbar_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;
}
.dhxtabbar_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;
}
.dhxtabbar_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;
}
.dhxtabbar_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;
}
.dhxtabbar_base_material div.dhxcelltop_menu {
position: relative;
overflow: hidden;
border-width: 1px 1px 0px 1px;
border-style: solid;
border-color: #dfdfdf;
}
.dhxtabbar_base_material div.dhxcelltop_toolbar {
position: relative;
overflow: hidden;
}
.dhxtabbar_base_material div.dhxcelltop_toolbar div.dhx_toolbar_material {
border-width: 1px 1px 0px 1px;
}
.dhxtabbar_base_material div.dhxcelltop_ribbon {
position: relative;
overflow: hidden;
}
.dhxtabbar_base_material div.dhxcelltop_ribbon div.dhtmlxribbon_material.dhxrb_without_tabbar {
border-bottom-width: 0px;
width: auto;
}
.dhxtabbar_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;
}
.dhxtabbar_base_material div.dhxcelltop_statusbar {
position: absolute;
overflow: hidden;
background-color: #fafafa;
font-size: 14px;
font-family: Roboto, Arial, Helvetica;
color: #404040;
}
.dhxtabbar_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;
}
span.dhxtabbar_tabs_text_test_material {
position: absolute;
visibility: hidden;
right: 0px;
top: 0px;
padding: 0px 4px;
text-transform: uppercase;
font-size: 14px;
font-family: Roboto, Arial, Helvetica;
color: #404040;
}
.dhxtabbar_skin_detect {
position: absolute;
left: 0px;
top: -100px;
margin: 0;
padding: 0;
border: 0px solid white;
width: 40px;
height: 10px;
overflow: hidden;
}