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