moved all stativ JavaScript and CSS files into their own directories

the_works/static/the_works.css

@@ -1,214 +0,0 @@
-@charset "UTF-8";
-
-/* add nice gradient to the header*/ 
-body>header {
-  background-image: linear-gradient(to right, rgba(255, 239, 186, .7), var(--pico-background-color));
-}
-
-[data-theme=light],
-:root:not([data-theme=dark]),
-:host(:not([data-theme=dark])) {
-  /* adapt the header gradient for dark mode */  
-  body>header {
-    background-image: linear-gradient(to right, #ffefba, var(--pico-background-color));
-  }
-}
-
-@media only screen and (prefers-color-scheme: dark) {
-  :root:not([data-theme]),
-  :host(:not([data-theme])) {
-  }
-}
-
-
-/* on smaller screens, give the main menu dropdown an absolute position so it stretches over the content instead of pushing the content down */    
-@media (max-width: 767px) {
-  ul#navbar {
-    position: absolute;
-    top: 50px    
-  }
-}
-
-nav {
-  a {
-    --pico-text-decoration: none;
-  }
-  
-  ul {
-    margin-left: 0;
-    margin-right: 0;
-
-    li#li-subtitle { 
-      padding: 0;
-    }
-
-    li.sun-moon-li {
-      padding-right: 0;
-    }
-
-    li[aria-current=page]>a,
-    li[aria-current=page]>details>summary>a {
-      text-decoration: underline;
-    }
-
-    a {
-      font-size: 1rem;
-      font-weight: bold;
-      text-align: right;
-    }
-
-    details.dropdown {
-      margin-block-end: calc(var(--pico-spacing) * -1);
-
-      >summary:not([role]) a,
-      li a {
-        color: var(--pico-primary);
-      }
-
-      >summary:not([role]) {
-        background-color: inherit;
-        border: none;
-        padding-top: var(--pico-form-element-spacing-vertical);
-      }
-    }
-
-    li a {
-      text-align: left;
-    }
-  }
-}
-
-/* change color of sun icon to white*/
-#sun-moon:not(:checked)::before {
-  background-color: var(--pico-color);
-}
-
-/* change background & border color of theme toggle */
-#sun-moon:not([aria-invalid]) {
-  background-color: var(--pico-primary-background);
-  border-color: var(--pico-primary-border);
-}
-
-table.dataTable span.dt-column-order::before,
-table.dataTable span.dt-column-order::after
-{
-  line-height: var(--pico-line-height) !important;
-}
-
-/* make search field expand to ca. half width */
-.dt-container div:first-child > .dt-layout-cell,
-.dt-container div:first-child .dt-search {
-  flex-grow: 1;
-}
-
-table.dataTable td.action {
-  padding: calc(var(--pico-spacing) / 2) var(--pico-spacing);
-}
-
-.dt-search input[type="search"] {
-  background-image: none;
-}
-
-svg {
-  height: 1.5em;
-}
-
-.required:after {
-  content: " *";
-  color: #cf0000;
-}
-
-label:has([type="checkbox"]) {
-  width: 100%;
-}
-
-#navbar li[aria-current=page]>a,
-#navbar li[aria-current=page]>details>summary>a {
-  text-decoration: underline;
-}
-
-/* correct inconsistent margins when using <details> in a form */ 
-label > :where(div) {
-  margin-top: calc(var(--pico-spacing) * 0.25);
-}
-
-label:has(details.dropdown) {
-  margin-bottom: calc(var(--pico-spacing) * 1.25);
-}
-
-/* filter out elements by search */
-.filtered-out {
-  display: none;
-}
-
-/* placeholder for <summary> */ 
-summary:empty::before {
-  content: attr(data-default);
-}
-
-/* badge styles for the selected items of a dropdown select field built with <details> and <summary> */  
-.dropdown-badge {
-  background-color: var(--pico-primary);
-  color: var(--pico-background-color);
-  font-size: .8em;
-  padding: calc(var(--pico-form-element-spacing-vertical) * .5) calc(var(--pico-form-element-spacing-horizontal) * .5);
-  margin: calc(var(--pico-spacing) * .25);
-  cursor: default;
-  text-wrap: nowrap;
-  position: relative;
-}
-
-.dropdown-badge-close {
-  cursor: pointer;  
-  font-size: 1.5em;
-  position: relative;
-  vertical-align: sub;
-}
-
-form:not([novalidate]) input:user-valid[type="search"] {
-  border-color: inherit;
-  background-image: none;
-}
-
-/* style for Klappentext tooltips */
-[data-tooltip][data-placement="bottom"]::after, 
-[data-tooltip][data-placement="bottom"]::before  {
-  white-space: pre-line;
-  max-width: 400px;
-}
-
-#titelbild-pic {
-  width: 128px;
-  height: 128px;
-  border: var(--pico-border-width) solid var(--pico-table-border-color);
-  text-align: center;
-
-  img {
-    object-fit: contain;
-    height: 128px;
-  } 
-}
-
-
-#titelbild-placeholder {
-  width: fit-content;
-  margin: auto;
-
-  svg {
-    height: 128px;
-  }
-}
-
-#titelbild-controls {
-  margin-top: var(--pico-form-element-spacing-vertical);
-}
-
-#titelbild-delete {
-  padding: calc(var(--pico-form-element-spacing-vertical) * .5) var(--pico-form-element-spacing-horizontal);
-  margin-bottom: var(--pico-form-element-spacing-vertical);
-}
-
-.display-none {
-  display: none;
-}
-