forked from ddrilling/asb_cloud_front
Исправлен стиль файлов стилей
This commit is contained in:
goodmice
parent
c1dced00f7
commit
978a26e455
@ -1,156 +1,156 @@
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
|
||||
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
|
||||
sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
|
||||
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
|
||||
sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.d-flex {
|
||||
display: flex;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.flex-direction-column {
|
||||
flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.d-inline {
|
||||
display: inline;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.d-none {
|
||||
display: none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.flex-1 {
|
||||
flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.w-15 {
|
||||
width: 15%
|
||||
width: 15%
|
||||
}
|
||||
|
||||
.w-33 {
|
||||
width: 33%
|
||||
width: 33%
|
||||
}
|
||||
|
||||
.w-50 {
|
||||
width: 50%
|
||||
width: 50%
|
||||
}
|
||||
|
||||
.w-100 {
|
||||
width: 100%
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.m-0 {
|
||||
margin: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.mt-8px {
|
||||
margin-top: 8px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.mt-20px {
|
||||
margin-top: 20px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.mb-20px {
|
||||
margin-bottom: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.ml-5px {
|
||||
margin-left: 5px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.ml-10px {
|
||||
margin-left: 10px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.ml-30px {
|
||||
margin-left: 30px;
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
.h-100vh {
|
||||
height: calc(100vh - 64px);
|
||||
height: calc(100vh - 64px);
|
||||
}
|
||||
|
||||
.p-10 {
|
||||
padding: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.vertical-align-center {
|
||||
vertical-align: center;
|
||||
vertical-align: center;
|
||||
}
|
||||
|
||||
.text-align-center {
|
||||
text-align: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.text-align-r-container {
|
||||
width: 100%;
|
||||
text-align: right;
|
||||
width: 100%;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
|
||||
monospace;
|
||||
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
|
||||
monospace;
|
||||
}
|
||||
|
||||
.linkDocuments {
|
||||
color: #000;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.linkDocuments:hover {
|
||||
color: #c32828;
|
||||
color: #c32828;
|
||||
}
|
||||
|
||||
.container{
|
||||
width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.login-button {
|
||||
width: 20%;
|
||||
margin: auto;
|
||||
width: 20%;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.register-button {
|
||||
width: 50%;
|
||||
margin: auto;
|
||||
width: 50%;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.first-column-title {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
justify-content: space-between;
|
||||
position: relative;
|
||||
padding: 16px 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
justify-content: space-between;
|
||||
position: relative;
|
||||
padding: 16px 0;
|
||||
}
|
||||
|
||||
.noselect {
|
||||
-webkit-touch-callout: none; /* iOS Safari */
|
||||
-webkit-user-select: none; /* Safari */
|
||||
-khtml-user-select: none; /* Konqueror HTML */
|
||||
-moz-user-select: none; /* Old versions of Firefox */
|
||||
-ms-user-select: none; /* Internet Explorer/Edge */
|
||||
user-select: none; /* Non-prefixed version, currently
|
||||
supported by Chrome, Edge, Opera and Firefox */
|
||||
-webkit-touch-callout: none; /* iOS Safari */
|
||||
-webkit-user-select: none; /* Safari */
|
||||
-khtml-user-select: none; /* Konqueror HTML */
|
||||
-moz-user-select: none; /* Old versions of Firefox */
|
||||
-ms-user-select: none; /* Internet Explorer/Edge */
|
||||
user-select: none; /* Non-prefixed version, currently
|
||||
supported by Chrome, Edge, Opera and Firefox */
|
||||
}
|
||||
|
||||
.download-link {
|
||||
height: 32px;
|
||||
padding: 4px 15px;
|
||||
height: 32px;
|
||||
padding: 4px 15px;
|
||||
}
|
||||
|
||||
.ant-table-cell:has(.color-pale-green) {
|
||||
background-color: #98fb98;
|
||||
background-color: #98fb98;
|
||||
}
|
||||
|
||||
.ant-table-tbody > tr > td.ant-table-cell-row-hover:has( > div.color-pale-green) {
|
||||
background: #98fb98;
|
||||
background: #98fb98;
|
||||
}
|
||||
|
||||
.color-pale-green {
|
||||
background-color: #98fb98;
|
||||
background-color: #98fb98;
|
||||
}
|
||||
@ -1,69 +1,69 @@
|
||||
/* original from https://loading.io/css/ */
|
||||
|
||||
.lds-ripple {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
}
|
||||
.lds-ripple div {
|
||||
position: absolute;
|
||||
border: 4px solid rgb(226, 29, 29);
|
||||
opacity: 1;
|
||||
border-radius: 50%;
|
||||
animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
|
||||
position: absolute;
|
||||
border: 4px solid rgb(226, 29, 29);
|
||||
opacity: 1;
|
||||
border-radius: 50%;
|
||||
animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
|
||||
}
|
||||
.lds-ripple div:nth-child(2) {
|
||||
animation-delay: -0.5s;
|
||||
animation-delay: -0.5s;
|
||||
}
|
||||
@keyframes lds-ripple {
|
||||
0% {
|
||||
top: 36px;
|
||||
left: 36px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
opacity: 0;
|
||||
}
|
||||
0% {
|
||||
top: 36px;
|
||||
left: 36px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.loader-container{
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
}
|
||||
|
||||
.loader-content{
|
||||
grid-column-start: 1;
|
||||
grid-column-end: span 3;
|
||||
grid-row-start: 1;
|
||||
grid-column-start: 1;
|
||||
grid-column-end: span 3;
|
||||
grid-row-start: 1;
|
||||
}
|
||||
|
||||
.loader-overlay{
|
||||
grid-column-start: 1;
|
||||
grid-column-end: span 3;
|
||||
grid-row-start: 1;
|
||||
place-self: center;
|
||||
align-self: center;
|
||||
justify-self: center;
|
||||
z-index: 1;
|
||||
height: 80px;
|
||||
width: 80px;
|
||||
border-radius: 40px;
|
||||
grid-column-start: 1;
|
||||
grid-column-end: span 3;
|
||||
grid-row-start: 1;
|
||||
place-self: center;
|
||||
align-self: center;
|
||||
justify-self: center;
|
||||
z-index: 1;
|
||||
height: 80px;
|
||||
width: 80px;
|
||||
border-radius: 40px;
|
||||
}
|
||||
|
||||
.loader-fade{
|
||||
grid-column-start: 1;
|
||||
grid-column-end: span 3;
|
||||
grid-row-start: 1;
|
||||
background-color: rgba(255, 255, 255, 0.4);
|
||||
align-self: stretch;
|
||||
justify-self: stretch;
|
||||
z-index: 1;
|
||||
box-shadow: 0px 0px 6px 5px rgba(255, 254, 254, 0.4);
|
||||
grid-column-start: 1;
|
||||
grid-column-end: span 3;
|
||||
grid-row-start: 1;
|
||||
background-color: rgba(255, 255, 255, 0.4);
|
||||
align-self: stretch;
|
||||
justify-self: stretch;
|
||||
z-index: 1;
|
||||
box-shadow: 0px 0px 6px 5px rgba(255, 254, 254, 0.4);
|
||||
}
|
||||
|
||||
@ -1,49 +1,49 @@
|
||||
.event_message > td {
|
||||
font-size: 14px;
|
||||
padding: 1px 4px !important;
|
||||
border-bottom: 1px !important;
|
||||
font-size: 14px;
|
||||
padding: 1px 4px !important;
|
||||
border-bottom: 1px !important;
|
||||
}
|
||||
|
||||
.event_message .anticon{
|
||||
display: none;
|
||||
display: none;
|
||||
}
|
||||
.event_message:hover a{
|
||||
text-decoration: underline;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.event_message:hover .anticon{
|
||||
display: inherit;
|
||||
display: inherit;
|
||||
}
|
||||
|
||||
.event_message_off {
|
||||
color: #505050;
|
||||
background: #b5b5b5;
|
||||
color: #505050;
|
||||
background: #b5b5b5;
|
||||
}
|
||||
|
||||
.event_message_disabled {
|
||||
color: #656565;
|
||||
background: #b5b5b5;
|
||||
color: #656565;
|
||||
background: #b5b5b5;
|
||||
}
|
||||
|
||||
.event_message_1 {
|
||||
color: white;
|
||||
background: #ff3737;
|
||||
color: white;
|
||||
background: #ff3737;
|
||||
}
|
||||
|
||||
.event_message_2 {
|
||||
color: black;
|
||||
background: gold;
|
||||
color: black;
|
||||
background: gold;
|
||||
}
|
||||
|
||||
.event_message_3 {
|
||||
color: #c0c0c0;
|
||||
background: #505060;
|
||||
color: #c0c0c0;
|
||||
background: #505060;
|
||||
}
|
||||
|
||||
td.ant-table-column-sort {
|
||||
color: black;
|
||||
background-color: #fafafa;
|
||||
color: black;
|
||||
background-color: #fafafa;
|
||||
}
|
||||
|
||||
.ant-table-tbody > tr > td.ant-table-cell-row-hover {
|
||||
color: black;
|
||||
color: black;
|
||||
}
|
||||
|
||||
@ -1,30 +1,30 @@
|
||||
.event_message {
|
||||
font-size: 14px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.event_message_off {
|
||||
color: #505050;
|
||||
background: #b5b5b5;
|
||||
color: #505050;
|
||||
background: #b5b5b5;
|
||||
}
|
||||
|
||||
.event_message_disabled {
|
||||
color: #656565;
|
||||
background: #b5b5b5;
|
||||
color: #656565;
|
||||
background: #b5b5b5;
|
||||
}
|
||||
|
||||
.event_message_1 {
|
||||
color: white;
|
||||
background: #ff3737;
|
||||
color: white;
|
||||
background: #ff3737;
|
||||
}
|
||||
|
||||
.event_message_2 {
|
||||
color: black;
|
||||
background: gold;
|
||||
color: black;
|
||||
background: gold;
|
||||
}
|
||||
|
||||
.event_message_3,
|
||||
.event_message_3:hover {
|
||||
color: #c0c0c0;
|
||||
background: #505060;
|
||||
height: 1px;
|
||||
color: #c0c0c0;
|
||||
background: #505060;
|
||||
height: 1px;
|
||||
}
|
||||
@ -1,19 +1,19 @@
|
||||
.header-tree-select {
|
||||
width: 300px
|
||||
width: 300px
|
||||
}
|
||||
|
||||
.header-tree-select *{
|
||||
color: #fff;
|
||||
font-size: 1rem;
|
||||
color: #fff;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.header-tree-select{
|
||||
width: 300px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
width: 300px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.header-tree-select:hover{
|
||||
border: 1px solid rgba(255, 255, 255, 0.8);
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
border: 1px solid rgba(255, 255, 255, 0.8);
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
@ -1,5 +1,5 @@
|
||||
|
||||
@size: 9.9vh;
|
||||
|
||||
.number_widget {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user