.accordion {
overflow: hidden;
border-width: 1px;
border-style: solid;
}
.accordion .accordion-header {
border-width: 0 0 1px;
cursor: pointer;
}
.accordion .accordion-body {
border-width: 0 0 1px;
}
.accordion-noborder {
border-width: 0;
}
.accordion-noborder .accordion-header {
border-width: 0 0 1px;
}
.accordion-noborder .accordion-body {
border-width: 0 0 1px;
}
.accordion-collapse {
background: url('images/accordion_arrows.png') no-repeat 0 0;
}
.accordion-expand {
background: url('images/accordion_arrows.png') no-repeat -16px 0;
}
.accordion {
background: #666;
border-color: #000;
}
.accordion .accordion-header {
background: #3d3d3d;
filter: none;
}
.accordion .accordion-header-selected {
background: #0052A3;
}
.accordion .accordion-header-selected .panel-title {
color: #fff;
}
.accordion .panel-last > .accordion-header {
border-bottom-color: #3d3d3d;
}
.accordion .panel-last > .accordion-body {
border-bottom-color: #666;
}
.accordion .panel-last > .accordion-header-selected,
.accordion .panel-last > .accordion-header-border {
border-bottom-color: #000;
}
.accordion> .panel-hleft {
float: left;
}
.accordion> .panel-hleft>.panel-header {
border-width: 0 1px 0 0;
}
.accordion> .panel-hleft> .panel-body {
border-width: 0 1px 0 0;
}
.accordion> .panel-hleft.panel-last > .accordion-header {
border-right-color: #3d3d3d;
}
.accordion> .panel-hleft.panel-last > .accordion-body {
border-right-color: #666;
}
.accordion> .panel-hleft.panel-last > .accordion-header-selected,
.accordion> .panel-hleft.panel-last > .accordion-header-border {
border-right-color: #000;
}
.accordion> .panel-hright {
float: right;
}
.accordion> .panel-hright>.panel-header {
border-width: 0 0 0 1px;
}
.accordion> .panel-hright> .panel-body {
border-width: 0 0 0 1px;
}
.accordion> .panel-hright.panel-last > .accordion-header {
border-left-color: #3d3d3d;
}
.accordion> .panel-hright.panel-last > .accordion-body {
border-left-color: #666;
}
.accordion> .panel-hright.panel-last > .accordion-header-selected,
.accordion> .panel-hright.panel-last > .accordion-header-border {
border-left-color: #000;
}
*{
box-sizing: border-box;
}
.f-block{
display: block;
position: relative;
}
.f-row{
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
position: relative;
}
.f-column{
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
}
.f-inline-row{
white-space: nowrap;
display: -webkit-inline-box;
display: -ms-inline-box;
display: inline-flex;
vertical-align: middle;
position: relative;
align-items: stretch;
-webkit-tap-highlight-color: transparent;
}
.f-content-center{
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
}
.f-full{
-webkit-box-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.f-hide{
display: none;
}
.f-order0{
order: 0;
}
.f-order1{
order: 1;
}
.f-order2{
order: 2;
}
.f-order3{
order: 3;
}
.f-order4{
order: 4;
}
.f-order5{
order: 5;
}
.f-order6{
order: 6;
}
.f-order7{
order: 7;
}
.f-order8{
order: 8;
}
.f-noshrink{
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.f-animate{
transition: all .3s;
}
.f-field{
width: 12em;
height: 30px;
}
.scroll-body{
overflow: auto;
position: relative;
}
.textbox .textbox-text{
width: 100%;
height: auto;
overflow: hidden;
}
.textbox-addon{
align-items: center;
}
.textbox textarea.textbox-text{
height: auto;
overflow: auto;
}
.textbox-disabled>.textbox-addon .textbox-icon,
.textbox-readonly>.textbox-addon .textbox-icon{
cursor: default;
}
.textbox-disabled>.textbox-addon .textbox-icon:hover,
.textbox-readonly>.textbox-addon .textbox-icon:hover{
opacity: 0.6;
cursor: default;
}
.textbox-addon .textbox-icon{
width: 26px;
height: 18px;
}
.spinner .textbox-text{
height: auto;
}
.spinner-button-left,.spinner-button-right{
width: 26px;
}
.spinner-button-updown{
width: 26px;
}
.spinner-button-top,.spinner-button-bottom{
position: absolute;
width: 100%;
height: 26px;
}
.spinner-button-top{
top: 0;
}
.spinner-button-bottom{
top: auto;
bottom: 0;
}
.spinner-button{
display: inline-block;
position: absolute;
width: 16px;
height: 16px;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.spinner-arrow{
cursor: pointer;
opacity: 0.6;
}
.textbox-disabled .spinner-arrow:hover,
.textbox-readonly .spinner-arrow:hover
{
opacity: 0.6;
cursor: default;
}
.textbox-readonly .spinner-arrow .spinner-arrow-up:hover,
.textbox-disabled .spinner-arrow .spinner-arrow-up:hover,
.textbox-readonly .spinner-arrow .spinner-arrow-down:hover,
.textbox-disabled .spinner-arrow .spinner-arrow-down:hover
{
cursor: default;
}
.l-btn{
width1: 100%;
}
.l-btn-empty{
height: 28px;
}
.l-btn-large .l-btn-empty{
height: 44px;
}
.l-btn-left{
overflow: visible;
}
.m-btn .l-btn-left .m-btn-line{
top: -100px;
width: 36px;
right: -20px;
}
.button-group .l-btn.f-inline-row{
margin-left: -1px;
}
.button-group .l-btn:hover{
z-index: 99;
}
.button-group .l-btn:not(:first-child):not(:last-child){
border-radius: 0;
}
.button-group .l-btn:first-child{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.button-group .l-btn:last-child{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.switchbutton{
width: 70px;
height: 30px;
}
.switchbutton-on,.switchbutton-off{
position: absolute;
left: 0;
width: calc(100% - 15px);
height: 100%;
}
.switchbutton-on span,.switchbutton-off span,.switchbutton-handle span{
height: 100%;
}
.switchbutton-on span{
text-indent: -15px;
}
.switchbutton-off span{
text-indent: 15px;
}
.switchbutton-off{
left: calc(100% - 15px);
}
.switchbutton-handle{
width: 30px;
left: auto;
right: 0;
z-index: 9;
}
.switchbutton-inner{
transition: all 200ms ease-out;
overflow: visible;
position: absolute;
width: 100%;
top: -1px;
bottom: -1px;
left: calc(-100% + 30px);
right: auto;
}
.switchbutton-checked .switchbutton-inner{
left: 0;
}
.draggable-reverting{
transition: all 200ms ease-out;
}
.slider-h .slider-tip{
transform: translateX(-50%);
}
.slider-h .slider-rulelabel span{
transform: translateX(-50%);
}
.slider-v .slider-tip{
margin-top: 0;
transform: translate(-100%,-50%);
}
.slider-v .slider-rulelabel span{
transform: translateY(-50%);
}
.slider-v .slider-inner{
height: auto;
}
.panel{
position:relative;
}
.panel-title{
height: 20px;
line-height: 20px;
}
.panel-footer-fixed{
position:absolute;
width:100%;
bottom:0;
}
.window{
position: absolute;
}
.window-mask{
position: fixed;
}
.window .window-footer{
top: 0;
}
.dialog-toolbar{
border-width: 0 0 1px 0;
}
.dialog-button{
border-width: 1px 0 0 0;
top: 0;
}
.tabs{
width: 100%;
height: auto;
}
.tabs-scrollable{
transition: left 400ms, right 400ms;
position: absolute;
width: auto;
height: 100%;
left: 0;
top: 0;
}
.tabs li{
display: inherit;
}
.tabs li a.tabs-inner{
height: auto;
line-height: normal;
display: inherit;
overflow: hidden;
}
.tabs-title{
display: inherit;
align-items: center;
line-height: normal;
}
.tabs-close{
outline: none;
}
.tabs-scroller-left,.tabs-scroller-right{
position: relative;
display: block;
width: 21px;
height: 100%;
}
.tabs-header-left .tabs li{
right: -1px;
}
.tabs-header-left .tabs li,.tabs-header-right .tabs li,
.tabs-header-left .tabs li a.tabs-inner,
.tabs-header-right .tabs li a.tabs-inner{
display: inherit;
}
.combo-panel{
position: absolute;
height: 200px;
z-index: 9999;
}
.combo-panel eui-virtual-scroll,
.combo-panel eui-datagrid,
.combo-panel eui-treegrid{
width: 100%;
height: 100%;
}
.combobox-item{
padding: 6px 4px;
line-height: 20px;
}
.tagbox-labels{
padding-bottom: 4px;
}
.tagbox-label{
height: 20px;
line-height: 20px;
}
.tagbox .textbox-text{
width: 50px;
max-width: 100%;
margin-top: 4px;
padding-top: 0;
padding-bottom: 0;
height: 20px;
line-height: 20px;
}
.datagrid,eui-datagrid,
eui-datagrid-view,eui-datagrid-body,
eui-treegrid-view,eui-treegrid-body{
overflow: hidden;
}
.datagrid-view,.datagrid-view1,.datagrid-view2{
position: relative;
}
.datagrid-vbody{
overflow: hidden;
}
.datagrid-view3{
margin-left: -1px;
}
.datagrid-view3 .datagrid-body{
overflow: hidden;
}
.datagrid-view3 .datagrid-body-inner{
padding-bottom: 20px;
}
.datagrid-view3 .datagrid-header td,
.datagrid-view3 .datagrid-body td,
.datagrid-view3 .datagrid-footer td {
border-width: 0 0 1px 1px;
}
.datagrid-htable,.datagrid-btable,.datagrid-ftable{
table-layout: fixed;
width: 100%;
}
.datagrid-htable{
height: 100%;
}
.datagrid-header .datagrid-header,
.datagrid-footer .datagrid-header{
border-width: 0 0 0 1px;
}
.datagrid-header-inner,.datagrid-footer-inner{
overflow: hidden;
}
.datagrid-header-row, .datagrid-row{
height: 32px;
}
.datagrid-header td.datagrid-field-td{
border-bottom: 0;
}
.datagrid-cell{
text-align: left;
height: auto;
font-size: inherit;
}
.datagrid-cell-group{
text-align: center;
}
.datagrid .datagrid-pager{
padding: 2px 4px;
display: inherit;
}
.datagrid-loading{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
}
.datagrid-mask{
display: block;
}
.datagrid-mask-msg{
display: block;
position: static;
line-height: 36px;
height: 40px;
margin: 0;
padding: 0 5px 0 30px;
z-index: 9;
}
.datagrid-body .datagrid-td-group{
border-left-color: transparent;
border-right-color: transparent;
}
.datagrid-group-expander{
cursor: pointer;
}
.datagrid-row-expander{
display: inline-block;
width: 16px;
height: 18px;
cursor: pointer;
}
.datagrid-group-title{
align-self: center;
padding: 0 4px;
white-space: nowrap;
word-break: normal;
position: relative;
}
.datagrid-editable> .f-field,
.datagrid-editable> *{
width: 100%;
height: 31px;
}
.datagrid-editable .textbox, .datagrid-editable .textbox-text{
border-radius: 0;
}
.datagrid-filter-row .textbox{
border-radius: 0;
}
.datagrid-filter-c{
padding: 4px;
height: 38px;
}
.datagrid-filter-c> .f-field,
.datagrid-filter-c> *{
height: 30px;
}
.datagrid-filter-c .datagrid-editable-input{
width: 100%;
}
.datagrid-filter-btn{
width: 30px;
}
.datagrid-filter-btn .textbox-icon{
width: 28px;
}
.datagrid-filter-btn .textbox{
background-color: transparent;
}
.datagrid-filter-btn-left{
margin-right: 4px;
}
.datagrid-filter-btn-right{
margin-left: 4px;
}
.menu-inline{
position: relative;
display: inline;
margin: 0;
padding: 0;
}
.menu-inline> .menu-container{
position: relative;
}
.menu-container{
position: absolute;
left: 0;
top: 0;
min-width: 200px;
}
.menu{
overflow: visible;
}
.menu-shadow{
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.menu-item{
overflow: visible;
}
.menu-text{
height: 32px;
line-height: 32px;
float: none;
}
.menu-line{
z-index: 9999999;
height: 100%;
}
.menu-active{
z-index: 99999999;
}
.progressbar-value{
overflow: visible;
}
.searchbox .textbox-button,
.searchbox .textbox-button:hover{
position: inherit;
}
.calendar-content{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.calendar-menu{
position: absolute;
width: 100%;
height: 100%;
}
.calendar-menu-month-inner{
position: relative;
}
eui-tagbox{
width: 12em;
height: auto;
min-height: 30px;
}
eui-switchbutton{
width: 70px;
height: 30px;
}
.radiobutton{
width: 20px;
height: 20px;
}
.checkbox{
width: 20px;
height: 20px;
}
.progressbar{
height: 24px;
}
.pagination1{
height: 34px;
padding: 2px;
}
eui-layout{
display: block;
}
.layout{
height: 100%;
}
.layout-animate{
transition: transform 400ms;
}
.layout-panel-north,.layout-panel-south{
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.layout-panel-south{
top: auto;
bottom: 0;
}
.layout-panel-west,.layout-panel-east{
position: absolute;
left: 0;
top: 0;
bottom: 0;
}
.layout-panel-east{
left: auto;
right: 0;
}
.layout-panel-west.layout-collapsed{
transform: translate3d(-100%, 0, 0);
}
.layout-panel-east.layout-collapsed{
transform: translate3d(100%, 0, 0)
}
.layout-panel-north.layout-collapsed{
transform: translate3d(0, -100%, 0)
}
.layout-panel-south.layout-collapsed{
transform: translate3d(0, 100%, 0)
}
*{
box-sizing: border-box;
}
.m-toolbar{
position: relative;
text-align: center;
min-height: 34px;
}
.m-toolbar .m-title{
line-height: 34px;
font-size: 16px;
font-weight: bold;
text-align: center;
}
.m-left{
position: absolute;
height: 100%;
vertical-align: middle;
top:0;
left:0;
z-index: 1;
}
.m-right{
position: absolute;
height: 100%;
vertical-align: middle;
top:0;
right:0;
z-index: 1;
}
.m-left>.l-btn,.m-right>.l-btn,
.m-left>.switchbutton,.m-right>.switchbutton{
position: relative;
vertical-align: top;
top: 50%;
margin-top: -15px;
}
.m-back::before,.m-next::after{
display: inline-block;
box-sizing: border-box;
vertical-align: top;
border-style: solid;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
width: 12px;
height: 12px;
content: '';
position: absolute;
top: 50%;
margin-top: -6px;
}
.m-back::before{
border-width: 0 0 1px 1px;
left: 8px;
}
.m-next::after{
border-width: 1px 1px 0 0;
right: 8px;
}
.m-back .l-btn-text{
padding-left: 12px;
}
.m-next .l-btn-text{
padding-right: 12px;
}
.m-buttongroup{
display: inline-block;
margin: 0;
padding: 0;
overflow: hidden;
vertical-align: middle;
}
.m-buttongroup .l-btn{
float: left;
margin-left: -1px;
}
.m-buttongroup .l-btn:last-child::after{
content: '';
clear: both;
}
.m-buttongroup .l-btn:not(:first-child):not(:last-child){
border-radius: 0;
}
.m-buttongroup .l-btn:first-child{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
margin-left: 0;
}
.m-buttongroup .l-btn:last-child{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.m-buttongroup-justified{
display: table;
table-layout: fixed;
}
.m-buttongroup-justified .l-btn{
float: none;
display: table-cell;
}
.m-badge:not(.l-btn),
.l-btn.m-badge::after{
display: inline-block;
min-width: 10px;
line-height: 1;
font-size: 12px;
text-align: center;
white-space: nowrap;
border-radius: 10px;
padding: 2px 4px;
border-style: solid;
border-width: 0px;
background-color: #d9534f;
color: #fff;
z-index: 99999;
}
.l-btn.m-badge::after,
.l-btn .m-badge{
position: absolute;
top: -10px;
right: -10px;
}
.tabs-inner .m-badge{
position: absolute;
top: 1px;
right: -10px;
}
.tabs-inner>.tabs-title>.m-badge{
top: 0;
right: 0;
}
.tabs-header-bottom .tabs-inner>.tabs-title>.m-badge{
top: auto;
bottom: 0;
right: 0;
}
.panel-footer .l-btn .l-btn-icon-top .m-badge,
.panel-footer .l-btn .l-btn-icon-bottom .m-badge{
top: 0;
right: -10px;
}
.l-btn.m-badge::after{
content: attr(data-badge);
}
.l-btn,.l-btn-left{
overflow: visible;
position: relative;
}
.m-in{
-webkit-animation-timing-function: ease-out;
-webkit-animation-duration: 250ms;
}
.m-out{
-webkit-animation-timing-function: ease-in;
-webkit-animation-duration: 250ms;
}
.m-slide-left.m-in{
-webkit-animation-name: slideLeftIn;
}
.m-slide-left.m-out{
-webkit-animation-name: slideLeftOut;
}
.m-slide-right.m-in{
-webkit-animation-name: slideRightIn;
}
.m-slide-right.m-out{
-webkit-animation-name: slideRightOut;
}
.m-slide-up.m-in{
-webkit-animation-name: slideUpIn;
}
.m-slide-up.m-out{
-webkit-animation-name: slideUpOut;
}
.m-slide-down.m-in{
-webkit-animation-name: slideDownIn;
}
.m-slide-down.m-out{
-webkit-animation-name: slideDownOut;
}
@-webkit-keyframes slideLeftIn{
from {-webkit-transform: translateX(100%);}
to {-webkit-transform: translateX(0);}
}
@-webkit-keyframes slideLeftOut{
from {-webkit-transform: translateX(0);}
to {-webkit-transform: translateX(-100%);}
}
@-webkit-keyframes slideRightIn{
from {-webkit-transform: translateX(-100%);}
to {-webkit-transform: translateX(0);}
}
@-webkit-keyframes slideRightOut{
from {-webkit-transform: translateX(0);}
to {-webkit-transform: translateX(100%);}
}
@-webkit-keyframes slideUpIn{
from {-webkit-transform: translateY(100%);}
to {-webkit-transform: translateY(0);}
}
@-webkit-keyframes slideUpOut{
from {-webkit-transform: translateY(0);}
to {-webkit-transform: translateY(-100%);}
}
@-webkit-keyframes slideDownIn{
from {-webkit-transform: translateY(-100%);}
to {-webkit-transform: translateY(0);}
}
@-webkit-keyframes slideDownOut{
from {-webkit-transform: translateY(0);}
to {-webkit-transform: translateY(100%);}
}
.m-fade.m-in{
-webkit-animation-name: fadeIn;
}
.m-fade.m-out{
-webkit-animation-name: fadeOut;
}
@-webkit-keyframes fadeIn{
from {opacity: 0;}
to {opacity: 1}
}
@-webkit-keyframes fadeOut{
from {opacity: 1;}
to {opacity: 0;}
}
.m-pop.m-in{
-webkit-animation-name: popIn;
}
.m-pop.m-out{
-webkit-animation-name: popOut;
}
@-webkit-keyframes popIn{
from {
opacity: 0;
-webkit-transform: scale(.2);
}
to {
opacity: 1;
-webkit-transform: scale(1);
}
}
@-webkit-keyframes popOut{
from {
opacity: 1;
-webkit-transform: scale(1);
}
to {
opacity: 0;
-webkit-transform: scale(0);
}
}
.navpanel{
position: absolute;
}
.textbox .textbox-text{
padding: 0 4px;
height: 30px;
line-height: 30px;
}
.calendar-header,.calendar-title{
height: 30px;
}
.calendar-title span{
height: 30px;
line-height: 30px
}
.datebox-button{
height: 24px;
}
.datebox-button a{
line-height: 24px;
}
.tree-node{
box-sizing: border-box;
height: 32px;
padding: 3px 0;
}
.panel-title{
height: 26px;
line-height: 26px;
}
.window{
padding: 5px 0 0 0;
}
.window-shadow{
-moz-box-shadow: 0 0 30px 0 #D3D3D3;
-webkit-box-shadow: 0 0 30px 0 #D3D3D3;
box-shadow: 0 0 30px 0 #D3D3D3;
}
.window-header .panel-title{
height: 26px;
line-height: 26px;
text-align: center;
}
.window-header .panel-tool{
display: none;
}
.window .window-body{
border: 0;
}
.dialog-button{
border-color: transparent;
overflow: hidden;
}
.dialog-button .l-btn{
margin: 0;
}
.tabs-justified,
.tabs-justified .l-btn,
.tabs-justified li a.tabs-inner,
.tabs-justified li.tabs-selected a.tabs-inner,
.tabs-header-bottom .tabs-justified li.tabs-selected a.tabs-inner,
.tabs-header-bottom .tabs-justified li a.tabs-inner{
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
}
.datagrid-row,.datagrid-header-row{
height: 32px;
}
.datalist .datagrid-group-title,
.m-list .m-list-group{
padding: 0 10px;
}
.datalist .datagrid-cell,
.m-list li{
padding: 10px;
}
.m-list li .m-right{
right: 10px;
}
.datalist .datalist-link,
.m-list li>a{
margin: -10px;
padding: 10px;
padding-right: 24px;
}
.m-list li>a .m-right{
right: 24px;
}
.datalist .datalist-link::after,
.m-list li>a::after{
right: 12px;
}
.icon-blank{
background:url('icons/blank.gif') no-repeat center center;
}
.icon-add{
background:url('icons/edit_add.png') no-repeat center center;
}
.icon-edit{
background:url('icons/pencil.png') no-repeat center center;
}
.icon-clear{
background:url('icons/clear.png') no-repeat center center;
}
.icon-remove{
background:url('icons/edit_remove.png') no-repeat center center;
}
.icon-save{
background:url('icons/filesave.png') no-repeat center center;
}
.icon-cut{
background:url('icons/cut.png') no-repeat center center;
}
.icon-ok{
background:url('icons/ok.png') no-repeat center center;
}
.icon-no{
background:url('icons/no.png') no-repeat center center;
}
.icon-cancel{
background:url('icons/cancel.png') no-repeat center center;
}
.icon-reload{
background:url('icons/reload.png') no-repeat center center;
}
.icon-search{
background:url('icons/search.png') no-repeat center center;
}
.icon-print{
background:url('icons/print.png') no-repeat center center;
}
.icon-help{
background:url('icons/help.png') no-repeat center center;
}
.icon-undo{
background:url('icons/undo.png') no-repeat center center;
}
.icon-redo{
background:url('icons/redo.png') no-repeat center center;
}
.icon-back{
background:url('icons/back.png') no-repeat center center;
}
.icon-sum{
background:url('icons/sum.png') no-repeat center center;
}
.icon-tip{
background:url('icons/tip.png') no-repeat center center;
}
.icon-filter{
background:url('icons/filter.png') no-repeat center center;
}
.icon-man{
background:url('icons/man.png') no-repeat center center;
}
.icon-lock{
background:url('icons/lock.png') no-repeat center center;
}
.icon-more{
background:url('icons/more.png') no-repeat center center;
}
.icon-mini-add{
background:url('icons/mini_add.png') no-repeat center center;
}
.icon-mini-edit{
background:url('icons/mini_edit.png') no-repeat center center;
}
.icon-mini-refresh{
background:url('icons/mini_refresh.png') no-repeat center center;
}
.icon-large-picture{
background:url('icons/large_picture.png') no-repeat center center;
}
.icon-large-clipart{
background:url('icons/large_clipart.png') no-repeat center center;
}
.icon-large-shapes{
background:url('icons/large_shapes.png') no-repeat center center;
}
.icon-large-smartart{
background:url('icons/large_smartart.png') no-repeat center center;
}
.icon-large-chart{
background:url('icons/large_chart.png') no-repeat center center;
}
.c1,.c1:hover,.c1>.panel-header{
color: #fff;
border-color: #3c8b3c;
background: #4cae4c;
background: -webkit-linear-gradient(top,#4cae4c 0,#449d44 100%);
background: -moz-linear-gradient(top,#4cae4c 0,#449d44 100%);
background: -o-linear-gradient(top,#4cae4c 0,#449d44 100%);
background: linear-gradient(to bottom,#4cae4c 0,#449d44 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cae4c,endColorstr=#449d44,GradientType=0);
}
a.c1:hover{
background: #449d44;
filter: none;
}
.c1>.panel-body{
border-color: #3c8b3c;
}
.c1>.dialog-toolbar,.c1>.dialog-button{
border-left-color: #3c8b3c;
border-right-color: #3c8b3c;
}
.c1>.dialog-button{
border-bottom-color: #3c8b3c;
}
.c2,.c2:hover,.c2>.panel-header{
color: #fff;
border-color: #5f5f5f;
background: #747474;
background: -webkit-linear-gradient(top,#747474 0,#676767 100%);
background: -moz-linear-gradient(top,#747474 0,#676767 100%);
background: -o-linear-gradient(top,#747474 0,#676767 100%);
background: linear-gradient(to bottom,#747474 0,#676767 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#747474,endColorstr=#676767,GradientType=0);
}
a.c2:hover{
background: #676767;
filter: none;
}
.c2>.panel-body{
border-color: #5f5f5f;
}
.c2>.dialog-toolbar,.c2>.dialog-button{
border-left-color: #5f5f5f;
border-right-color: #5f5f5f;
}
.c2>.dialog-button{
border-bottom-color: #5f5f5f;
}
.c3,.c3:hover,.c3>.panel-header{
color: #333;
border-color: #ff8080;
background: #ffb3b3;
background: -webkit-linear-gradient(top,#ffb3b3 0,#ff9999 100%);
background: -moz-linear-gradient(top,#ffb3b3 0,#ff9999 100%);
background: -o-linear-gradient(top,#ffb3b3 0,#ff9999 100%);
background: linear-gradient(to bottom,#ffb3b3 0,#ff9999 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffb3b3,endColorstr=#ff9999,GradientType=0);
}
a.c3:hover{
background: #ff9999;
filter: none;
}
.c3>.panel-body{
border-color: #ff8080;
}
.c3>.dialog-toolbar,.c3>.dialog-button{
border-left-color: #ff8080;
border-right-color: #ff8080;
}
.c3>.dialog-button{
border-bottom-color: #ff8080;
}
.c4,.c4:hover,.c4>.panel-header{
color: #333;
border-color: #52d689;
background: #b8eecf;
background: -webkit-linear-gradient(top,#b8eecf 0,#a4e9c1 100%);
background: -moz-linear-gradient(top,#b8eecf 0,#a4e9c1 100%);
background: -o-linear-gradient(top,#b8eecf 0,#a4e9c1 100%);
background: linear-gradient(to bottom,#b8eecf 0,#a4e9c1 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b8eecf,endColorstr=#a4e9c1,GradientType=0);
}
a.c4:hover{
background: #a4e9c1;
filter: none;
}
.c4>.panel-body{
border-color: #52d689;
}
.c4>.dialog-toolbar,.c4>.dialog-button{
border-left-color: #52d689;
border-right-color: #52d689;
}
.c4>.dialog-button{
border-bottom-color: #52d689;
}
.c5,.c5:hover,.c5>.panel-header{
color: #fff;
border-color: #b52b27;
background: #d84f4b;
background: -webkit-linear-gradient(top,#d84f4b 0,#c9302c 100%);
background: -moz-linear-gradient(top,#d84f4b 0,#c9302c 100%);
background: -o-linear-gradient(top,#d84f4b 0,#c9302c 100%);
background: linear-gradient(to bottom,#d84f4b 0,#c9302c 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d84f4b,endColorstr=#c9302c,GradientType=0);
}
a.c5:hover{
background: #c9302c;
filter: none;
}
.c5>.panel-body{
border-color: #b52b27;
}
.c5>.dialog-toolbar,.c5>.dialog-button{
border-left-color: #b52b27;
border-right-color: #b52b27;
}
.c5>.dialog-button{
border-bottom-color: #b52b27;
}
.c6,.c6:hover,.c6>.panel-header{
color: #fff;
border-color: #1f637b;
background: #2984a4;
background: -webkit-linear-gradient(top,#2984a4 0,#24748f 100%);
background: -moz-linear-gradient(top,#2984a4 0,#24748f 100%);
background: -o-linear-gradient(top,#2984a4 0,#24748f 100%);
background: linear-gradient(to bottom,#2984a4 0,#24748f 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2984a4,endColorstr=#24748f,GradientType=0);
}
a.c6:hover{
background: #24748f;
filter: none;
}
.c6>.panel-body{
border-color: #1f637b;
}
.c6>.dialog-toolbar,.c6>.dialog-button{
border-left-color: #1f637b;
border-right-color: #1f637b;
}
.c6>.dialog-button{
border-bottom-color: #1f637b;
}
.c7,.c7:hover,.c7>.panel-header{
color: #333;
border-color: #e68900;
background: #ffab2e;
background: -webkit-linear-gradient(top,#ffab2e 0,#ff9900 100%);
background: -moz-linear-gradient(top,#ffab2e 0,#ff9900 100%);
background: -o-linear-gradient(top,#ffab2e 0,#ff9900 100%);
background: linear-gradient(to bottom,#ffab2e 0,#ff9900 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffab2e,endColorstr=#ff9900,GradientType=0);
}
a.c7:hover{
background: #ff9900;
filter: none;
}
.c7>.panel-body{
border-color: #e68900;
}
.c7>.dialog-toolbar,.c7>.dialog-button{
border-left-color: #e68900;
border-right-color: #e68900;
}
.c7>.dialog-button{
border-bottom-color: #e68900;
}
.c8,.c8:hover,.c8>.panel-header{
color: #fff;
border-color: #4b72a4;
background: #698cba;
background: -webkit-linear-gradient(top,#698cba 0,#577eb2 100%);
background: -moz-linear-gradient(top,#698cba 0,#577eb2 100%);
background: -o-linear-gradient(top,#698cba 0,#577eb2 100%);
background: linear-gradient(to bottom,#698cba 0,#577eb2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#698cba,endColorstr=#577eb2,GradientType=0);
}
a.c8:hover{
background: #577eb2;
filter: none;
}
.c8>.panel-body{
border-color: #4b72a4;
}
.c8>.dialog-toolbar,.c8>.dialog-button{
border-left-color: #4b72a4;
border-right-color: #4b72a4;
}
.c8>.dialog-button{
border-bottom-color: #4b72a4;
}
.c1>.panel-header>.panel-title,.c2>.panel-header>.panel-title,
.c5>.panel-header>.panel-title,.c6>.panel-header>.panel-title,.c8>.panel-header>.panel-title{
color: #fff;
}
.c-plain{
border-color: #fff;
background: #fff;
}
.c-plain>.panel-header,
.c-plain>.panel-body,
.c-plain>.dialog-button,
.c-plain>.dialog-toolbar{
border-color: transparent;
background: transparent;
}
.c-raised{
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
*{
box-sizing: border-box;
}
.f-block{
display: block;
position: relative;
}
.f-row{
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
position: relative;
}
.f-column{
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
}
.f-inline-row{
white-space: nowrap;
display: -webkit-inline-box;
display: -ms-inline-box;
display: inline-flex;
vertical-align: middle;
position: relative;
align-items: stretch;
-webkit-tap-highlight-color: transparent;
}
.f-content-center{
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
}
.f-full{
-webkit-box-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.f-hide{
display: none;
}
.f-order0{
order: 0;
}
.f-order1{
order: 1;
}
.f-order2{
order: 2;
}
.f-order3{
order: 3;
}
.f-order4{
order: 4;
}
.f-order5{
order: 5;
}
.f-order6{
order: 6;
}
.f-order7{
order: 7;
}
.f-order8{
order: 8;
}
.f-noshrink{
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.f-animate{
transition: all .3s;
}
.scroll-body{
overflow: auto;
position: relative;
}
.textbox .textbox-text{
width: 100%;
height: auto;
overflow: hidden;
}
.textbox-addon{
align-items: center;
}
.textbox-disabled>.textbox-addon .textbox-icon,
.textbox-readonly>.textbox-addon .textbox-icon{
cursor: default;
}
.textbox-disabled>.textbox-addon .textbox-icon:hover,
.textbox-readonly>.textbox-addon .textbox-icon:hover{
opacity: 0.6;
cursor: default;
}
.textbox-addon .textbox-icon{
width: 26px;
height: 18px;
}
.spinner .textbox-text{
height: auto;
}
.spinner-button-left,.spinner-button-right{
width: 26px;
}
.spinner-button-updown{
width: 26px;
}
.spinner-button-top,.spinner-button-bottom{
position: absolute;
width: 100%;
height: 26px;
}
.spinner-button-top{
top: 0;
}
.spinner-button-bottom{
top: auto;
bottom: 0;
}
.spinner-button{
display: inline-block;
position: absolute;
width: 16px;
height: 16px;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.spinner-arrow{
cursor: pointer;
opacity: 0.6;
}
.textbox-disabled .spinner-arrow:hover,
.textbox-readonly .spinner-arrow:hover
{
opacity: 0.6;
cursor: default;
}
.textbox-readonly .spinner-arrow .spinner-arrow-up:hover,
.textbox-disabled .spinner-arrow .spinner-arrow-up:hover,
.textbox-readonly .spinner-arrow .spinner-arrow-down:hover,
.textbox-disabled .spinner-arrow .spinner-arrow-down:hover
{
cursor: default;
}
.l-btn{
width: 100%;
}
.l-btn-empty{
height: 28px;
}
.l-btn-large .l-btn-empty{
height: 44px;
}
.l-btn-left{
overflow: visible;
}
.m-btn .l-btn-left .m-btn-line{
top: -100px;
width: 36px;
right: -20px;
}
eui-button-group eui-linkbutton.f-inline-row{
margin-left: -1px;
}
eui-button-group .l-btn:hover{
z-index: 99;
}
eui-button-group eui-linkbutton:not(:first-child):not(:last-child) .l-btn{
border-radius: 0;
}
eui-button-group eui-linkbutton:first-child .l-btn{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
eui-button-group eui-linkbutton:last-child .l-btn{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.switchbutton-on,.switchbutton-off{
position: absolute;
left: 0;
width: calc(100% - 15px);
height: 100%;
}
.switchbutton-on span,.switchbutton-off span,.switchbutton-handle span{
height: 100%;
}
.switchbutton-on span{
text-indent: -15px;
}
.switchbutton-off span{
text-indent: 15px;
}
.switchbutton-off{
left: calc(100% - 15px);
}
.switchbutton-handle{
width: 30px;
left: auto;
right: 0;
z-index: 9;
}
.switchbutton-inner{
transition: all 200ms ease-out;
overflow: visible;
position: absolute;
width: 100%;
top: -1px;
bottom: -1px;
left: calc(-100% + 30px);
right: auto;
}
.switchbutton-checked .switchbutton-inner{
left: 0;
}
.draggable-reverting{
transition: all 200ms ease-out;
}
.slider-h .slider-tip{
transform: translateX(-50%);
}
.slider-h .slider-rulelabel span{
transform: translateX(-50%);
}
.slider-v .slider-tip{
margin-top: 0;
transform: translate(-100%,-50%);
}
.slider-v .slider-rulelabel span{
transform: translateY(-50%);
}
.slider-v .slider-inner{
height: auto;
}
.panel{
position:relative;
}
.panel-title{
height: 20px;
line-height: 20px;
}
.panel-footer-fixed{
position:absolute;
width:100%;
bottom:0;
}
.window{
position: absolute;
}
.window-mask{
position: fixed;
}
.window .window-footer{
top: 0;
}
.dialog-toolbar{
border-width: 0 0 1px 0;
}
.dialog-button{
border-width: 1px 0 0 0;
top: 0;
}
.tabs{
width: 100%;
height: auto;
}
.tabs-scrollable{
transition: left 400ms, right 400ms;
position: absolute;
width: auto;
height: 100%;
left: 0;
top: 0;
}
.tabs li{
display: inherit;
}
.tabs li a.tabs-inner{
height: auto;
line-height: normal;
display: inherit;
overflow: hidden;
}
.tabs-title{
display: inherit;
align-items: center;
line-height: normal;
}
.tabs-close{
outline: none;
}
.tabs-scroller-left,.tabs-scroller-right{
position: relative;
display: block;
width: 21px;
height: 100%;
}
.tabs-header-left .tabs li{
right: -1px;
}
.tabs-header-left .tabs li,.tabs-header-right .tabs li,
.tabs-header-left .tabs li a.tabs-inner,
.tabs-header-right .tabs li a.tabs-inner{
display: inherit;
}
.combo-panel{
position: absolute;
height: 200px;
z-index: 9999;
}
.combo-panel eui-virtual-scroll,
.combo-panel eui-datagrid,
.combo-panel eui-treegrid{
width: 100%;
height: 100%;
}
.combobox-item{
padding: 6px 4px;
line-height: 20px;
}
.tagbox-labels{
padding-bottom: 4px;
}
.tagbox-label{
height: 20px;
line-height: 20px;
}
.tagbox .textbox-text{
width: 50px;
max-width: 100%;
margin-top: 4px;
padding-top: 0;
padding-bottom: 0;
height: 20px;
line-height: 20px;
}
.datagrid,eui-datagrid,
eui-datagrid-view,eui-datagrid-body,
eui-treegrid-view,eui-treegrid-body{
overflow: hidden;
}
.datagrid-view,.datagrid-view1,.datagrid-view2{
position: relative;
}
.datagrid-vbody{
overflow: hidden;
}
.datagrid-view3{
margin-left: -1px;
}
.datagrid-view3 .datagrid-body{
overflow: hidden;
}
.datagrid-view3 .datagrid-body-inner{
padding-bottom: 20px;
}
.datagrid-view3 .datagrid-header td,
.datagrid-view3 .datagrid-body td,
.datagrid-view3 .datagrid-footer td {
border-width: 0 0 1px 1px;
}
.datagrid-htable,.datagrid-btable,.datagrid-ftable{
table-layout: fixed;
width: 100%;
}
.datagrid-htable{
height: 100%;
}
.datagrid-header .datagrid-header,
.datagrid-footer .datagrid-header{
border-width: 0 0 0 1px;
}
.datagrid-header-inner,.datagrid-footer-inner{
overflow: hidden;
}
.datagrid-header-row, .datagrid-row{
height: 32px;
}
.datagrid-cell{
text-align: left;
height: auto;
font-size: inherit;
}
.datagrid-cell-group{
text-align: center;
}
.datagrid .datagrid-pager{
padding: 2px 4px;
display: inherit;
}
.datagrid-loading{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
}
.datagrid-mask{
display: block;
}
.datagrid-mask-msg{
display: block;
position: static;
line-height: 36px;
height: 40px;
margin: 0;
padding: 0 5px 0 30px;
z-index: 9;
}
.datagrid-body .datagrid-td-group{
border-left-color: transparent;
border-right-color: transparent;
}
.datagrid-group-expander{
cursor: pointer;
}
.datagrid-row-expander{
display: inline-block;
width: 16px;
height: 18px;
cursor: pointer;
}
.datagrid-group-title{
align-self: center;
padding: 0 4px;
white-space: nowrap;
word-break: normal;
position: relative;
}
.datagrid-editable> .f-field,
.datagrid-editable> *{
width: 100%;
height: 31px;
}
.datagrid-editable .textbox, .datagrid-editable .textbox-text{
border-radius: 0;
}
.datagrid-filter-row .textbox{
border-radius: 0;
}
.datagrid-filter-c{
padding: 4px;
height: 38px;
}
.datagrid-filter-c> .f-field,
.datagrid-filter-c> *{
height: 30px;
}
.datagrid-filter-c .datagrid-editable-input{
width: 100%;
}
.datagrid-filter-btn{
width: 30px;
}
.datagrid-filter-btn .textbox-icon{
width: 28px;
}
.datagrid-filter-btn .textbox{
background-color: transparent;
}
.datagrid-filter-btn-left{
margin-right: 4px;
}
.datagrid-filter-btn-right{
margin-left: 4px;
}
eui-menu.menu-inline{
position: relative;
display: inline;
margin: 0;
padding: 0;
}
eui-menu> .menu-container{
position: relative;
}
.menu-container{
position: absolute;
left: 0;
top: 0;
min-width: 200px;
}
.menu{
overflow: visible;
}
.menu-shadow{
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.menu-item{
overflow: visible;
}
.menu-text{
height: 32px;
line-height: 32px;
float: none;
}
.menu-line{
z-index: 9999999;
height: 100%;
}
.menu-active{
z-index: 99999999;
}
.progressbar-value{
overflow: visible;
}
.searchbox .textbox-button,
.searchbox .textbox-button:hover{
position: inherit;
}
.calendar-content{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.calendar-menu{
position: absolute;
width: 100%;
height: 100%;
}
.calendar-menu-month-inner{
position: relative;
}
.f-field{
width: 12em;
height: 30px;
}
eui-tagbox{
width: 12em;
height: auto;
min-height: 30px;
}
eui-switchbutton{
width: 70px;
height: 30px;
}
eui-radiobutton{
width: 20px;
height: 20px;
}
eui-checkbox{
width: 20px;
height: 20px;
}
eui-progressbar{
height: 24px;
}
eui-pagination{
height: 34px;
padding: 2px;
}
eui-layout{
display: block;
}
.layout{
height: 100%;
}
.layout-animate{
transition: transform 400ms;
}
.layout-panel-north,.layout-panel-south{
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.layout-panel-south{
top: auto;
bottom: 0;
}
.layout-panel-west,.layout-panel-east{
position: absolute;
left: 0;
top: 0;
bottom: 0;
}
.layout-panel-east{
left: auto;
right: 0;
}
.layout-panel-west.layout-collapsed{
transform: translate3d(-100%, 0, 0);
}
.layout-panel-east.layout-collapsed{
transform: translate3d(100%, 0, 0)
}
.layout-panel-north.layout-collapsed{
transform: translate3d(0, -100%, 0)
}
.layout-panel-south.layout-collapsed{
transform: translate3d(0, 100%, 0)
}
Paste
Paste Special
商品房销售统计
.ribbon-group {
float: left;
height: 120px;
margin: 10px 0px 5px 10px;
border-left: 1px solid #fff;
border-right: 1px solid #ccc;
}
.ribbon-toolbar {
height: 90px;
/*padding-left: 10px; */
padding-right: 5px;
}
.ribbon-toolbar li {
list-style: none;
padding-left: 5px;
}
.ribbon-row {
}
.ribbon-column {
float: left;
margin-top: 3px;
}
.ribbon-title {
margin-top: 10px;
height: 20px;
text-align: center;
line-height: 20px;
}
.icon-paste {
background:url('../images/16/paste.png') no-repeat center center;
}
.icon-paste-large {
background:url('../images/32/paste.png') no-repeat center center;
}
(function($){
function buildTabs(target){
var options = $.data(target,"ribbon").options;
$(target).tabs(options);
}
function loadData(target,data){
debugger;
var r = $(target);
var options = $.data(target,"ribbon").options;
options.data = data;
for (var i = 0; i < data.tabs.length; i++) {
var tab = data.tabs[i];
r.tabs("add",tab);
var tabTarget = r.tabs("getTab",i);
buildGroup(tab.groups,tabTarget);
}
}
function buildGroup(groups,tabTarget){
for (var i = 0; i < groups.length; i++) {
var group = groups[i];
var gt = $('').appendTo(tabTarget);
var tg = $('').appendTo(gt);
$('').html(group.title).appendTo(gt);
buildToolBarRows(group.rows,tg);
}
}
function buildToolBarRows(rows,toolbarTarget){
for (var i = 0; i < rows.length; i++) {
var row = rows[i];
var rowDiv = $('').appendTo(toolbarTarget);
buildToolBarColumns(row.columns,rowDiv);
}
}
function buildToolBarColumns(columns,rowTarget){
debugger;
for (var i = 0; i < columns.length; i++) {
var col = columns[i];
var type = col.type;
var colDiv = $('').appendTo(rowTarget);
if (type == "toolbar") {
if (col.items) {
buildTool(col.items,colDiv);
}else{
// $('')
}
}else{
if (col.menuItems) {
var m = $('').appendTo('body');
m.menu();
$.each(col.menuItems,function(index,ele){
m.menu("appendItem",ele);
})
col.menu = m;
}
var btn = $('').appendTo(colDiv);
btn[type](col);
}
}
}
function buildTool(items,colTarget){
for (var i = 0; i < items.length; i++) {
var item = items[i];
var line = $('').appendTo(colTarget);
var btn = $('').appendTo(line);
var type = item.type||'linkbutton';
btn[type](item);
}
}
$.fn.ribbon = function(options,para){
debugger;
// if (typeof options == "string") {
// var method = $.fn.ribbon.methods[options];
// if (method) {
// return method(this,para);
// }else{
// }
// }
return this.each(function(){
var state = $.data(this,"ribbon");
if (state) {
$.extend(state.options,options);
}else{
state = $.data(this,"ribbon",{options:$.extend({},$.fn.ribbon.defaults,$.fn.ribbon.parseOptions(this),options)})
}
buildTabs(this);
if (state.options.data) {
loadData(this,state.options.data);
}
})
}
$.fn.ribbon.methods = {
options:function(jq){
return $.data(jq[0],"ribbon").options;
}
}
$.fn.ribbon.parseOptions = function(target){
return $.extend({},$.fn.tabs.parseOptions(target),{});
}
$.fn.ribbon.defaults = $.extend({},$.fn.tabs.defaults);
$.parser.plugins.push('ribbon');
})(jQuery);