108 lines
2.1 KiB
CSS
108 lines
2.1 KiB
CSS
.urbackup-tab {
|
|
padding: 10px;
|
|
}
|
|
|
|
.urbackup-tab h3 {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.urbackup-tab .warning {
|
|
color: #b00;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#urbackupTabs .nav-link {
|
|
font-weight: 600;
|
|
border-width: 2px;
|
|
padding: 8px 18px;
|
|
margin-right: 4px;
|
|
}
|
|
|
|
.plugin-urbackup-inner-tabs .nav-tabs {
|
|
display: flex !important;
|
|
flex-direction: row !important;
|
|
flex-wrap: nowrap !important;
|
|
overflow-x: auto;
|
|
width: 100%;
|
|
}
|
|
|
|
.plugin-urbackup-inner-tabs .nav-item {
|
|
display: inline-flex !important;
|
|
flex: 0 0 auto !important;
|
|
width: auto !important;
|
|
max-width: none !important;
|
|
}
|
|
|
|
.plugin-urbackup-inner-tabs .nav-link {
|
|
flex: 0 0 auto !important;
|
|
flex-grow: 0 !important;
|
|
flex-shrink: 0 !important;
|
|
flex-basis: auto !important;
|
|
width: auto !important;
|
|
max-width: none !important;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
@media (max-width: 575.98px) {
|
|
.plugin-urbackup-inner-tabs .nav-tabs {
|
|
flex-wrap: wrap !important;
|
|
overflow-x: visible;
|
|
}
|
|
}
|
|
|
|
#urbackupTabs .nav-link#state-tab {
|
|
color: #fff;
|
|
background-color: #4a4a4a;
|
|
border-color: #4a4a4a;
|
|
}
|
|
|
|
#urbackupTabs .nav-link#state-tab.active {
|
|
color: #fff;
|
|
background-color: #2d2d2d;
|
|
border-color: #2d2d2d;
|
|
}
|
|
|
|
#urbackupTabs .nav-link#actions-tab {
|
|
color: #fff;
|
|
background-color: #6c757d;
|
|
border-color: #6c757d;
|
|
}
|
|
|
|
#urbackupTabs .nav-link#actions-tab.active {
|
|
color: #fff;
|
|
background-color: #495057;
|
|
border-color: #495057;
|
|
}
|
|
|
|
#urbackupTabs .nav-link#logs-tab {
|
|
color: #fff;
|
|
background-color: #adb5bd;
|
|
border-color: #adb5bd;
|
|
}
|
|
|
|
#urbackupTabs .nav-link#logs-tab.active {
|
|
color: #fff;
|
|
background-color: #6c757d;
|
|
border-color: #6c757d;
|
|
}
|
|
|
|
/* Highlighted block: this asset hosts the UrBackup server */
|
|
.plugin-urbackup-host-card {
|
|
border: 2px solid #1e6091;
|
|
}
|
|
|
|
.plugin-urbackup-host-card .card-header.plugin-urbackup-host-card-header {
|
|
background-color: #1e6091;
|
|
color: #fff;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.plugin-urbackup-host-card .card-body {
|
|
background-color: #eaf3fa;
|
|
}
|
|
|
|
.plugin-urbackup-host-card .plugin-urbackup-host-server-link {
|
|
font-size: 1.05rem;
|
|
font-weight: 700;
|
|
}
|