diff --git a/src/core/static/css/main.css b/src/core/static/css/main.css index 0c94461..ba98841 100644 --- a/src/core/static/css/main.css +++ b/src/core/static/css/main.css @@ -18,6 +18,46 @@ z-index: -999; } +#master-container { + height: 85vh; + overflow-x: hidden; + overflow-y: auto; +} + +#files { + margin-bottom: 6em; +} + + + +/* CLASSES */ +.scroller { + scrollbar-color: #00000084 #ffffff64; + scrollbar-width: thin; +} + +.volume-control-positioner { + position: absolute; + bottom: 2em; + right: 50%; + left: 50%; +} + + + + +.dir-style, .video-style, .image-style, .file-style { + height: auto; + width: 24vw; + position: relative; + max-width: 20em; +} + + + + + + /* Other message text colors */ .errorTxt { color: rgb(170, 18, 18); } .warningTxt { color: rgb(255, 168, 0); } diff --git a/src/core/static/css/overrides.css b/src/core/static/css/overrides.css new file mode 100644 index 0000000..f431ccc --- /dev/null +++ b/src/core/static/css/overrides.css @@ -0,0 +1,40 @@ +ul, li { + list-style: none; +} + +/* Vertical slider */ +input[type=range][orient=vertical] { + writing-mode: bt-lr; /* IE */ + -webkit-appearance: slider-vertical; /* WebKit */ + width: 8px; + height: 175px; + padding: 0 5px; +} + + + +#video-container::-webkit-media-controls { + display: none !important; +} + +#video-container::-webkit-media-controls-enclosure { + display: none !important; +} + + + + +.modal-content { + background-color: #32383e74; + border-color: #f8940674; +} + +.sticky-top, +.card { + background-color: rgba(50, 56, 62, 0.84); +} + +.label-as-badge { + border-radius: 1em; + cursor: pointer; +} diff --git a/src/core/templates/layout.html b/src/core/templates/layout.html index 7d776e3..046246c 100644 --- a/src/core/templates/layout.html +++ b/src/core/templates/layout.html @@ -67,7 +67,7 @@ {% endblock %} -
+
{% with messages = get_flashed_messages(with_categories=true) %} {% if messages %} diff --git a/src/core/templates/pages/index.html b/src/core/templates/pages/index.html index b66f78b..9f79b44 100644 --- a/src/core/templates/pages/index.html +++ b/src/core/templates/pages/index.html @@ -14,13 +14,13 @@ {% endblock body_header_additional %} {% block body_content_additional %} -
+
{% for file in files %} -
+
{{file[0]}}
- + {{file[0]}}