simple_gallery

commit b9cff911271ff6043577db495ee336008a200d42
parent 6695f4740af2b3e253bbebf7145a59256d7679e3
Author: sej <sej@sejdt.localhost>
Date:   Mon, 30 Sep 2024 18:38:37 +0200

CSS styles for the rendered output

Diffstat:
A
css/stylesheet.css
 | 
141
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

1 file changed, 141 insertions(+), 0 deletions(-)
diff --git a/css/stylesheet.css b/css/stylesheet.css
@@ -0,0 +1,141 @@
+.flex-container{
+    display: flex;
+    justify-content: center;
+}
+
+.wrap {
+    flex-wrap: wrap;
+}
+
+img {
+    height: 400px;
+    /* object-fit: contain; */
+}
+
+div.box {
+    margin: 2px 4px 2px 4px;
+}
+
+
+p {
+    font-family: sans-serif;
+}
+
+h1 {
+    font-family: sans-serif;
+    margin: 2ch;
+}
+
+body{
+    margin: 0 0 0 0;
+    background-color: black;
+    color: white;
+}
+
+body.index{
+    margin: 0;
+}
+
+div.gallery {
+    margin: 5px;
+    float: left;
+    height: 450px;
+    width: 600px;
+}
+
+div.desc {
+    padding: 1ch;
+    text-align: center;
+}
+
+p.desc {
+    margin: 0;
+    padding: 0 1vw 0 1vw;
+}
+p.imgdesc {
+    margin: 0;
+    text-align: right;
+    padding: 0 1vw 0 1vw;
+}
+
+img.preview {
+    height: 400px;
+    display: block;
+    /*
+    margin-left: auto;
+    margin-right: auto;
+    */
+}
+
+img.viewer {
+    height: 100vh;
+    width: 100vw;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    object-fit: contain;
+}
+
+#navbar a.right{
+    float: right;
+    background-color: #888;
+    color: white;
+    text-align: right;
+}
+
+#navbar a.right p {
+    padding-right: 25vw;
+    margin: 0;
+}
+
+#navbar {
+    overflow: hidden;
+    background-color: transparent;
+    position: fixed;
+    top: 0;
+    width: 100%;
+}
+
+#navbar a {
+    float: right;
+    display: block;
+    height: 5vh;
+    text-decoration: none;
+    background-color: black;
+    color: white;
+    text-align: left;
+    width: 50%;
+    font-size: 100%;
+}
+
+#navbar a p {
+    padding-left: 50%;
+    margin: 0;
+}
+
+#navbar a.np {
+    margin: 0;
+    background-color: transparent;
+    height: 80vh;
+}
+
+#navbar a.half {
+    width: 50%;
+}
+
+#navbar a.quarter {
+    width: 25%;
+}
+
+footer {
+    margin: 10em 4em 1em 4em;
+}
+
+footer img {
+    width: auto;
+    height: auto;
+}
+
+a {
+    color: white;
+}