blob: a89a23f8c31aab030d2494eefe4d99577ad69e68 [file] [log] [blame]
@import "dt/0.0.1/ui/all.less";
@middle-percent: 55%;
body {
background: #FAFAFC;
font-family: "Helvetica Neue","Segoe UI",Tahoma,Arial,"Hiragino Sans GB",STHeiti,"Microsoft Yahei","WenQuanYi Micro Hei",sans-serif;
font-size: 12px;
}
.dtui-chkbtn-i {
border: 1px solid transparent;
height: 20px;
line-height: 20px;
.border-radius(2px);
color: #555;
&-hover {
// border: 1px solid #ccc;
// color: #555;
// background-color: transparent;
background-color: #b03a5b;
color: #eee;
}
&-active {
// border: 1px solid #bfbfbf;
// color: #555;
// background-color: transparent;
background-color: #b03a5b;
color: #eee;
}
}
.dtui-txipt {
.border-radius(4px);
background-color: #FAFAFC;
width: 100px;
input {
background-color: #FAFAFC;
}
}
.dtui-btn {
background: #b03a5b;
font-size: 12px;
&-hover {
background: #612133;
}
&-active {
background: #612133;
}
}
.ecdoc-sprsht {
margin-top: 70px;
}
.ecdoc-sprsht-main {
position: relative;
}
.ecdoc-sprsht-panel {
background: #fff;
border: 1px solid #ccc;
color: #333;
padding: 5px 10px;
line-height: 25px;
.border-radius(4px);
}
.ecdoc-sprsht-datatable-to-codeinputs {
}
.ecdoc-sprsht-datatable-ctrl {
position: fixed;
left: 0;
top: 53px;
height: 38px;
width: @middle-percent;
padding-left: 5px;
text-align: center;
.dtui-btn {
// background: #b03a5b;
color: #b03a5b;
background: transparent;
min-width: 40px;
font-size: 14px;
box-shadow: none;
}
}
.ecdoc-sprsht-datatable {
position: fixed;
left: 0;
top: 81px;
width: @middle-percent;
bottom: 0;
overflow: hidden;
border-right: 1px solid #ccc;
.handsontable {
color: #333;
font-family: Verdana, Helvetica, Arial, FreeSans, sans-serif; // 只有Verdana是居中的
font-size: 12px;
.dragdealer .handle {
.border-radius(4px);
}
table.htCore {
td.area {
background-color: #EEF4FF !important;
}
th {
cursor: pointer;
}
th.rchead-highlight {
background: #D1D5DA;
}
}
}
}
.ecdoc-sprsht-right {
margin: 0 0 0 @middle-percent;
}
.ecdoc-sprsht-ctrl-area {
margin: 0 35px 0 20px;
padding: 5px 0;
position: relative;
border: 1px solid #ccc;
.border-radius(4px);
h1 {
margin: 10px 0 10px 0;
font-size: 26px;
padding: 0 15px;
}
.ecdoc-sprsht-desc {
margin: 15px 0 10px 0;
padding: 2px 15px;
color: #a94442;
background: #f2dede;
border-top: 1px solid #ebccd1;
border-bottom: 1px solid #ebccd1;
// .border-radius(3px);
strong {
color: #333;
font-weight: 700;
margin: auto 4px auto 4px;
}
}
.ecdoc-sprsht-line {
margin-bottom: 6px;
padding: 6px 15px 0 15px;
label {
vertical-align: middle;
margin-bottom: 0;
}
}
.ecdoc-attr-info {
font-size: 12px;
line-height: 32px;
}
.ecdoc-sprsht-attr-change {
margin: -26px 0 0 100px;
.dtui-btn {
width: 22px;
min-width: 22px;
height: 22px;
line-height: 22px;
font-size: 20px;
font-family: Arial;
.border-radius(11px);
padding: 0;
// border: 1px solid #293c55;
background-color: #b03a5b;
// color: #293c55;
margin-left: 5px;
}
}
.ecdoc-attr-item {
line-height: 32px;
}
.ecdoc-attr-block {
.inline-block();
vertical-align: middle;
margin: 0 3px;
label {
font-weight: normal;
vertical-align: middle;
margin-bottom: 0;
}
.dtui-txipt {
margin-left: 0;
margin-right: 0;
}
}
.ecdoc-attr-title {
font-family: "Andale Mono", Monospace; // 等宽字体,从而字母纵向对齐
}
.ecdoc-attr-data-type {
.dtui-chkbtn-i {
margin: 0 2px 0 0;
}
}
.cpt-tab {
position: relative;
}
.ctrl-tab {
position: relative;
margin-bottom: 0;
& > label {
position: relative;
height: 30px;
line-height: 30px;
vertical-align: bottom;
bottom: -1px;
}
}
.ctrl-tab-hi {
position: relative;
display: inline-block;
vertical-align: bottom;
text-align: center;
// height: @wave-op-pannel-vertical-tab-height;
// line-height: @wave-op-pannel-vertical-tab-height;
cursor: pointer;
font-size: 12px;
height: 30px;
line-height: 30px;
padding: 0 10px;
background: transparent;
border: 1px solid transparent;
border-bottom-width: 0;
bottom: -1px;
.border-top-left-radius(4px);
.border-top-right-radius(4px);
&:hover {
background: #fff;
border: 1px solid #ccc;
border-bottom-width: 0;
}
}
.ctrl-tab-hi-curr {
background: #fff;
border: 1px solid #ccc;
border-bottom-width: 0;
}
.ctrl-tab-coni {
// left: @wave-add-panel-tab0-width;
// .border-radius(@wave-blk-border-radius);
// background: @wave-chart-configurer-tab0-active-color;
margin-top: 0;
background: #fff;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding-top: 15px;
padding-bottom: 15px;
}
.ctrl-con-item {
margin: 10px;
display: inline-block;
width: 186px;
cursor: pointer;
}
}
.ecdoc-sprsht-codeinputs-area {
margin: 20px 35px 0 20px;
.dtui-txipt-type-textarea {
border: 1px solid #ccc;
}
label {
margin-left: 10px;
margin-bottom: 0;
}
.ecdoc-sprsht-title {
height: 25px;
line-height: 25px;
font-size: 12px;
padding-left: 10px;
}
.ecdoc-sprsht-codeinput {
position: relative;
height: 205px;
}
.dtui-txipt-type-textarea {
display: block;
position: absolute;
width: auto;
top: 25px;
left: 0;
bottom: 0;
right: 30px;
margin: 0;
height: auto;
}
.ecdoc-sprsht-codeinputs {
margin-top: 20px;
}
}