You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
318 lines
6.9 KiB
318 lines
6.9 KiB
.database-connection-layout{ |
|
width: 100%; |
|
height: 100%; |
|
background-color: @background-color-normal; |
|
.title{ |
|
background-color: @background-color-default; |
|
border-bottom: 1px solid @border-color-line; |
|
.dec-title-item{ |
|
height: 39px; |
|
line-height: 39px; |
|
padding-left: 15px; |
|
padding-right: 15px; |
|
text-align: center; |
|
white-space: nowrap; |
|
text-overflow: ellipsis; |
|
overflow: hidden; |
|
position: relative; |
|
flex-shrink: 0; |
|
font-weight: 700; |
|
cursor: pointer; |
|
} |
|
.dec-title-item-selected{ |
|
color: @background-color-highlight; |
|
border-bottom: @border-color-highlight; |
|
} |
|
.close-button { |
|
position: absolute !important; |
|
right: 5px; |
|
top: 5px; |
|
width: 30px; |
|
height: 30px; |
|
cursor: pointer; |
|
background-image: url("../img/icon_close9x9_normal.png"); |
|
background-repeat: no-repeat; |
|
background-position: center; |
|
} |
|
} |
|
.linkset{ |
|
margin: 10px; |
|
bottom: 0px; |
|
background-color: @background-color-default; |
|
} |
|
.linkStatus{ |
|
margin: 10px; |
|
top: 40px; |
|
background-color: @background-color-default; |
|
} |
|
} |
|
|
|
.database-left{ |
|
border-right: 1px solid @border-color-line; |
|
.select-group{ |
|
border-bottom: 1px solid @border-color-line; |
|
.select{ |
|
margin: 10px; |
|
.database-link-items{ |
|
padding-left:10px; |
|
.link-item{ |
|
border-top: 1px solid @border-color-line; |
|
} |
|
} |
|
} |
|
.status-title{ |
|
font-weight: 700; |
|
margin-left: 12px; |
|
margin-top: 12px; |
|
} |
|
} |
|
.left-list{ |
|
margin: 10px; |
|
.left-item{ |
|
height: 24px; |
|
line-height: 24px; |
|
cursor: pointer; |
|
&:hover{ |
|
background-color: @background-color-blue-transparent; |
|
.icons{ |
|
.action-icon{ |
|
visibility: visible !important; |
|
} |
|
|
|
} |
|
} |
|
.icons{ |
|
float: right !important; |
|
.action-icon{ |
|
visibility: hidden; |
|
} |
|
.b-font{ |
|
font-size: 16px; |
|
} |
|
} |
|
} |
|
.left-item-selected{ |
|
background-color: @background-color-blue-transparent; |
|
.link-title{ |
|
color: @font-color-highlight; |
|
} |
|
} |
|
} |
|
} |
|
.database-right{ |
|
min-width: 400px; |
|
overflow: auto; |
|
>.bi-vertical-layout{ |
|
height: 100%; |
|
} |
|
.bi-flex-center-adapt-layout{ |
|
height: 100%; |
|
.data-connection-background{ |
|
background: url(../img/resources.png) center center no-repeat; |
|
background-size: contain; |
|
} |
|
} |
|
.right-status-title{ |
|
border-bottom: 1px solid @border-color-line; |
|
color: @font-color-normal; |
|
line-height: 40px; |
|
padding-left: 10px; |
|
font-weight: 700; |
|
} |
|
.right-status-body{ |
|
margin: 10px 30px 0px 30px; |
|
height: 50%; |
|
.right-status-item{ |
|
height: 150px; |
|
width: 50%; |
|
top: 0; left: 0; |
|
position: absolute !important; |
|
.right-status-board { margin-left: 25px; position: relative !important; left: -25px;} |
|
} |
|
.right-status-right{ |
|
height: 150px; |
|
width: 50%; |
|
top: 0; right:0; |
|
position: absolute !important; |
|
.right-status-board { margin-right: 25px; position: relative !important; left: 25px; } |
|
} |
|
.right-status-board{ |
|
background-color: @background-color-normal; |
|
color: @font-color-normal; |
|
width: 100%; |
|
height: 100%; |
|
.right-status-board-item{ |
|
text-align: center; |
|
margin-top: 38px; |
|
.right-status-text{ |
|
display: inline-block; |
|
} |
|
.card-font1{ |
|
color: @font-color-success; |
|
font-size: 32px; |
|
} |
|
.card-font2{ |
|
color: @font-color-highlight; |
|
font-size: 32px; |
|
} |
|
} |
|
|
|
} |
|
} |
|
.right-content{ |
|
height: 100%; |
|
.right-title{ |
|
border-bottom: 1px solid @border-color-line; |
|
color: @font-color-normal; |
|
line-height: 40px; |
|
padding-left: 10px; |
|
.right-title-text{ |
|
font-weight: 700; |
|
} |
|
.right-title-button{ |
|
float: right !important; |
|
margin-right: 10px; |
|
margin-top: 8px; |
|
} |
|
} |
|
.right-show{ |
|
margin: 10px; |
|
.right-form{ |
|
width: 100%; |
|
} |
|
} |
|
} |
|
} |
|
.both-side{ |
|
line-height: 24px; |
|
margin-bottom: 10px; |
|
.left{ |
|
white-space: nowrap; |
|
text-overflow: ellipsis; |
|
position: relative; |
|
flex-shrink: 0; |
|
font-weight: 700; |
|
} |
|
.hint{ |
|
padding-left: 5px; |
|
white-space: nowrap; |
|
text-overflow: ellipsis; |
|
overflow: hidden; |
|
position: relative; |
|
flex-shrink: 0; |
|
margin-left: 5px; |
|
color: @font-color-disabled; |
|
} |
|
} |
|
.shared-component-title{ |
|
height: 24px; |
|
line-height: 24px; |
|
margin-bottom: 10px; |
|
color: @font-color-disabled; |
|
border-bottom: 1px solid @border-color-line; |
|
} |
|
.comfirm-content{ |
|
margin-top: 40px; |
|
margin-left: 20px; |
|
.comfirm-icon{ |
|
background-image: url("../img/warning.png"); |
|
background-size: contain; |
|
margin-right: 12px; |
|
} |
|
.bi-text{ |
|
height: 50px; |
|
line-height: 50px; |
|
margin-left: 12px; |
|
} |
|
} |
|
.more-link{ |
|
.more-link-item{ |
|
width: 538px; |
|
overflow: hidden auto; |
|
left: -10px !important; |
|
right: 0px; |
|
top: 10px; |
|
bottom: 0px; |
|
position: absolute; |
|
height: 380px; |
|
.link-item{ |
|
margin-left: 10px; |
|
margin-bottom: 10px; |
|
cursor: pointer; |
|
border: solid 1px @border-color-default; |
|
&:hover{ |
|
border: solid 1px @border-color-highlight; |
|
} |
|
.selected{ |
|
position: absolute !important; |
|
right: -1px; |
|
top: -1px; |
|
height: 30px; |
|
width: 30px; |
|
background: url(../img/database-selected.png) center center no-repeat; |
|
background-size: contain; |
|
} |
|
.text{ |
|
height: 27px; |
|
line-height: 27px; |
|
padding-left: 2px; |
|
padding-right: 2px; |
|
text-align: center; |
|
white-space: nowrap; |
|
background: @background-color-light-gray; |
|
} |
|
} |
|
|
|
} |
|
} |
|
.popover-notitle{ |
|
.bi-header-background{ |
|
display: none; |
|
} |
|
.bi-absolute-layout{ |
|
top:0px !important; |
|
} |
|
} |
|
.bi-custom-show{ |
|
.show-content{ |
|
text-align: center; |
|
.loading-icon{ |
|
display: block; |
|
background: url(../img/loading.gif) center center no-repeat; |
|
background-size: contain; |
|
margin: 0 auto; |
|
margin-bottom: 18px; |
|
} |
|
.success-icon{ |
|
display: block; |
|
background: url(../img/success.png) center center no-repeat; |
|
background-size: contain; |
|
margin: 0 auto; |
|
margin-bottom: 18px; |
|
} |
|
.error-icon{ |
|
display: block; |
|
background: url(../img/error.png) center center no-repeat; |
|
background-size: contain; |
|
margin: 0 auto; |
|
margin-bottom: 18px; |
|
} |
|
.buttons{ |
|
margin-top: 18px; |
|
div{ |
|
margin: 0 4px; |
|
} |
|
} |
|
} |
|
.show-more{ |
|
text-align: left !important; |
|
height: 73px; |
|
background: @background-color-light-gray; |
|
margin-bottom: 10px; |
|
padding: 5px; |
|
margin-top: 10px; |
|
} |
|
} |
|
.jndi-notice{ |
|
color: @color-jndi-notice; |
|
} |