add extjs 6.0.1 sources

[extjs.git] / extjs / packages / ux / classic / sass / src / GroupTabPanel.scss

/* Main GroupTabPanel style */\r
.#{$prefix}grouptabpanel {\r
    background-color: #4E78B1;\r
    border: solid 15px #4E78B1;\r
}\r
/* End of GroupTabPanel style */\r
\r
/* Card Layout container */\r
.#{$prefix}grouptabcontainer {\r
    background-color: white;\r
    border-top: 1px solid #d9d9d9 !important;\r
    border-bottom: 1px solid #d9d9d9 !important;\r
    border-right: 1px solid #d9d9d9 !important;\r
}\r
/* End of Card Layout container */\r
\r
.#{$prefix}grouptabpanel .#{$prefix}grouptab .#{$prefix}grid-cell-inner  {\r
    font-family: tahoma, arial, sans-serif;\r
    text-decoration: none!important;\r
}\r
\r
.#{$prefix}grouptabpanel .#{$prefix}grouptab-first .#{$prefix}grid-cell-inner  {\r
    font-size: 13px;\r
    line-height: 18px;\r
    font-weight: bold;\r
}\r
\r
.#{$prefix}grouptabbar .#{$prefix}grid-row .#{$prefix}grid-cell {\r
    background-color: transparent;\r
    padding-left: 6px;\r
}\r
\r
.#{$prefix}grouptabbar .#{$prefix}grid-cell-inner  {\r
    color: #DFE8F6;\r
}\r
\r
.#{$prefix}grouptabpanel .#{$prefix}active-group .#{$prefix}grid-cell-inner  {\r
    color: #395B8E;\r
}\r
\r
.#{$prefix}grouptabbar .#{$prefix}grouptab {\r
    line-height: 24px;\r
    background-color: transparent;\r
    font-size: 12px;\r
    position: relative;\r
    padding-left: 6px;\r
    padding-bottom: 2px;\r
    overflow: visible; /* To allow round corner blobs (.x-grouptabs-corner) to occlude the element border */\r
}\r
\r
.#{$prefix}grouptabbar .#{$prefix}grouptab-first {\r
    padding-top: 6px;\r
}\r
\r
.#{$prefix}grouptabbar .#{$prefix}grouptab-last {\r
    margin-bottom: 3px;\r
}\r
\r
.#{$prefix}grouptabbar .#{$prefix}active-tab .#{$prefix}grid-cell-inner  {\r
    background-color: #EDEEF0;\r
}\r
\r
.#{$prefix}grouptabbar .#{$prefix}tree-elbow-line,\r
.#{$prefix}grouptabbar .#{$prefix}tree-elbow-empty {\r
    width: 0;\r
}\r
\r
.#{$prefix}grouptabbar .#{$prefix}active-group .#{$prefix}grouptab {\r
    background-color: white!important;\r
    border: 0 none!important;\r
}\r
\r
.#{$prefix}grouptabbar .#{$prefix}active-group .#{$prefix}grouptab-first {\r
    border-top: 1px solid #d9d9d9!important;\r
}\r
\r
.#{$prefix}grouptabbar .#{$prefix}active-group .#{$prefix}grouptab-center {\r
    border-left: 1px solid #d9d9d9!important;\r
}\r
\r
.#{$prefix}grouptabbar .#{$prefix}active-group .#{$prefix}grouptab-last {\r
    border-bottom: 1px solid #d9d9d9!important;\r
    padding-bottom: 3px;\r
}\r
\r
.#{$prefix}grouptabbar .#{$prefix}active-group .#{$prefix}grouptab-first,\r
.#{$prefix}grouptabbar .#{$prefix}active-group .#{$prefix}grouptab-last {\r
    border-left: 1px solid #d9d9d9!important;\r
}\r
\r
.#{$prefix}grouptab-cell {\r
    border: 0 none!important;\r
}\r
\r
/* Tab corners */\r
.#{$prefix}grouptabbar .#{$prefix}grouptabs-corner {\r
    background-image: theme-background-image('grouptabpanel/corners', 'gif');\r
    display: none;\r
    width: 11px;\r
    height: 11px;\r
    position: absolute;\r
    font-size: 1px;\r
    line-height: 6px;\r
    overflow: hidden;\r
    zoom:1;\r
}\r
\r
.#{$prefix}grouptabbar .#{$prefix}grouptabs-corner {\r
    display: none;\r
}\r
\r
.#{$prefix}grouptabbar .#{$prefix}active-group .#{$prefix}grouptab-first .#{$prefix}grouptabs-corner-top-left,\r
.#{$prefix}grouptabbar .#{$prefix}active-group .#{$prefix}grouptab-last .#{$prefix}grouptabs-corner-bottom-left {\r
    display: block;\r
}\r
\r
.#{$prefix}grouptabbar .#{$prefix}grouptabs-corner-top-left {\r
    background-position: top left;\r
    left: 0; top: 0;\r
}\r
.#{$prefix}grouptabbar .#{$prefix}grouptabs-corner-bottom-left {\r
    background-position: bottom left;\r
    left: 0; bottom: 0;\r
}\r
.#{$prefix}grouptabbar .#{$prefix}grouptabs-corner-top-right {\r
    background-position: top right;\r
    right: 0; top: 0;\r
}\r
.#{$prefix}grouptabbar .#{$prefix}grouptabs-corner-bottom-right {\r
    background-position: bottom right;\r
    right: 0; bottom: 0;\r
}\r
.#{$prefix}grouptabbar .#{$prefix}active-group .#{$prefix}grouptabs-corner-bottom-left{\r
    bottom: -4px; left: -4px;\r
}\r
.#{$prefix}grouptabbar .#{$prefix}active-group .#{$prefix}grouptabs-corner-bottom-right{\r
    bottom: -4px; right: -4px;\r
}\r
.#{$prefix}grouptabbar .#{$prefix}active-group .#{$prefix}grouptabs-corner-top-left{\r
    top: -4px; left: -4px;\r
}\r
.#{$prefix}grouptabbar .#{$prefix}active-group .#{$prefix}grouptabs-corner-top-right{\r
    top: -4px; right: -4px;\r
}\r
\r
.#{$prefix}grouptabbar .#{$prefix}tree-panel .#{$prefix}grid-cell {\r
    overflow: visible;\r
}\r
\r
.#{$prefix}grouptabbar .#{$prefix}panel-body  {\r
    background-color: #4E78B1;\r
}\r
\r
.#{$prefix}grouptabbar {\r
    top: 0 !important;\r
    margin-top: -1px !important;\r
}\r
\r
.#{$prefix}grouptabbar .#{$prefix}grouptab .#{$prefix}tree-icon-parent {\r
    display: none;\r
}\r
\r
.#{$prefix}grouptabbar .#{$prefix}grouptab .#{$prefix}tree-elbow,\r
.#{$prefix}grouptabbar .#{$prefix}grouptab .#{$prefix}tree-elbow-end {\r
    display: none;\r
}\r
\r
.#{$prefix}grouptabbar .#{$prefix}grouptab .#{$prefix}tree-expander {\r
    background-image: theme-background-image('grouptabpanel/plus', 'gif');\r
}\r
\r
.#{$prefix}grouptabbar .#{$prefix}grid-tree-node-expanded .#{$prefix}grouptab .#{$prefix}tree-expander {\r
    background-image: theme-background-image('grouptabpanel/minus', 'gif');\r
}