mirror of https://gitee.com/cf-fz/WebCAD.git
parent
eef957ff27
commit
ccdbbf3f8c
@ -1,52 +1,64 @@
|
|||||||
|
#arrayModal .bp3-dialog {
|
||||||
#arrayModal .bp3-dialog{
|
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
#arrayModal .bp3-tab-panel{
|
|
||||||
|
#arrayModal .bp3-tab-panel {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
#arrayModal .array-type{
|
|
||||||
|
#arrayModal .array-type {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
height: 30px;
|
height : 30px;
|
||||||
&>span{
|
|
||||||
|
&>span {
|
||||||
width: 6rem;
|
width: 6rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#arrayModal .flexWrap{
|
|
||||||
display: flex;
|
#arrayModal .flexWrap {
|
||||||
|
display : flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
width: unset;
|
width : unset;
|
||||||
&>div
|
|
||||||
{
|
&>div {
|
||||||
width: unset;
|
width : unset;
|
||||||
line-height: 30px;
|
line-height: 30px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#arrayModal .flexWrap>div .bp3-input,#modal .small-input input{
|
|
||||||
padding:0px 8px;
|
#arrayModal .flexWrap>div .bp3-input,
|
||||||
|
#modal .small-input input {
|
||||||
|
padding: 0px 8px;
|
||||||
}
|
}
|
||||||
#modal .ar-set>span:first-child{
|
|
||||||
display: inline-block;
|
#modal .ar-set>span:first-child {
|
||||||
width: 2rem;
|
display : inline-block;
|
||||||
|
width : 2rem;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
#arrayModal .bp3-dialog>.bp3-dialog-body{
|
|
||||||
margin:2px 10px;
|
#arrayModal .bp3-dialog>.bp3-dialog-body {
|
||||||
|
margin: 2px 10px;
|
||||||
}
|
}
|
||||||
#arrayModal .bp3-dialog>.bp3-dialog-footer{
|
|
||||||
|
#arrayModal .bp3-dialog>.bp3-dialog-footer {
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
padding: 0px 10px 10px 10px;
|
padding : 0px 10px 10px 10px;
|
||||||
button{
|
|
||||||
|
button {
|
||||||
min-height: 20px;
|
min-height: 20px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#arrayModal .bp3-dialog>.bp3-dialog-body>div{
|
|
||||||
margin:5px 0;
|
#arrayModal .bp3-dialog>.bp3-dialog-body>div {
|
||||||
|
margin: 5px 0;
|
||||||
}
|
}
|
||||||
#arrayModal .array-tab .arrayMethod-value{
|
|
||||||
|
#arrayModal .array-tab .arrayMethod-value {
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
padding: 0 5px;
|
padding : 0 5px;
|
||||||
&>div>span{
|
|
||||||
|
&>div>span {
|
||||||
width: 8rem;
|
width: 8rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -1,66 +1,82 @@
|
|||||||
@darkhovercolor:#5C7080;
|
@darkhovercolor: #5C7080;
|
||||||
|
|
||||||
#entityModal{
|
#entityModal {
|
||||||
min-width: 200px;
|
min-width: 200px;
|
||||||
select,button,label{
|
|
||||||
|
select,
|
||||||
|
button,
|
||||||
|
label {
|
||||||
line-height: @inputHeight;
|
line-height: @inputHeight;
|
||||||
height: @inputHeight;
|
height : @inputHeight;
|
||||||
min-height: @inputHeight;
|
min-height : @inputHeight;
|
||||||
}
|
}
|
||||||
.bp3-button{
|
|
||||||
|
.bp3-button {
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
width: 100%;
|
width : 100%;
|
||||||
}
|
}
|
||||||
.bp3-html-select{
|
|
||||||
|
.bp3-html-select {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
.props{
|
|
||||||
width: 100%;
|
.props {
|
||||||
|
width : 100%;
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
&>li>ul>li{
|
|
||||||
|
&>li>ul>li {
|
||||||
position: relative;
|
position: relative;
|
||||||
ul{
|
|
||||||
position: absolute;
|
ul {
|
||||||
top: @inputHeight;
|
position : absolute;
|
||||||
|
top : @inputHeight;
|
||||||
transition: all 0.3s;
|
transition: all 0.3s;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.props-color{
|
|
||||||
display: flex;
|
.props-color {
|
||||||
|
display : flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
border: 1px ridge transparent;
|
border : 1px ridge transparent;
|
||||||
}
|
}
|
||||||
.props-color:hover{
|
|
||||||
|
.props-color:hover {
|
||||||
border: 1px ridge @darkHeaderColor;
|
border: 1px ridge @darkHeaderColor;
|
||||||
}
|
}
|
||||||
.props-color-list{
|
|
||||||
|
.props-color-list {
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
outline: none;
|
outline : none;
|
||||||
}
|
}
|
||||||
.props-color-list>li{
|
|
||||||
|
.props-color-list>li {
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
}
|
}
|
||||||
.props-color-list>li:hover{
|
|
||||||
|
.props-color-list>li:hover {
|
||||||
background: @darkhovercolor;
|
background: @darkhovercolor;
|
||||||
}
|
}
|
||||||
.props>li{
|
|
||||||
display: flex;
|
.props>li {
|
||||||
align-items: center;
|
display : flex;
|
||||||
|
align-items : center;
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
padding: 5px 0;
|
padding : 5px 0;
|
||||||
}
|
}
|
||||||
.props>li>label{
|
|
||||||
|
.props>li>label {
|
||||||
width: 20%;
|
width: 20%;
|
||||||
}
|
}
|
||||||
.props>li>ul{
|
|
||||||
|
.props>li>ul {
|
||||||
width: 80%;
|
width: 80%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.i-color{
|
.i-color {
|
||||||
display: inline-block;
|
display : inline-block;
|
||||||
height: 8px;
|
height : 8px;
|
||||||
width: 8px;
|
width : 8px;
|
||||||
margin-right:5px;
|
margin-right: 5px;
|
||||||
}
|
}
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
#commonModal .frame-manage {
|
#commonModal .frame-manage {
|
||||||
max-width: 900px;
|
max-width : 900px;
|
||||||
width: 60vw;
|
width : 60vw;
|
||||||
height: 80vh;
|
height : 80vh;
|
||||||
min-height: 760px;
|
min-height: 760px;
|
||||||
}
|
}
|
||||||
|
@ -1,41 +1,49 @@
|
|||||||
#lightModal .bp3-dialog{
|
#lightModal .bp3-dialog {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
#lightModal .bp3-dialog-body>.twoCol>label{
|
|
||||||
display: inline-block;
|
#lightModal .bp3-dialog-body>.twoCol>label {
|
||||||
|
display : inline-block;
|
||||||
vertical-align: super;
|
vertical-align: super;
|
||||||
text-align: left;
|
text-align : left;
|
||||||
margin-right: 10px;
|
margin-right : 10px;
|
||||||
width: 30%;
|
width : 30%;
|
||||||
}
|
}
|
||||||
#lightModal .bp3-dialog-body ul>.twoCol>label{
|
|
||||||
display: inline-block;
|
#lightModal .bp3-dialog-body ul>.twoCol>label {
|
||||||
|
display : inline-block;
|
||||||
vertical-align: super;
|
vertical-align: super;
|
||||||
text-align: left;
|
text-align : left;
|
||||||
margin-right: 10px;
|
margin-right : 10px;
|
||||||
}
|
}
|
||||||
#lightModal .bp3-dialog-body>.twoCol>input{
|
|
||||||
|
#lightModal .bp3-dialog-body>.twoCol>input {
|
||||||
vertical-align: super;
|
vertical-align: super;
|
||||||
width: 70%;
|
width : 70%;
|
||||||
}
|
}
|
||||||
#lightModal .bp3-dialog-body>.twoCol ul input{
|
|
||||||
|
#lightModal .bp3-dialog-body>.twoCol ul input {
|
||||||
width: 80%;
|
width: 80%;
|
||||||
}
|
}
|
||||||
#lightModal .bp3-dialog-body>.twoCol{
|
|
||||||
width: 14rem;
|
#lightModal .bp3-dialog-body>.twoCol {
|
||||||
|
width : 14rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
#lightModal .bp3-dialog-body .twoCol{
|
|
||||||
|
#lightModal .bp3-dialog-body .twoCol {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
#lightModal ul{
|
|
||||||
display: inline-block;
|
#lightModal ul {
|
||||||
list-style: none;
|
display : inline-block;
|
||||||
padding-left: 0;
|
list-style : none;
|
||||||
|
padding-left : 0;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
width: 70%;
|
width : 70%;
|
||||||
margin: 0;
|
margin : 0;
|
||||||
}
|
}
|
||||||
#lightModal li{
|
|
||||||
|
#lightModal li {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
@ -1,12 +1,13 @@
|
|||||||
|
|
||||||
/*---参照切割---*/
|
/*---参照切割---*/
|
||||||
#referenceCuttingModal .bp3-dialog>.bp3-dialog-footer{
|
#referenceCuttingModal .bp3-dialog>.bp3-dialog-footer {
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
padding: 0px 10px 10px 10px;
|
padding : 0px 10px 10px 10px;
|
||||||
button{
|
|
||||||
|
button {
|
||||||
min-height: 20px;
|
min-height: 20px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#referenceCuttingModal .bp3-dialog>.bp3-dialog-body{
|
|
||||||
margin:10px;
|
#referenceCuttingModal .bp3-dialog>.bp3-dialog-body {
|
||||||
|
margin: 10px;
|
||||||
}
|
}
|
||||||
|
@ -1,16 +1,16 @@
|
|||||||
#modal .saveAs {
|
#modal .saveAs {
|
||||||
width: 300px;
|
width : 300px;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
|
|
||||||
.saveAs-body {
|
.saveAs-body {
|
||||||
max-height: 600px;
|
max-height: 600px;
|
||||||
overflow: auto;
|
overflow : auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.saveAs-footer {
|
.saveAs-footer {
|
||||||
text-align: right;
|
text-align : right;
|
||||||
padding: 10px 0;
|
padding : 10px 0;
|
||||||
display: flex;
|
display : flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -1,46 +1,46 @@
|
|||||||
#snapModal
|
#snapModal {
|
||||||
{
|
|
||||||
width: 315px;
|
width: 315px;
|
||||||
}
|
}
|
||||||
#snapModal .snap-set
|
|
||||||
{
|
#snapModal .snap-set {
|
||||||
margin-bottom: 3px;
|
margin-bottom: 3px;
|
||||||
padding-left: 9px;
|
padding-left : 9px;
|
||||||
}
|
}
|
||||||
#snapModal .bp3-dialog-body>div>div
|
|
||||||
{
|
#snapModal .bp3-dialog-body>div>div {
|
||||||
display: flex;
|
display : flex;
|
||||||
padding-top: 10px;
|
padding-top : 10px;
|
||||||
justify-content: space-evenly;
|
justify-content: space-evenly;
|
||||||
}
|
}
|
||||||
#snapModal .bp3-card
|
|
||||||
{
|
#snapModal .bp3-card {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
height: 20rem;
|
height : 20rem;
|
||||||
padding-bottom: 0px;
|
padding-bottom: 0px;
|
||||||
>h5{
|
|
||||||
|
>h5 {
|
||||||
padding-top: 10px;
|
padding-top: 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#snapModal .flexCheckbox
|
|
||||||
{
|
#snapModal .flexCheckbox {
|
||||||
display: flex;
|
display : flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
flex-wrap: wrap;
|
flex-wrap : wrap;
|
||||||
height: 100%;
|
height : 100%;
|
||||||
}
|
}
|
||||||
#snapModal .flexCheckbox button
|
|
||||||
{
|
#snapModal .flexCheckbox button {
|
||||||
width: 70px;
|
width : 70px;
|
||||||
min-height: 20px;
|
min-height : 20px;
|
||||||
font-size: 12px;
|
font-size : 12px;
|
||||||
margin-left: 9px;
|
margin-left: 9px;
|
||||||
}
|
}
|
||||||
#snapModal .flexCheckbox button ~ button
|
|
||||||
{
|
#snapModal .flexCheckbox button~button {
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
}
|
}
|
||||||
#snapModal .bp3-dialog-footer
|
|
||||||
{
|
#snapModal .bp3-dialog-footer {
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
}
|
}
|
||||||
|
@ -1,112 +1,142 @@
|
|||||||
#boardPropsCom .br-name{
|
#boardPropsCom .br-name {
|
||||||
width: 12rem;
|
width: 12rem;
|
||||||
}
|
}
|
||||||
#boardPropsCom .bp3-input{
|
|
||||||
|
#boardPropsCom .bp3-input {
|
||||||
height: 1.5rem;
|
height: 1.5rem;
|
||||||
}
|
}
|
||||||
#boardPropsCom .bp3-html-select>select{
|
|
||||||
|
#boardPropsCom .bp3-html-select>select {
|
||||||
height: 1.5rem;
|
height: 1.5rem;
|
||||||
}
|
}
|
||||||
#boardPropsCom .bp3-label{
|
|
||||||
line-height: 1.5rem;
|
#boardPropsCom .bp3-label {
|
||||||
|
line-height : 1.5rem;
|
||||||
margin-bottom: 0.5rem;
|
margin-bottom: 0.5rem;
|
||||||
}
|
}
|
||||||
#boardPropsCom .flexWrap>div,#boardPropsCom .flexWrap>label{
|
|
||||||
width: 50%;
|
#boardPropsCom .flexWrap>div,
|
||||||
|
#boardPropsCom .flexWrap>label {
|
||||||
|
width : 50%;
|
||||||
line-height: 15px;
|
line-height: 15px;
|
||||||
display: flex;
|
display : flex;
|
||||||
}
|
}
|
||||||
#boardPropsCom .br-set{
|
|
||||||
|
#boardPropsCom .br-set {
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
white-space: nowrap;
|
white-space : nowrap;
|
||||||
}
|
}
|
||||||
#boardPropsCom .flexWrap>div .bp3-input{
|
|
||||||
|
#boardPropsCom .flexWrap>div .bp3-input {
|
||||||
padding: 0 0 0 5px;
|
padding: 0 0 0 5px;
|
||||||
width: 5rem;
|
width : 5rem;
|
||||||
}
|
}
|
||||||
#boardPropsCom select{
|
|
||||||
|
#boardPropsCom select {
|
||||||
font-size: 8px;
|
font-size: 8px;
|
||||||
}
|
}
|
||||||
#boardPropsCom input{
|
|
||||||
|
#boardPropsCom input {
|
||||||
font-size: 8px;
|
font-size: 8px;
|
||||||
padding: 0 5px;
|
padding : 0 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#boardPropsCom .board-info {
|
#boardPropsCom .board-info {
|
||||||
.br-mat{
|
.br-mat {
|
||||||
margin-bottom:0.5rem;
|
margin-bottom: 0.5rem;
|
||||||
|
|
||||||
// justify-content: space-between;
|
// justify-content: space-between;
|
||||||
button{
|
button {
|
||||||
width: 2rem;
|
width: 2rem;
|
||||||
}
|
}
|
||||||
input{
|
|
||||||
|
input {
|
||||||
width: 6.5rem;
|
width: 6.5rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.br-mat>div>div:last-child{
|
.br-mat>div>div:last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#boardPropsCom .board-info .br-set input{
|
|
||||||
|
#boardPropsCom .board-info .br-set input {
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
}
|
}
|
||||||
#boardPropsCom .board-config .flexWrap{
|
|
||||||
|
#boardPropsCom .board-config .flexWrap {
|
||||||
width: 250px;
|
width: 250px;
|
||||||
}
|
}
|
||||||
#boardPropsCom .br-set>span:first-child{
|
|
||||||
display: inline-block;
|
#boardPropsCom .br-set>span:first-child {
|
||||||
width: 3.5rem;
|
display : inline-block;
|
||||||
|
width : 3.5rem;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
#boardPropsCom .board-info select,#boardPropsCom .board-info .br-set input{
|
|
||||||
|
#boardPropsCom .board-info select,
|
||||||
|
#boardPropsCom .board-info .br-set input {
|
||||||
width: 9rem;
|
width: 9rem;
|
||||||
}
|
}
|
||||||
#boardPropsCom{
|
|
||||||
.boardSize{
|
#boardPropsCom {
|
||||||
|
.boardSize {
|
||||||
min-width: 151px;
|
min-width: 151px;
|
||||||
}
|
}
|
||||||
.select-drillType{
|
|
||||||
|
.select-drillType {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#boardPropsCom .board-info .boardSize .bp3-input{
|
|
||||||
|
#boardPropsCom .board-info .boardSize .bp3-input {
|
||||||
width: 30px;
|
width: 30px;
|
||||||
}
|
}
|
||||||
#boardPropsCom .boardSize .bp3-inline{
|
|
||||||
|
#boardPropsCom .boardSize .bp3-inline {
|
||||||
line-height: 15px;
|
line-height: 15px;
|
||||||
}
|
}
|
||||||
#boardPropsCom .boardSize .bp3-label>.bp3-input{
|
|
||||||
display: block;
|
#boardPropsCom .boardSize .bp3-label>.bp3-input {
|
||||||
padding: 0;
|
display : block;
|
||||||
|
padding : 0;
|
||||||
padding-left: 5px;
|
padding-left: 5px;
|
||||||
line-height: 15px;
|
line-height : 15px;
|
||||||
}
|
}
|
||||||
#boardPropsCom .boardSize .bp3-label,#commonModal .behind-board .board-info .boardSize .bp3-input{
|
|
||||||
|
#boardPropsCom .boardSize .bp3-label,
|
||||||
|
#commonModal .behind-board .board-info .boardSize .bp3-input {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin: 0 5px;
|
margin : 0 5px;
|
||||||
}
|
}
|
||||||
#boardPropsCom .bp3-label>span{
|
|
||||||
|
#boardPropsCom .bp3-label>span {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 3.5rem;
|
width : 3.5rem;
|
||||||
}
|
}
|
||||||
#boardPropsCom .boardModel{
|
|
||||||
display: inline-block;
|
#boardPropsCom .boardModel {
|
||||||
width: 35px;
|
display : inline-block;
|
||||||
height: 50px;
|
width : 35px;
|
||||||
border: 1px solid #000;
|
height : 50px;
|
||||||
|
border : 1px solid #000;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
margin: 10px;
|
margin : 10px;
|
||||||
}
|
}
|
||||||
#boardPropsCom .bp3-html-select .bp3-icon{
|
|
||||||
|
#boardPropsCom .bp3-html-select .bp3-icon {
|
||||||
right: 1px;
|
right: 1px;
|
||||||
top: 2.5px;
|
top : 2.5px;
|
||||||
}
|
}
|
||||||
#boardPropsCom>div{
|
|
||||||
|
#boardPropsCom>div {
|
||||||
margin-bottom: 30px;
|
margin-bottom: 30px;
|
||||||
}
|
}
|
||||||
#boardPropsCom .cf-select .bp3-input{
|
|
||||||
|
#boardPropsCom .cf-select .bp3-input {
|
||||||
height: unset;
|
height: unset;
|
||||||
}
|
}
|
||||||
#boardPropsCom>div:last-child{
|
|
||||||
|
#boardPropsCom>div:last-child {
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
|
@ -1,182 +1,207 @@
|
|||||||
|
|
||||||
//因为某些样式被蓝图破坏,所以修正它.
|
//因为某些样式被蓝图破坏,所以修正它.
|
||||||
//用于切换主题色 本文件在switchTheme.less中被引用
|
//用于切换主题色 本文件在switchTheme.less中被引用
|
||||||
//配色方案见https://blueprintjs.com/docs/#core/colors
|
//配色方案见https://blueprintjs.com/docs/#core/colors
|
||||||
.changeGoldenTheme(
|
.changeGoldenTheme(@lm_content_bg: #2C343A,
|
||||||
@lm_content_bg:#2C343A,
|
@standrad_shadow: #000,
|
||||||
@standrad_shadow:#000,
|
@text_color_unactive: #76838E,
|
||||||
@text_color_unactive:#76838E,
|
@text_color_active: #fff,
|
||||||
@text_color_active:#fff,
|
@toolbar_bg: #5C7080,
|
||||||
@toolbar_bg:#5C7080,
|
|
||||||
@fileName_bg: #30404d,
|
@fileName_bg: #30404d,
|
||||||
@downpanel_bg: #4B6070,
|
@downpanel_bg: #4B6070,
|
||||||
@command_result_text:#C4E1A4,
|
@command_result_text: #C4E1A4,
|
||||||
@recommand_cmd_bg:#5C7080,
|
@recommand_cmd_bg: #5C7080,
|
||||||
@recommand_cmd_bg_hover:#8A9BA8,
|
@recommand_cmd_bg_hover: #8A9BA8,
|
||||||
@topToolsBlock_btn_bg:#394b59,
|
@topToolsBlock_btn_bg: #394b59,
|
||||||
@topToolsBlock_btn_bg_hover:#4B6070,
|
@topToolsBlock_btn_bg_hover: #4B6070,
|
||||||
@topToolBar_bg:#5C7080,
|
@topToolBar_bg: #5C7080,
|
||||||
@topToolBar_ul_bg:#5C7080,
|
@topToolBar_ul_bg: #5C7080,
|
||||||
@topToolBar_smallIconList_btn_bg:#394b59,
|
@topToolBar_smallIconList_btn_bg: #394b59,
|
||||||
@topToolBar_smallIconList_btn_bg_hover:#4B6070,
|
@topToolBar_smallIconList_btn_bg_hover: #4B6070,
|
||||||
@topToolBar_tablist_bg:#4B6070,
|
@topToolBar_tablist_bg: #4B6070,
|
||||||
@topToolBar_tablist_bg_hover:#5C7080,
|
@topToolBar_tablist_bg_hover: #5C7080,
|
||||||
@topToolBar_tablist_color:#f5f8fa,
|
@topToolBar_tablist_color: #f5f8fa,
|
||||||
@topToolBar_li_hover:#738694,
|
@topToolBar_li_hover: #738694,
|
||||||
@verticalTab_selected_bg:#394b59,
|
@verticalTab_selected_bg: #394b59,
|
||||||
@tabUnstyle_border:#999,
|
@tabUnstyle_border: #999,
|
||||||
@rightPanel_tabs_border:#25313a,
|
@rightPanel_tabs_border: #25313a,
|
||||||
@commandInput_bg:#2c343a,
|
@commandInput_bg: #2c343a,
|
||||||
@commandInput_dragArea_bg:#394b59,
|
@commandInput_dragArea_bg: #394b59,
|
||||||
@terminalCommandResult_bg:#5C7080,
|
@terminalCommandResult_bg: #5C7080,
|
||||||
@commandPanel_li_bg_hover:#8A9BA8,
|
@commandPanel_li_bg_hover: #8A9BA8,
|
||||||
@properties_header_bg:#202B33,
|
@properties_header_bg: #202B33,
|
||||||
@properties_li_title_bg:#293742,
|
@properties_li_title_bg: #293742,
|
||||||
@templateParam_detail_title_bg:#394b59,
|
@templateParam_detail_title_bg: #394b59,
|
||||||
){
|
) {
|
||||||
|
|
||||||
/*-----FileItem文件名-----*/
|
/*-----FileItem文件名-----*/
|
||||||
#bp3-tab-panel_Tabs_fl li[id] input {
|
#bp3-tab-panel_Tabs_fl li[id] input {
|
||||||
background-color: @fileName_bg;
|
background-color: @fileName_bg;
|
||||||
color: @text_color_active;
|
color : @text_color_active;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*-----工具条-----*/
|
/*-----工具条-----*/
|
||||||
#toolbar{
|
#toolbar {
|
||||||
background: @toolbar_bg !important;
|
background: @toolbar_bg !important;
|
||||||
}
|
}
|
||||||
#toolbar ul li:hover{
|
|
||||||
|
#toolbar ul li:hover {
|
||||||
background: @topToolBar_li_hover;
|
background: @topToolBar_li_hover;
|
||||||
cursor: pointer;
|
cursor : pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*-----命令栏-----*/
|
/*-----命令栏-----*/
|
||||||
#commands .content {
|
#commands .content {
|
||||||
color: @command_result_text;
|
color : @command_result_text;
|
||||||
background: @lm_content_bg;
|
background: @lm_content_bg;
|
||||||
}
|
}
|
||||||
.terminal-pusher {
|
|
||||||
|
.terminal-pusher {
|
||||||
background: @lm_content_bg;
|
background: @lm_content_bg;
|
||||||
box-shadow: inset 0px 14px 16px -15px @standrad_shadow;
|
box-shadow: inset 0px 14px 16px -15px @standrad_shadow;
|
||||||
}
|
}
|
||||||
#TerminalOutputArea .terminal-output {
|
|
||||||
|
#TerminalOutputArea .terminal-output {
|
||||||
background: @lm_content_bg;
|
background: @lm_content_bg;
|
||||||
}
|
}
|
||||||
|
|
||||||
#TerminalTransparent .terminal-pusher {
|
#TerminalTransparent .terminal-pusher {
|
||||||
box-shadow: unset;
|
box-shadow: unset;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*-----命令提示-----*/
|
/*-----命令提示-----*/
|
||||||
#input-hint .recommend-command {
|
#input-hint .recommend-command {
|
||||||
color: @text_color_active;
|
color : @text_color_active;
|
||||||
background-color: @recommand_cmd_bg;
|
background-color: @recommand_cmd_bg;
|
||||||
}
|
}
|
||||||
#input-hint .recommend-command>li.hover {
|
|
||||||
|
#input-hint .recommend-command>li.hover {
|
||||||
background-color: @recommand_cmd_bg_hover;
|
background-color: @recommand_cmd_bg_hover;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*-----DownPanel-----*/
|
/*-----DownPanel-----*/
|
||||||
#DownPanel{
|
#DownPanel {
|
||||||
background: @downpanel_bg !important;
|
background: @downpanel_bg !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*-------TopToolsBlock--------*/
|
/*-------TopToolsBlock--------*/
|
||||||
#TopToolBar {
|
#TopToolBar {
|
||||||
background: @topToolBar_bg;
|
background: @topToolBar_bg;
|
||||||
}
|
}
|
||||||
#TopToolBar .tool-block>div>.bp3-button{
|
|
||||||
|
#TopToolBar .tool-block>div>.bp3-button {
|
||||||
background: @topToolsBlock_btn_bg;
|
background: @topToolsBlock_btn_bg;
|
||||||
&:hover{
|
|
||||||
|
&:hover {
|
||||||
background: @topToolsBlock_btn_bg_hover;
|
background: @topToolsBlock_btn_bg_hover;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#TopToolBar .ul-unstyle{
|
|
||||||
|
#TopToolBar .ul-unstyle {
|
||||||
background: @topToolBar_ul_bg;
|
background: @topToolBar_ul_bg;
|
||||||
}
|
}
|
||||||
#TopToolBar .small-iconlist >.bp3-button{
|
|
||||||
|
#TopToolBar .small-iconlist>.bp3-button {
|
||||||
background: @topToolBar_smallIconList_btn_bg;
|
background: @topToolBar_smallIconList_btn_bg;
|
||||||
&:hover{
|
|
||||||
|
&:hover {
|
||||||
background: @topToolBar_smallIconList_btn_bg_hover;
|
background: @topToolBar_smallIconList_btn_bg_hover;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#TopToolBar .ul-unstyle>li:hover{
|
|
||||||
|
#TopToolBar .ul-unstyle>li:hover {
|
||||||
background: @topToolBar_li_hover;
|
background: @topToolBar_li_hover;
|
||||||
}
|
}
|
||||||
.tabs-unstyle .bp3-tab-list{
|
|
||||||
|
.tabs-unstyle .bp3-tab-list {
|
||||||
background: @topToolBar_tablist_bg;
|
background: @topToolBar_tablist_bg;
|
||||||
}
|
}
|
||||||
.tabs-unstyle .bp3-tab[aria-selected="true"], .tabs-unstyle .bp3-tab:not([aria-disabled="true"]):hover {
|
|
||||||
color: @topToolBar_tablist_color;
|
.tabs-unstyle .bp3-tab[aria-selected="true"],
|
||||||
|
.tabs-unstyle .bp3-tab:not([aria-disabled="true"]):hover {
|
||||||
|
color : @topToolBar_tablist_color;
|
||||||
background: @topToolBar_tablist_bg_hover;
|
background: @topToolBar_tablist_bg_hover;
|
||||||
}
|
}
|
||||||
.bp3-tabs.bp3-vertical > .bp3-tab-list .bp3-tab.tab-unstyle[aria-selected="true"]{
|
|
||||||
|
.bp3-tabs.bp3-vertical>.bp3-tab-list .bp3-tab.tab-unstyle[aria-selected="true"] {
|
||||||
background: @verticalTab_selected_bg;
|
background: @verticalTab_selected_bg;
|
||||||
}
|
}
|
||||||
#TopToolBar .tabs-unstyle .bp3-tab.tab-unstyle{
|
|
||||||
|
#TopToolBar .tabs-unstyle .bp3-tab.tab-unstyle {
|
||||||
border-color: @tabUnstyle_border;
|
border-color: @tabUnstyle_border;
|
||||||
}
|
}
|
||||||
#RightPanel .bp3-tab-panel.tab-unstyle .bp3-tab.tab-unstyle{
|
|
||||||
|
#RightPanel .bp3-tab-panel.tab-unstyle .bp3-tab.tab-unstyle {
|
||||||
border-color: @rightPanel_tabs_border;
|
border-color: @rightPanel_tabs_border;
|
||||||
}
|
}
|
||||||
/*----------浮动命令栏-----------*/
|
|
||||||
#CommandInput .react-draggable{
|
/*----------浮动命令栏-----------*/
|
||||||
.terminal-output-area, .command-input-area{
|
#CommandInput .react-draggable {
|
||||||
|
|
||||||
|
.terminal-output-area,
|
||||||
|
.command-input-area {
|
||||||
background: @commandInput_bg;
|
background: @commandInput_bg;
|
||||||
}
|
}
|
||||||
.drag-area{
|
|
||||||
|
.drag-area {
|
||||||
background: @commandInput_dragArea_bg;
|
background: @commandInput_dragArea_bg;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#TransTerminal .terminal-commandResult span{
|
|
||||||
|
#TransTerminal .terminal-commandResult span {
|
||||||
background: @terminalCommandResult_bg;
|
background: @terminalCommandResult_bg;
|
||||||
}
|
}
|
||||||
/*----------F1面板-----------*/
|
|
||||||
#commandPanel .bp3-card>ul>li:hover,#commandPanel .bp3-card>ul>ul>li:hover
|
/*----------F1面板-----------*/
|
||||||
{
|
#commandPanel .bp3-card>ul>li:hover,
|
||||||
|
#commandPanel .bp3-card>ul>ul>li:hover {
|
||||||
background-color: @commandPanel_li_bg_hover;
|
background-color: @commandPanel_li_bg_hover;
|
||||||
cursor: pointer;
|
cursor : pointer;
|
||||||
}
|
|
||||||
/*-----------BBS-------------*/
|
|
||||||
#modal .br-lookover .react-draggable{
|
|
||||||
>div{
|
|
||||||
background-color:@fileName_bg
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*-----------BBS-------------*/
|
||||||
|
#modal .br-lookover .react-draggable {
|
||||||
|
>div {
|
||||||
|
background-color: @fileName_bg
|
||||||
}
|
}
|
||||||
/*---------特性面板----------*/
|
}
|
||||||
.properties{
|
|
||||||
.bp3-card{
|
/*---------特性面板----------*/
|
||||||
.header{
|
.properties {
|
||||||
|
.bp3-card {
|
||||||
|
.header {
|
||||||
background: @properties_header_bg;
|
background: @properties_header_bg;
|
||||||
}
|
}
|
||||||
ul{//.props
|
|
||||||
.li-title{
|
ul {
|
||||||
|
|
||||||
|
//.props
|
||||||
|
.li-title {
|
||||||
background: @properties_li_title_bg;
|
background: @properties_li_title_bg;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/*-----GoldenLayout-CSS-----*/
|
/*-----GoldenLayout-CSS-----*/
|
||||||
.lm_header{
|
.lm_header {
|
||||||
background: @properties_header_bg;
|
background: @properties_header_bg;
|
||||||
}
|
}
|
||||||
|
|
||||||
.lm_tab {
|
.lm_tab {
|
||||||
color: @text_color_active;
|
color : @text_color_active;
|
||||||
background: @properties_header_bg;
|
background: @properties_header_bg;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*-------右侧模板参数--------*/
|
/*-------右侧模板参数--------*/
|
||||||
#templateParam{
|
#templateParam {
|
||||||
.template-detail{
|
.template-detail {
|
||||||
&>ul{
|
&>ul {
|
||||||
&>li:first-child{
|
&>li:first-child {
|
||||||
span {
|
span {
|
||||||
background: @templateParam_detail_title_bg;
|
background: @templateParam_detail_title_bg;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -1,39 +1,40 @@
|
|||||||
@charset "utf-8";
|
@charset "utf-8";
|
||||||
@import (less) "golden.less";
|
@import (less) "golden.less";
|
||||||
.dark-golden{
|
|
||||||
|
.dark-golden {
|
||||||
.changeGoldenTheme(); //黑夜
|
.changeGoldenTheme(); //黑夜
|
||||||
}
|
}
|
||||||
.light-golden{
|
|
||||||
.changeGoldenTheme(
|
.light-golden {
|
||||||
#cbd7e7,//@lm_content_bg
|
.changeGoldenTheme(#cbd7e7, //@lm_content_bg
|
||||||
#394B59,//@standrad_shadow
|
#394B59, //@standrad_shadow
|
||||||
#999999,//@text_color_unactive
|
#999999, //@text_color_unactive
|
||||||
#10161A,//@text_color_active
|
#10161A, //@text_color_active
|
||||||
#f5f8fa,//@toolbar_bg
|
#f5f8fa, //@toolbar_bg
|
||||||
#ffffff,//@fileName_bg
|
#ffffff, //@fileName_bg
|
||||||
#E1E8ED,//@downpanel_bg
|
#E1E8ED, //@downpanel_bg
|
||||||
#1D7324,//@command_result_text
|
#1D7324, //@command_result_text
|
||||||
#E1E8ED,//@recommand_cmd_bg
|
#E1E8ED, //@recommand_cmd_bg
|
||||||
#A7B6C2,//@recommand_cmd_bg_hover
|
#A7B6C2, //@recommand_cmd_bg_hover
|
||||||
#ced9e0,//@topToolsBlock_btn_bg
|
#ced9e0, //@topToolsBlock_btn_bg
|
||||||
#E1E8ED,//@topToolsBlock_btn_bg_hover
|
#E1E8ED, //@topToolsBlock_btn_bg_hover
|
||||||
#f5f8fa,//@topToolBar_bg
|
#f5f8fa, //@topToolBar_bg
|
||||||
#f5f8fa,//@topToolBar_ul_bg
|
#f5f8fa, //@topToolBar_ul_bg
|
||||||
#ced9e0,//@topToolBar_smallIconList_btn_bg
|
#ced9e0, //@topToolBar_smallIconList_btn_bg
|
||||||
#E1E8ED,//@topToolBar_smallIconList_btn_bg_hover
|
#E1E8ED, //@topToolBar_smallIconList_btn_bg_hover
|
||||||
#ced9e0,//@topToolBar_tablist_bg
|
#ced9e0, //@topToolBar_tablist_bg
|
||||||
#f5f8fa,//@topToolBar_tablist_bg_hover
|
#f5f8fa, //@topToolBar_tablist_bg_hover
|
||||||
#10161A,//@topToolBar_tablist_color
|
#10161A, //@topToolBar_tablist_color
|
||||||
#E1E8ED,//@topToolBar_li_hover
|
#E1E8ED, //@topToolBar_li_hover
|
||||||
#f5f8fa,//@verticalTab_selected_bg
|
#f5f8fa, //@verticalTab_selected_bg
|
||||||
#A7B6C2,//@tabUnstyle_border
|
#A7B6C2, //@tabUnstyle_border
|
||||||
#CED9E0,//@rightPanel_tabs_border
|
#CED9E0, //@rightPanel_tabs_border
|
||||||
#CED9E0,//@commandInput_bg
|
#CED9E0, //@commandInput_bg
|
||||||
#8A9BA8, //@commandInput_dragArea_bg
|
#8A9BA8, //@commandInput_dragArea_bg
|
||||||
#DCDCDC, //@terminalCommandResult_bg
|
#DCDCDC, //@terminalCommandResult_bg
|
||||||
#E1E8ED,//@commandPanel_li_bg_hover
|
#E1E8ED, //@commandPanel_li_bg_hover
|
||||||
#BFCCD6,//@properties_header_bg
|
#BFCCD6, //@properties_header_bg
|
||||||
#ced9e0,//@properties_li_title_bg
|
#ced9e0, //@properties_li_title_bg
|
||||||
#ccc//@templateParam_detail_title_bg
|
#ccc //@templateParam_detail_title_bg
|
||||||
); //白天
|
); //白天
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in new issue