2.6 media update + new skin + lot of bugs fixies

6 files changed, 248 insertions, 61 deletions

diff --git a/public/css/style.css b/public/css/style.css
deleted file mode 100644
index e69de29..0000000
--- a/public/css/style.css
+++ /dev/null
diff --git a/public/css/styleadmin.css b/public/css/styleadmin.css
index aacca33..a3fcc5c 100644
--- a/public/css/styleadmin.css
+++ b/public/css/styleadmin.css
@@ -1,3 +1,71 @@
+section {
+    margin-bottom:  100px;
+}
+
+article {
+    border: 1px var(--color4) solid;
+    margin: 2px;
+    padding:  2px;
+    border: ridge;
+    max-width:  500px;
+    background-color: var(--color3);
+}
+
+h1 {
+    border: ridge;
+    background-color: var(--color1);
+}
+
+h2 {
+    margin-top:  0;
+    margin-bottom: 5px;
+}
+
+
+form {
+    display: inline-grid;
+    width: 98%;
+    margin: 1%;
+}
+
+textarea#cssarea {
+    height: 400px;
+}
+
+label {
+    font-weight: bold;
+    font-style: italic;
+}
+
+summary {
+    background-color: var(--color1);
+    border: outset;
+    font-weight: bold;
+}
+
+summary:focus {
+    outline: none;
+}
+
+details {
+    background-color: var(--color1);
+    border: 1px var(--color4) solid;
+}
+
+
+
+@media (max-width: 600px) {
+    nav {
+        width:  unset;
+        position:  relative;
+        display: block;
+    }
+
+    div#menu {
+        display:  block;
+    }
+}
+
 
 @media (max-width: 600px) {
     nav {
diff --git a/public/css/stylebase.css b/public/css/stylebase.css
index 581994d..c733e79 100644
--- a/public/css/stylebase.css
+++ b/public/css/stylebase.css
@@ -1,13 +1,14 @@
 :root {
     --color1: lightgrey;
     --color2: lightslategrey;
-    --color3: white;
+    --color3: #ececec;
     --color4: grey;
 }
 
 body {
     margin: 0;
     font-family: monospace;
+    background-color: var(--color4);
 }
 
 
@@ -26,7 +27,7 @@ nav {
     right: 0;
     z-index: 10;
     background-color: var(--color1);
-    border: ridge 1px grey;
+    border: ridge;
 }
 
 div#menu {
@@ -42,7 +43,7 @@ nav a {
 }
 
 nav a:hover {
-    background-color: var(--color2);
+    background-color: var(--color3);
 }
 
 nav #loginpass {
diff --git a/public/css/stylehome.css b/public/css/stylehome.css
index beaae93..aa8daf2 100644
--- a/public/css/stylehome.css
+++ b/public/css/stylehome.css
@@ -1,39 +1,51 @@
-div#options {
-    background-color: var(--color1);
+section.home {
+    margin-top: 27px;
+    display: inline-flex;
+    width: 100%;
 }
 
-#home2table {
+div#main {
+    border:  ridge;
+    height: fit-content;
+    margin: 5px;
     background-color: var(--color3);
 }
 
-header {
-    background-color: var(--color1);
-}
+div#options {
+    border: ridge;
+    margin:  5px;
+    background-color:  var(--color3);
+    width: 15%;
+    list-style:  none;
+    max-width:  200px;
 
+}
 
+fieldset {
+    background-color:  var(--color1);
+    border: outset;
+}
 
+legend {
+    font-weight: bold;
+}
 
-section.home {
-    margin-top: 20px;
-    display: inline-flex;
-    width: 100%;
+div#massedit {
+    background-color:  var(--color1);
 }
 
 header {
     position:  fixed;
     width:  100%;
-    border: ridge 1px grey;
+    border: ridge;
+    background-color:  var(--color1);
 }
 
-
-div#options {
-    width: 15%;
-    list-style:  none;
-}
-
-
-#home2table {
-    width: 85%;
+h2 {
+    font-size:  large;
+    margin: 0;
+    border:  outset;
+    background-color:  var(--color1);
 }
 
 #options ul {
@@ -42,6 +54,9 @@ div#options {
     padding:  0;
 }
 
+#home2table {
+    background-color: var(--color3);
+}
 
 #home2table tr:hover {
     background-color: var(--color1);
