html {
font-size: 62.5%;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
canvas {
border: 1px solid #CFCFCF;
}
canvas:focus{
outline: none;
}
ul,ol,dl,li{
list-style:none;
margin:0;
padding:0;
}
.d-none{
display: none;
}
.CodeMirror{
height: calc(100% - 52px);
}
.CodeMirror-scroll{
width:100%;
}
.xh-hide{
display: none;
}
.panel{
border: none;
overflow-x: hidden;
}
.report-container {
position: relative;
display:flex;
/*width: 110rem;*/
height:100%;
}
.iconfont:hover {
cursor: pointer;
}
#diagramFlow {
float: left;
/*width:60rem;*/
width:auto;
height:100%;
overflow:auto;
background: #f5f5f5;
border:1px solid #CFCFCF;
background-color: #FAFAFA;
z-index:1;
flex:1;
}
.inspector {
float: left;
width:20rem;
height:100%;
border:1px solid #CFCFCF;
}
.list-group-item{
overflow-wrap: break-word;
}
#tree{
height: calc(100% - 40px);
overflow-y: scroll;
}
.board {
float: left;
width:25rem;
height:100%;
border:1px solid #CFCFCF;
overflow-x: hidden;
}
.block {
display: block;
}
.selected {
background-color: #1E90FF;
}
.editorPannel {
width:inherit;
height:auto;
position:relative;
}
.component-board {
height:160px;
width:inherit;
}
.prop-board {
height:calc(100% - 160px);
width:inherit;
overflow: auto;
border-top: 1px solid #ccc;
}
#fieldInput:focus{
outline:none !important;
box-shadow:none !important;
border-color: #ccc !important;
}
#field:focus{
outline:none !important;
box-shadow:none !important;
border-color: #ccc !important;
}
.scripttemListDiv{
display:flex;
flex-direction:row;
flex-wrap:wrap;
width: 100%;
height: 70%;
overflow-y: scroll;
}
.scripttemList{
height:500px;
overflow:hidden;
}
.flex-column-img{
width: 100%;
height: 250px;
}
.CodeMirror-sizer{
margin-left: 30px !important;
}
.xh-label-padding{
padding-left: 48px;
}
.scriptDiv{
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
height: 100%;
border-top:1px solid #ccc;
overflow-x: auto;
}
.summary-graph{
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
/* height: 100%; */
border-top:1px solid #ccc;
/* overflow-x: auto; */
}
.scriptDivJS{
/*display: inline-block;*/
width: 70%;
height: 100%;
border-right: 1px solid #ccc;
}
.xh-padding1{
padding-left: 24px;
}
.scriptDivDemo{
/*display: inline-block;*/
width: 29%;
height: 100%;
}
.obpm-scriptEditor-title{
position: relative;
}
#compile{
margin-top: 6px;
}
.scriptDivDemoH5{
font-size: 14px;
line-height:52px;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.scriptDivDemoCon{
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding: 10px 0px;
height: calc(100% - 84px);
background: #f3f1f3;
overflow-y: scroll;
}
.summary-graph-con{
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding: 10px 0px;
/* height: calc(100% - 84px); */
background: #f3f1f3;
overflow-y: scroll;
}
.xh-width1{
width: 60%;
}
.scriptDivDemoConSec{
width: 50%;
text-align: center;
}
.scriptDivDemoImg{
width: 140px;
height: 110px;
background: #fff;
}
input[name="chart"]{
width: 15px;
height: 15px;
opacity: 0;
}
.scriptDivDemoConSecLab{
display: inline-block;
position: relative;
width: 15px;
height: 15px;
border-radius: 50%;
border: 1px solid #999;
vertical-align: middle;
margin-bottom: 0;
box-sizing: content-box;
}
input[name="chart"]:checked+label {
background-color: #006eb2;
border: 1px solid #006eb2;
}
input[name="chart"]:checked+label::after {
content: "";
position: absolute;
top: 3px;
left: 5px;
width: 3px;
height: 6px;
border: 2px solid #fff;
border-top: none;
border-left: none;
transform: rotate(45deg);
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.scriptDivDemoConSecSpan{
vertical-align: middle;
}
.scriptDivDemoFoo{
text-align: right;
}
select.form-control:not([size]):not([multiple]) {
height: auto;
}
.span_tabCheck{
color: #40a9ff;
}
.xh-pl{
padding-left: 1rem;
}
input[name="pattern"]:after{
content:'';
display:inline-block;
width: 20px;
height: 20px;
background:#ff00ff;
}
.xh-mT{
margin-top: 10px;
}
/*左边树结构的图标*/
.treeview span.icon{
width: auto !important;
}
/*节点关闭*/
.glyphicon-plus:before{
content:"";
display: inline-block;
width: 20px;
height: 20px;
background: url("../images/treeOn.png") no-repeat;
vertical-align: middle;
}
/*节点打开1*/
.glyphicon-minus:before{
content:"";
display: inline-block;
width: 20px;
height: 20px;
background: url("../images/treeOff.png") no-repeat;
vertical-align: middle;
}
/*节点打开2*/
.glyphicon-euro:before{
content:"";
display: inline-block;
width: 20px;
height: 20px;
background: url("../images/treeOff.png") no-repeat;
vertical-align: middle;
}
/*无子节点*/
.glyphicon-cloud:before{
content:"";
display: inline-block;
width: 20px;
height: 20px;
background: url("../images/treeNo.png") no-repeat;
vertical-align: middle;
}
/*textfield和variable的公共图标*/
.glyphicon-text-width:before{
content:"";
display: inline-block;
width: 20px;
height: 20px;
background: url("../images/treeText.png") no-repeat;
vertical-align: middle;
}
/*staticText*/
.glyphicon-pencil:before{
content:"";
display: inline-block;
width: 20px;
height: 20px;
background: url("../images/StaticText.png") no-repeat;
vertical-align: middle;
}
.glyphicon-pushpin:before{
content:"";
display: inline-block;
width: 20px;
height: 20px;
background: url("../images/Line.png") no-repeat;
vertical-align: middle;
}
.glyphicon-unchecked:before{
content:"";
display: inline-block;
width: 20px;
height: 20px;
background: url("../images/Rectangle.png") no-repeat;
vertical-align: middle;
}
.glyphicon-adjust:before{
content:"";
display: inline-block;
width: 20px;
height: 20px;
background: url("../images/Ellipse.png") no-repeat;
vertical-align: middle;
}
.glyphicon-picture:before{
content:"";
display: inline-block;
width: 20px;
height: 20px;
background: url("../images/Image.png") no-repeat;
vertical-align: middle;
}
.glyphicon-asterisk:before{
content:"";
display: inline-block;
width: 20px;
height: 20px;
background: url("../images/Date.png") no-repeat;
vertical-align: middle;
}
.glyphicon-glass:before{
content:"";
display: inline-block;
width: 20px;
height: 20px;
background: url("../images/PageNumber.png") no-repeat;
vertical-align: middle;
}
.glyphicon-music:before{
content:"";
display: inline-block;
width: 20px;
height: 20px;
background: url("../images/Chart.png") no-repeat;
vertical-align: middle;
}
.xh-btnGrounp{
display: inline-block;
width: 49%;
}
.xh-btn{
border: none;
width: 100%;
text-align: left;
padding: 0px 5px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.xh-btnImg{
display:inline-block;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
vertical-align: middle;
width: 20px;
height: 20px;
margin: 0px 10px 0px 0px;
}
.xh-btnImg1{
background:url("../images/StaticText.png") no-repeat ;
background-size:cover;
}
.xh-btnImg2{
background:url("../images/TextField.png") no-repeat ;
background-size:cover;
}
.xh-btnImg3{
background:url("../images/Line.png") no-repeat ;
background-size:cover;
}
.xh-btnImg4{
background:url("../images/Rectangle.png") no-repeat ;
background-size:cover;
}
.xh-btnImg5{
background:url("../images/Ellipse.png") no-repeat ;
background-size:cover;
}
.xh-btnImg6{
background:url("../images/Image.png") no-repeat ;
background-size:cover;
}
.xh-btnImg7{
background:url("../images/Date.png") no-repeat ;
background-size:cover;
}
.xh-btnImg8{
background:url("../images/PageNumber.png") no-repeat ;
background-size:cover;
}
.xh-btnImg9{
background:url("../images/Chart.png") no-repeat ;
background-size:cover;
}
.xh-btnImg10{
background:url("../images/subReport.png") no-repeat ;
background-size:cover;
}
#component{
overflow-x: hidden;
overflow-y: scroll;
height: 132px;
padding: 5px ;
}
.btn-default{
border: 1px solid #fff;
height: 22px;
font-size: 12px;
color: #4A4A4A;
line-height: 16px;
}
.btn-default:focus,.btn-default:hover,.btn-default:active{
background-color: #F5F5F5;
border: 1px solid #1585FF;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.btn-group{
margin-bottom:6px
}
.panel-heading{
height: 28px;
padding: 0px 15px;
line-height: 28px;
font-size: 14px;
}
.xh-chartDataBtn{
border: 1px solid #1890ff !important;
cursor: pointer;
background: #fff;
color: #1890ff;
border-radius: 5px !important;
text-align: center !important;
}
/*****************************************pattern.jsp部分**************************************************/
.xh-main{
display:flex;
flex-direction: row;
box-sizing: border-box;
width: 460px;
height: calc(100% - 52px);
padding: 0px 20px;
}
.xh-mainL{
width: 100px;
height: 100%;
}
.xh-mainLH5{
font-size: 12px;
color: #000;
line-height: 24px;
}
.xh-mainLul{
width: 100px;
height: calc(100% - 34px);
border: 1px solid #000;
background: #fff;
}
.xh-mainLul li{
cursor: pointer;
}
.xh-mainLli{
line-height: 24px;
font-size: 12px;
color: #000;
cursor: pointer;
}
.xh-mainR{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 10px;
flex: 1;
}
.xh-btnMargin{
margin-top: 20px;
text-align: center;
}
.xh-pubH5{
line-height: 24px;
font-size:12px;
color: #000;
}
.xh-pubH6{
line-height: 24px;
font-size:12px;
color: #000;
width: 300px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.xh-mainRConNumSpan{
width: 100px;
text-align: right;
margin-right: 20px;
}
.xh-mainRCon{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
width: 100%;
height: 250px;
}
.xh-mainRConNumUl{
width: 160px;
height: 100px;
border: 1px solid #000;
overflow:scroll;
}
.xh-mainRConNumLi{
cursor: pointer;
}
.xh-mainRConDateUl{
width: 100%;
height: 200px;
overflow-y: scroll;
}
.xh-liCheck{
background: #1890ff;
color: #fff;
}
/*****************************************pattern.jsp部分 end **************************************************/
/*****************************************属性面板部分 start **************************************************/
.input-group-addon,.form-control{
border: none;
}
.panel-body{
padding-top: 0;
}
.input-group-addon{
border: none;
background: #fff;
width: 110px;
text-align: left;
padding-left: 0;
}
.form-control{
box-shadow: none;
border: 1px solid #E1E0E1;
border-radius: 3px;
height: 26px;
}
.xh-colorDiv{
display: flex;
flex-direction: row;
}
.xh-colorInp{
border: none;
width: 34px;
height: 26px;
border-radius: 3px;
margin-right: 6px;
}
::-webkit-color-swatch-wrapper{
background-color:#ffffff;
}
::-webkit-color-swatch{
position: relative;
}
.input-group{
border-bottom: 1px solid #E1E0E1;
padding: 7px 0px;
}
.xh-checkbox{
}
.xh-check{
width: 15px;
height: 15px;
opacity: 0;
position: absolute;
top: 10px;
right: 0;
z-index: 10;
}
.labelCss{
display: inline-block;
width: 15px;
height: 15px;
border-radius: 3px;
border: 1px solid #999;
vertical-align: middle;
margin-bottom: 0;
margin-top: 7px;
position: absolute;
top: 7px;
right: 0;
}
.xh-check:checked+label {
background-color: #2B85FF;
border: 1px solid #2B85FF;
}
.xh-check:checked+label::after {
content: "";
position: absolute;
top: 1px;
left: 4px;
width: 5px;
height: 8px;
border: 1px solid #fff;
border-top: none;
border-left: none;
transform: rotate(45deg)
}
.xh-diandiandian{
width: 26px;
height: 26px;
border-radius: 3px;
border: 1px solid #E1E0E1 !important;
text-align: center;
padding: 0;
}
.yx-redbordercolor{
border-color: red !important;
}
/*****************************************属性面板部分 end **************************************************/