work on logs, timetable, stats

2019-09-08 01:39:40 +02:00
parent 2d21ab2434
commit c68e21ee57
71 changed files with 19683 additions and 710 deletions
--- a/assets/public/styles.scss
+++ b/assets/public/styles.scss
@ -0,0 +1,135 @@
+@charset "utf-8";
+@import "~bulma/sass/utilities/_all.sass";
+
+$body-background-color: $light;
+
+@import "~bulma/bulma";
+
+.is-fullwidth { width: 100%; }
+.is-fixed-bottom {
+    position: fixed;
+    bottom: 0;
+    margin-bottom: 0px;
+    border-radius: 0;
+}
+.is-borderless { border: none; }
+
+.has-background-transparent {
+    background-color: transparent;
+}
+
+.navbar + .container {
+    margin-top: 1em;
+}
+
+.navbar.has-shadow, .navbar.is-fixed-bottom.has-shadow {
+    box-shadow: 0em 0em 1em rgba(0,0,0,0.1);
+}
+
+a.navbar-item.is-active {
+    border-bottom: 1px grey solid;
+}
+
+.navbar .navbar-dropdown {
+    z-index: 2000;
+}
+
+/*
+.navbar-brand img {
+    min-height: 6em;
+}
+
+.navbar-menu .navbar-item:not(:last-child) {
+    border-right: 1px $grey solid;
+}
+*/
+
+
+/** page **/
+.page {
+    & > .cover {
+        float: right;
+        max-width: 45%;
+    }
+
+    .header {
+        margin-bottom: 1.5em;
+    }
+
+    .headline {
+        font-size: 1.4em;
+        padding: 0.2em 0em;
+    }
+
+    p {
+        padding: 0.4em 0em;
+    }
+}
+
+section > .toolbar {
+    background-color: rgba(0,0,0,0.05);
+    padding: 1em;
+    margin-bottom: 1.5em;
+}
+
+
+main {
+    .cover {
+        margin: 1em 0em;
+        border: 0.2em black solid;
+    }
+
+    .small-cover {
+        width: 10em;
+    }
+}
+
+aside {
+    .small-cover {
+        width: 4em;
+    }
+
+    .media .subtitle {
+        font-size: 1em;
+    }
+
+    .media .content {
+        display: none;
+    }
+}
+
+
+.player {
+    box-shadow: 0em 1.5em 2.5em rgba(0, 0, 0, 0.6);
+
+    .media-left:not(:last-child) {
+        margin-right: 0em;
+    }
+
+    .media-cover {
+        border-left: 1px black solid;
+    }
+
+    .cover {
+        font-size: 1.5rem !important;
+        height: 2.5em !important;
+    }
+
+    .media-content {
+        padding-top: 0.4em;
+        padding-left: 0.4em;
+    }
+
+    .button {
+        font-size: 1.5rem !important;
+        height: 2.5em;
+        min-width: 2.5em;
+    }
+
+    .title {
+        margin: 0em;
+    }
+
+}
+
+