diff --git a/public/css/styleinfo.css b/public/css/styleinfo.css
new file mode 100644
index 0000000..a3fcc5c
--- /dev/null
+++ b/public/css/styleinfo.css
@@ -0,0 +1,80 @@
+section {
+    margin-bottom:  100px;
+}
+
+article {
+    border: 1px var(--color4) solid;
+    margin: 2px;
+    padding:  2px;
+    border: ridge;
+    max-width:  500px;
+    background-color: var(--color3);
+}
+
+h1 {
+    border: ridge;
+    background-color: var(--color1);
+}
+
+h2 {
+    margin-top:  0;
+    margin-bottom: 5px;
+}
+
+
+form {
+    display: inline-grid;
+    width: 98%;
+    margin: 1%;
+}
+
+textarea#cssarea {
+    height: 400px;
+}
+
+label {
+    font-weight: bold;
+    font-style: italic;
+}
+
+summary {
+    background-color: var(--color1);
+    border: outset;
+    font-weight: bold;
+}
+
+summary:focus {
+    outline: none;
+}
+
+details {
+    background-color: var(--color1);
+    border: 1px var(--color4) solid;
+}
+
+
+
+@media (max-width: 600px) {
+    nav {
+        width:  unset;
+        position:  relative;
+        display: block;
+    }
+
+    div#menu {
+        display:  block;
+    }
+}
+
+
+@media (max-width: 600px) {
+    nav {
+        width:  unset;
+        position:  relative;
+        display: block;
+    }
+
+    div#menu {
+        display:  block;
+    }
+}
\ No newline at end of file
diff --git a/public/css/stylemedia.css b/public/css/stylemedia.css
index a2f9800..d721a9b 100644
--- a/public/css/stylemedia.css
+++ b/public/css/stylemedia.css
@@ -1,61 +1,84 @@
-section {
-    padding: 0;
+article {
+    border: 1px var(--color4) solid;
+    margin: 2px;
+    padding:  2px;
+    border: ridge;
+    max-width:  700px;
+    background-color: var(--color3);
 }
 
-.infobulle {
-    display: none;
+h1 {
+    border: ridge;
+    background-color: var(--color1);
 }
 
-.little:hover .infobulle {
-    display: inline-block;
-    position: relative;
-    background-color: white;
-    z-index: 5;
-    top: 5px;
-    width: 300px;
-    font-family: monospace;
-    font-size: 0.9em;
-    line-height: 1.1em;
+h2 {
+    margin-top:  0;
+    margin-bottom: 5px;
 }
 
-span.infobulle img {
-    width: 100%;
+
+form {
+    display: inline-grid;
+    width: 98%;
+    margin: 1%;
 }
 
-.grid {
-    display: flex;
-    flex-wrap: wrap;
-    padding: 4%;
-    margin-right: 120px;
-    list-style: none;
 
+label {
+    font-weight: bold;
+    font-style: italic;
 }
 
-.little {
-    width: 100px;
-    height: 150px;
-    margin: 10px;
-    background-color: white;
+summary {
+    background-color: var(--color1);
+    border: outset;
+    font-weight: bold;
+}
 
+summary:focus {
+    outline: none;
 }
 
-.infobulle input[type="text"] {
-    font-family:  monospace;
-    font-size:  0.9em;
-    margin: 3px;
+details {
+    background-color: var(--color1);
+    border: 1px var(--color4) solid;
 }
 
-img.thumbnail {
-    max-width: 100%;
-    max-height: 100px;
+
+#mediatable {
+    background-color: var(--color3);
+}
+
+#mediatable tr:hover {
+    background-color: var(--color1);
 }
 
-section.gest {
-    padding-bottom: 300px;
+#mediatable th {
+    background-color: var(--color1);
+    border: ridge 1px grey;
 }
 
-input[type="file"] {
-    font-size: 1.3em;
+.tooltip span {
+    display: none;
+    color: #000;
+    text-decoration: none;
+    padding: 3px;
+}
+
+.tooltip:hover span {
+    display: block;
+    position: absolute;
+    background-color: var(--color3);
+    border: ridge;
+    margin-left: 30px;
+    margin-top: 0px;
+}
+
+
+img.thumbnail {
+    max-width: 100%;
+    max-height: 150px;
 }
 
 input[type="checkbox"] {