kopia lustrzana https://github.com/OpenDroneMap/WebODM
306 wiersze
9.2 KiB
CSS
306 wiersze
9.2 KiB
CSS
{% load settings %}
|
|
{% theme "primary" as theme_primary %}
|
|
{% theme "secondary" as theme_secondary %}
|
|
{% theme "tertiary" as theme_tertiary %}
|
|
{% theme "button_primary" as theme_button_primary %}
|
|
{% theme "button_default" as theme_button_default %}
|
|
{% theme "button_danger" as theme_button_danger %}
|
|
{% theme "header_background" as theme_header_background %}
|
|
{% theme "header_primary" as theme_header_primary %}
|
|
{% theme "border" as theme_border %}
|
|
{% theme "highlight" as theme_highlight %}
|
|
{% theme "dialog_warning" as theme_dialog_warning %}
|
|
{% theme "success" as theme_success %}
|
|
{% theme "failed" as theme_failed %}
|
|
|
|
/* Primary */
|
|
body,
|
|
ul#side-menu.nav a,
|
|
.console,
|
|
.alert,
|
|
.form-control,
|
|
.dropdown-menu > li > a,
|
|
.theme-color-primary,
|
|
{
|
|
color: {{ theme_primary }};
|
|
}
|
|
.theme-border-primary{
|
|
border-color: {{ theme_primary }};
|
|
}
|
|
.tooltip .tooltip-inner{
|
|
background-color: {{ theme_primary }};
|
|
}
|
|
.tooltip.left .tooltip-arrow{ border-left-color: {{ theme_primary }}; }
|
|
.tooltip.top .tooltip-arrow{ border-top-color: {{ theme_primary }}; }
|
|
.tooltip.bottom .tooltip-arrow{ border-bottom-color: {{ theme_primary }}; }
|
|
.tooltip.right .tooltip-arrow{ border-right-color: {{ theme_primary }}; }
|
|
|
|
.theme-fill-primary{
|
|
fill: {{ theme_primary }};
|
|
}
|
|
.theme-stroke-primary{
|
|
stroke: {{ theme_primary }};
|
|
}
|
|
|
|
/* Secondary */
|
|
body,
|
|
.navbar-default,
|
|
.console,
|
|
.alert,
|
|
.modal-content,
|
|
.form-control,
|
|
.dropdown-menu,
|
|
.theme-secondary
|
|
{
|
|
background-color: {{ theme_secondary }};
|
|
}
|
|
|
|
.tooltip > .tooltip-inner{
|
|
color: {{ theme_secondary }};
|
|
}
|
|
|
|
.alert.close:hover{
|
|
color: {% complementary theme_secondary %};
|
|
}
|
|
.alert.close:focus{
|
|
color: {% complementary theme_secondary %};
|
|
}
|
|
|
|
.pagination li > a,
|
|
.pagination .disabled > a,
|
|
.pagination .disabled > a:hover, .pagination .disabled > a:focus{
|
|
color: {% scaleby theme_primary 0.7 %};
|
|
background-color: {{ theme_secondary }};
|
|
border-color: {% scaleby theme_secondary 0.7 %};
|
|
}
|
|
.pagination li > a{
|
|
color: {{ theme_primary }};
|
|
}
|
|
.theme-border-secondary-07{
|
|
border-color: {% scaleby theme_secondary 0.7 %} !important;
|
|
}
|
|
|
|
.btn-secondary, .btn-secondary:active, .open>.dropdown-toggle.btn-secondary{
|
|
background-color: {{ theme_secondary }};
|
|
border-color: {{ theme_secondary }};
|
|
color: {{ theme_primary }};
|
|
}
|
|
|
|
.btn-secondary:hover, .open>.dropdown-toggle.btn-secondary:hover,
|
|
.btn-secondary:active, .open>.dropdown-toggle.btn-secondary:active,
|
|
.btn-secondary:focus, .open>.dropdown-toggle.btn-secondary:focus{
|
|
background-color: {% scalebyiv theme_secondary 0.90 %};
|
|
border-color: {% scalebyiv theme_secondary 0.90 %};
|
|
color: {{ theme_primary }};
|
|
}
|
|
|
|
|
|
/* Tertiary */
|
|
a, a:hover, a:focus{
|
|
color: {{ theme_tertiary }};
|
|
}
|
|
.progress-bar-success{
|
|
background-color: {{ theme_tertiary }};
|
|
}
|
|
|
|
/* Button primary */
|
|
#navbar-top .navbar-top-links a:hover,
|
|
#navbar-top .navbar-top-links a:focus,
|
|
#navbar-top .navbar-top-links .open > a{
|
|
background-color: {{ theme_button_primary }};
|
|
color: {{ theme_secondary }};
|
|
}
|
|
|
|
#navbar-top ul#side-menu a:focus{
|
|
background-color: inherit;
|
|
color: inherit;
|
|
}
|
|
|
|
#navbar-top ul#side-menu a:hover, #navbar-top ul#side-menu a.active:hover{
|
|
background-color: {{ theme_button_primary }};
|
|
color: {{ theme_secondary }};
|
|
}
|
|
|
|
.btn-primary, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary{
|
|
background-color: {{ theme_button_primary }};
|
|
border-color: {{ theme_button_primary }};
|
|
color: {{ theme_secondary }};
|
|
}
|
|
|
|
.btn-primary:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover,
|
|
.btn-primary:active, .btn-primary.active:active, .open>.dropdown-toggle.btn-primary:active,
|
|
.btn-primary:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus,
|
|
.btn-primary[disabled]:hover, .btn-primary.active[disabled]:hover, .open>.dropdown-toggle.btn-primary[disabled]:hover,
|
|
.btn-primary[disabled]:focus, .btn-primary.active[disabled]:focus, .open>.dropdown-toggle.btn-primary[disabled]:focus,
|
|
.btn-primary[disabled]:active, .btn-primary.active[disabled]:active, .open>.dropdown-toggle.btn-primary[disabled]:active,
|
|
background-color: {% scalebyiv theme_button_primary 0.90 %};
|
|
border-color: {% scalebyiv theme_button_primary 0.90 %};
|
|
color: {{ theme_secondary }};
|
|
}
|
|
|
|
/* Button default */
|
|
.btn-default, .btn-default:active, .open>.dropdown-toggle.btn-default{
|
|
background-color: {{ theme_button_default }};
|
|
border-color: {{ theme_button_default }};
|
|
color: {{ theme_secondary }};
|
|
|
|
}
|
|
.btn-default:hover, .open>.dropdown-toggle.btn-default:hover,
|
|
.btn-default:active, .open>.dropdown-toggle.btn-default:active,
|
|
.btn-default:focus, .open>.dropdown-toggle.btn-default:focus,
|
|
.btn-default[disabled]:hover, .open>.dropdown-toggle.btn-default[disabled]:hover,
|
|
.btn-default[disabled]:focus, .open>.dropdown-toggle.btn-default[disabled]:focus,
|
|
.btn-default[disabled]:active, .open>.dropdown-toggle.btn-default[disabled]:active{
|
|
background-color: {% scalebyiv theme_button_default 0.90 %};
|
|
border-color: {% scalebyiv theme_button_default 0.90 %};
|
|
color: {{ theme_secondary }};
|
|
}
|
|
|
|
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus,
|
|
.pagination .active > a:hover, .pagination .active > a:focus,
|
|
.pagination li > a:hover, .pagination li > a:focus{
|
|
background-color: {{ theme_button_default }};
|
|
color: {{ theme_secondary }};
|
|
}
|
|
|
|
/* Button danger */
|
|
.btn-danger, .btn-danger:active, .open>.dropdown-toggle.btn-danger{
|
|
background-color: {{ theme_button_danger }};
|
|
border-color: {{ theme_button_danger }};
|
|
color: {{ theme_secondary }};
|
|
}
|
|
.btn-danger:hover, .open>.dropdown-toggle.btn-danger:hover,
|
|
.btn-danger:active, .open>.dropdown-toggle.btn-danger:active,
|
|
.btn-danger:focus, .open>.dropdown-toggle.btn-danger:focus,
|
|
.btn-danger[disabled]:hover, .open>.dropdown-toggle.btn-danger[disabled]:hover,
|
|
.btn-danger[disabled]:active, .open>.dropdown-toggle.btn-danger[disabled]:active,
|
|
.btn-danger[disabled]:focus, .open>.dropdown-toggle.btn-danger[disabled]:focus{
|
|
background-color: {% scalebyiv theme_button_danger 0.90 %};
|
|
border-color: {% scalebyiv theme_button_danger 0.90 %};
|
|
color: {{ theme_secondary }};
|
|
}
|
|
|
|
.theme-color-button-danger{
|
|
color: {{ theme_button_danger }};
|
|
}
|
|
|
|
.theme-color-button-primary{
|
|
color: {{ theme_button_primary }};
|
|
}
|
|
|
|
/* Header background */
|
|
#navbar-top{
|
|
background-color: {{ theme_header_background }};
|
|
}
|
|
|
|
/* Header primary */
|
|
.navbar-default .navbar-link,
|
|
#navbar-top .navbar-top-links a.dropdown-toggle,
|
|
#navbar-top .navbar-text{
|
|
color: {{ theme_header_primary }};
|
|
}
|
|
.navbar-default .navbar-link:hover,
|
|
#navbar-top .navbar-top-links a.dropdown-toggle:hover{
|
|
color: {{ theme_secondary }};
|
|
}
|
|
|
|
/* Border */
|
|
.sidebar ul li,
|
|
.project-list-item,
|
|
#page-wrapper,
|
|
table-bordered>thead>tr>th, .table-bordered>thead>tr>th, table-bordered>tbody>tr>th, .table-bordered>tbody>tr>th, table-bordered>tfoot>tr>th, .table-bordered>tfoot>tr>th, table-bordered>thead>tr>td, .table-bordered>thead>tr>td, table-bordered>tbody>tr>td, .table-bordered>tbody>tr>td, table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>td,
|
|
footer,
|
|
.modal-content,
|
|
.modal-header,
|
|
.modal-footer,
|
|
.dropdown-menu
|
|
{
|
|
border-color: {{ theme_border }};
|
|
}
|
|
.dropdown-menu .divider{
|
|
background-color: {{ theme_border }};
|
|
}
|
|
.popover-title{
|
|
border-bottom-color: {{ theme_border }};
|
|
}
|
|
.theme-border{
|
|
border-color: {{ theme_border }} !important;
|
|
}
|
|
|
|
/* Highlight */
|
|
.task-list-item:nth-child(odd),
|
|
.table-striped>tbody>tr:nth-of-type(odd),
|
|
select.form-control option[disabled],
|
|
.theme-background-highlight{
|
|
background-color: {{ theme_highlight }};
|
|
}
|
|
.dropdown-menu > li > a:hover,
|
|
.dropdown-menu > li > a:focus{
|
|
background-color: {{ theme_highlight }};
|
|
color: {{ theme_primary }};
|
|
}
|
|
pre.prettyprint,
|
|
.form-control{
|
|
border-color: {{ theme_highlight }};
|
|
}
|
|
pre.prettyprint:focus,
|
|
.form-control:focus
|
|
border-color: {% scalebyiv theme_highlight 0.7 %};
|
|
}
|
|
|
|
/* Dialog warning */
|
|
.alert-warning{
|
|
border-color: {{ theme_dialog_warning }};
|
|
}
|
|
|
|
/* Success */
|
|
.task-list-item .status-label.done, .theme-background-success{
|
|
background-color: {{ theme_success }};
|
|
}
|
|
|
|
/* Failed */
|
|
.task-list-item .status-label.error, .theme-background-failed{
|
|
background-color: {{ theme_failed }};
|
|
}
|
|
|
|
/* ModelView.jsx specific */
|
|
.model-view #potree_sidebar_container .dropdown-menu > li > a{
|
|
color: {{ theme_primary }};
|
|
}
|
|
|
|
/* MapView.jsx specific */
|
|
.leaflet-bar a, .leaflet-control > a{
|
|
background-color: {{ theme_secondary }} !important;
|
|
border-color: {{ theme_secondary }} !important;
|
|
color: {{ theme_primary }} !important;
|
|
}
|
|
|
|
.leaflet-bar a:hover, .leaflet-control > a:hover{
|
|
background-color: {% scalebyiv theme_secondary 0.90 %} !important;
|
|
border-color: {% scalebyiv theme_secondary 0.90 %} !important;
|
|
}
|
|
|
|
.leaflet-popup-content-wrapper{
|
|
background-color: {{ theme_secondary }} !important;
|
|
color: {{ theme_primary }} !important;
|
|
}
|
|
.leaflet-popup-content-wrapper a{
|
|
color: {{ theme_tertiary }} !important;
|
|
}
|
|
|
|
.leaflet-container a.leaflet-popup-close-button{
|
|
color: {{ theme_primary }} !important;
|
|
}
|
|
.leaflet-container a.leaflet-popup-close-button:hover{
|
|
color: {% complementary theme_secondary %} !important;
|
|
}
|
|
|
|
.tag-badge{
|
|
background-color: {{ theme_button_default }};
|
|
border-color: {{ theme_button_default }};
|
|
color: {{ theme_secondary }};
|
|
}
|
|
|
|
.tag-badge a, .tag-badge a:hover{
|
|
color: {{ theme_secondary }};
|
|
} |