mirror of
https://gitlab.ub.uni-bielefeld.de/sfb1288inf/nopaque.git
synced 2024-11-15 09:15:41 +00:00
84 lines
7.0 KiB
Django/Jinja
84 lines
7.0 KiB
Django/Jinja
{% import "_colors.html.j2" as colors %}
|
|
|
|
{% if current_user.is_authenticated %}
|
|
<link href="{{ url_for('static', filename='css/sidenav_fixed.css') }}" media="screen,projection" rel="stylesheet">
|
|
{% endif %}
|
|
<link href="{{ url_for('static', filename='css/nopaque_icons.css') }}" media="screen,projection" rel="stylesheet">
|
|
<link href="{{ url_for('static', filename='css/sticky_footer.css') }}" media="screen,projection" rel="stylesheet">
|
|
<link href="{{ url_for('static', filename='css/materialize_fixes.css') }}" media="screen,projection" rel="stylesheet">
|
|
<link href="{{ url_for('static', filename='css/nopaque.css') }}" media="screen,projection" rel="stylesheet">
|
|
<style>
|
|
.primary-color {background-color: {{ colors['primary'] }} !important;}
|
|
.primary-color-border {border-color: {{ colors['primary'] }} !important;}
|
|
.primary-color-text {color: {{ colors['primary'] }} !important;}
|
|
.primary-variant-color {background-color: {{ colors['primary_variant'] }} !important;}
|
|
.primary-variant-color-border {border-color: {{ colors['primary_variant'] }} !important;}
|
|
.primary-variant-color-text {color: {{ colors['primary_variant'] }} !important;}
|
|
|
|
.secondary-color {background-color: {{ colors['secondary'] }} !important;}
|
|
.secondary-color-border {border-color: {{ colors['secondary'] }} !important;}
|
|
.secondary-color-text {color: {{ colors['secondary'] }} !important;}
|
|
.secondary-variant-color {background-color: {{ colors['secondary_variant'] }} !important;}
|
|
.secondary-variant-color-border {border-color: {{ colors['secondary_variant'] }} !important;}
|
|
.secondary-variant-color-text {color: {{ colors['secondary_variant'] }} !important;}
|
|
|
|
.background-color {background-color: {{ colors['background'] }} !important;}
|
|
.background-color-border {border-color: {{ colors['background'] }} !important;}
|
|
.background-color-text {color: {{ colors['background'] }} !important;}
|
|
|
|
.surface-color {background-color: {{ colors['surface'] }} !important;}
|
|
.surface-color-border {border-color: {{ colors['surface'] }} !important;}
|
|
.surface-color-text {color: {{ colors['surface'] }} !important;}
|
|
|
|
.error-color {background-color: {{ colors['error'] }} !important;}
|
|
.error-color-border {border-color: {{ colors['error'] }} !important;}
|
|
.error-color-text {color: {{ colors['error'] }} !important;}
|
|
|
|
main .btn, main .btn-small, main .btn-large, main .btn-floating {background-color: {{ colors['secondary'] }};}
|
|
main .btn:hover, main .btn-large:hover, main .btn-small:hover, main .btn-floating:hover {background-color: {{ colors['secondary_variant'] }};}
|
|
main .pagination li.active {background-color: {{ colors['secondary'] }};}
|
|
main .table-of-contents a.active {border-color: {{ colors['secondary'] }};}
|
|
main .tabs .tab a {color: inherit;}
|
|
main .tabs .tab.disabled a, main .tabs .tab.disabled a:hover {color: {{ colors['secondary'] }}28;}
|
|
main .tabs .tab a:hover {color: {{ colors['secondary'] }};}
|
|
main .tabs .tab a.active, main .tabs .tab a:focus.active {color: {{ colors['secondary'] }}; background-color: {{ colors['secondary'] }}28;}
|
|
main .tabs .indicator {background-color: {{ colors['secondary'] }};}
|
|
|
|
{% for service in ['file-setup', 'ocr', 'nlp', 'corpus-analysis'] %}
|
|
{% set service_color = colors['service_' + service.replace('-', '_')] %}
|
|
{% set service_color_darken = colors['service_' + service.replace('-', '_') + '_darken'] %}
|
|
{% set service_color_lighten = colors['service_' + service.replace('-', '_') + '_lighten'] %}
|
|
.service-scheme[data-service="{{ service }}"] {background-color: {{ service_color_lighten }};}
|
|
.service-scheme[data-service="{{ service }}"] .btn, .service-scheme[data-service="{{ service }}"] .btn-small, .service-scheme[data-service="{{ service }}"] .btn-large, .service-scheme[data-service="{{ service }}"] .btn-floating {background-color: {{ service_color_darken }};}
|
|
.service-scheme[data-service="{{ service }}"] .btn:hover, .service-scheme[data-service="{{ service }}"] .btn-large:hover, .service-scheme[data-service="{{ service }}"] .btn-small:hover, .service-scheme[data-service="{{ service }}"] .btn-floating:hover {background-color: {{ service_color }};}
|
|
.service-scheme[data-service="{{ service }}"] .pagination li.active {background-color: {{ service_color_darken }};}
|
|
.service-scheme[data-service="{{ service }}"] .table-of-contents a.active {border-color: {{ service_color_darken }};}
|
|
.service-scheme[data-service="{{ service }}"] .tabs .tab a {color: inherit;}
|
|
.service-scheme[data-service="{{ service }}"] .tabs .tab.disabled a, .service-scheme[data-service="{{ service }}"] .tabs .tab.disabled a:hover {color: {{ service_color_darken }}28;}
|
|
.service-scheme[data-service="{{ service }}"] .tabs .tab a:hover {color: {{ service_color_darken }};}
|
|
.service-scheme[data-service="{{ service }}"] .tabs .tab a.active, .service-scheme[data-service="{{ service }}"] .tabs .tab a:focus.active {color: {{ service_color_darken }}; background-color: {{ service_color_darken }}28;}
|
|
.service-scheme[data-service="{{ service }}"] .tabs .indicator {background-color: {{ service_color_darken }};}
|
|
|
|
.service-color[data-service="{{ service }}"] {background-color: {{ service_color }} !important;}
|
|
.service-color-text[data-service="{{ service }}"] {color: {{ service_color }} !important;}
|
|
.service-color-border[data-service="{{ service }}"] {border-color: {{ service_color }} !important;}
|
|
.service-color[data-service="{{ service }}"].darken {background-color: {{ service_color_darken }} !important;}
|
|
.service-color-text[data-service="{{ service }}"].text-darken {color: {{ service_color_darken }} !important;}
|
|
.service-color-border[data-service="{{ service }}"].border-darken {border-color: {{ service_color_darken }} !important;}
|
|
.service-color[data-service="{{ service }}"].lighten {background-color: {{ service_color_lighten }} !important;}
|
|
.service-color-text[data-service="{{ service }}"].text-lighten {color: {{ service_color_lighten }} !important;}
|
|
.service-color-border[data-service="{{ service }}"].border-lighten {border-color: {{ service_color_lighten }} !important;}
|
|
{% endfor %}
|
|
|
|
.status-color[data-status="unprepared"] {background-color: {{ colors.status_unprepared }} !important;}
|
|
.status-color[data-status="submitted"] {background-color: {{ colors.status_submitted }} !important;}
|
|
.status-color[data-status="queued"] {background-color: {{ colors.status_queued }} !important;}
|
|
.status-color[data-status="running"] {background-color: {{ colors.status_running }} !important;}
|
|
.status-color[data-status="complete"] {background-color: {{ colors.status_complete }} !important;}
|
|
.status-color[data-status="failed"] {background-color: {{ colors.status_failed }} !important;}
|
|
.status-color[data-status="prepared"] {background-color: {{ colors.status_prepared }} !important;}
|
|
.status-color[data-status="start analysis"] {background-color: {{ colors.status_start_analysis }} !important;}
|
|
.status-color[data-status="analysing"] {background-color: {{ colors.status_analysing }} !important;}
|
|
.status-color[data-status="stop analysis"] {background-color: {{ colors.status_stop_analysis }} !important;}
|
|
</style>
|