1 files changed, 103 insertions, 0 deletions
diff --git a/assets/css/css_old/stylemedia.css b/assets/css/css_old/stylemedia.css
new file mode 100644
index 0000000..d721a9b
--- /dev/null
+++ b/assets/css/css_old/stylemedia.css
@@ -0,0 +1,103 @@
+article {
+    border: 1px var(--color4) solid;
+    margin: 2px;
+    padding:  2px;
+    border: ridge;
+    max-width:  700px;
+    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%;
+}
+
+
+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;
+}
+
+
+#mediatable {
+    background-color: var(--color3);
+}
+
+#mediatable tr:hover {
+    background-color: var(--color1);
+}
+
+#mediatable th {
+    background-color: var(--color1);
+    border: ridge 1px grey;
+}
+
+.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"] {
+    width: unset;
+    padding:  unset;
+    margin: unset;
+    height:  unset;
+}
+
+
+
+@media (max-width: 600px) {
+    nav {
+        width:  unset;
+        position:  relative;
+        display: block;
+    }
+
+    div#menu {
+        display:  block;
+    }
+}
+\ No newline at end of file