Initial Commit

static/css/logview.css

@@ -0,0 +1,84 @@
+body {
+    background-color: #fff;
+    overflow-x: hidden;
+}
+
+/* Toolbar theming */
+md-toolbar.md-menu-toolbar {
+    min-height: 90px;
+}
+
+md-toolbar .md-toolbar-tools md-button,
+md-toolbar .md-toolbar-tools .md-button {
+    margin-top: 2rem;
+    color: rgb(0, 162, 232) !important;
+    font-size: 20px;
+    font-weight: 600;
+}
+
+table > tbody > tr:nth-child(odd) {
+    background-color: #f2f2f2;
+}
+
+table > tbody > tr:hover {
+    background-color: #d8ffff;
+}
+
+th {
+    padding-right: 4em;
+    width: 15%;
+    text-align: center;
+}
+
+th.count {
+    padding-right: 0;
+    max-width: 1%;
+    width: 1%;
+}
+
+td {
+    text-align: center;
+}
+
+md-input-container { 
+    margin: 18px 10px;
+    margin-top: 3rem;
+}
+md-input-container .md-input-focused { margin-top: 4rem; }
+
+.resetbtn {
+    width: unset;
+    margin-left: 5rem;
+    margin-top: 1rem;
+}
+
+.nav {
+    position: absolute; 
+    right: 2rem;
+    top: 1.5rem;
+}
+
+/* Cards/panels */
+
+md-card {
+    border-radius: 4px;
+    border-color: #ddd;
+}
+
+/* Media Queries */
+@media (min-width: 1280px) {
+    /* Add side spacing if the screen is big enough */
+    div.layout-column > md-card:first-of-type,
+    div.layout-row > md-card:first-of-type {
+        margin-left: 5rem;
+    }
+    div.layout-column > md-card:last-of-type,
+    div.layout-row > md-card:last-of-type {
+        margin-right: 5rem;
+    }
+
+    md-toolbar.md-menu-toolbar {
+        margin-left: 4rem;
+    }
+}
+

static/css/tablesort.css

@@ -0,0 +1,52 @@
+th.tablesort-sortable {
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -o-user-select: none;
+    user-select: none;
+    cursor: pointer;
+}
+
+table .tablesort-sortable:after{
+    content:"";
+    float:right;
+    margin-top:7px;
+    visibility:hidden;
+    border-left:4px solid transparent;
+    border-right:4px solid transparent;
+
+    border-top:none;
+    border-bottom:4px solid #000;
+}
+
+table .tablesort-desc:after{
+    border-top:4px solid #000;
+    border-bottom:none;
+}
+
+table .tablesort-asc,table .tablesort-desc{
+    background-color:rgba(141, 192, 219, 0.25);
+}
+
+table .tablesort-sortable:hover:after, table .tablesort-asc:after, table .tablesort-desc:after {
+    visibility:visible;
+}
+
+/*
+ * Styling for the table row shown in empty tables
+ */
+
+/* The row is always added as the first row in a table
+   Hide it by default */
+.showIfLast {
+    display: none;
+}
+
+/* Only show it if it is also the last row of the table. */
+.showIfLast:last-child {
+    display: table-row;
+}
+
+.showIfLast td {
+    text-align: center;
+}