aboutsummaryrefslogtreecommitdiff
path: root/public/css
diff options
context:
space:
mode:
Diffstat (limited to 'public/css')
-rw-r--r--public/css/style.css0
-rw-r--r--public/css/styleadmin.css68
-rw-r--r--public/css/stylebase.css7
-rw-r--r--public/css/stylehome.css55
-rw-r--r--public/css/styleinfo.css80
-rw-r--r--public/css/stylemedia.css99
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"] {
generated by cgit v1.2.3 (git 2.25.1) at 2025-02-23 11:37:16 +0000