gallery: add image description bar

[i3/i3.github.io] / css / style.css

diff --git a/css/style.css b/css/style.css
index 017745c633b387c5c209d0fde3749c8a6dacd23d..30d413dad7ae7161e354a19341cd26610a794b81 100644 (file)
--- a/css/style.css
+++ b/css/style.css
@@ -322,6 +322,27 @@ img {
     background-image: url('/img/nextbtn.png');
 }
 
+#imgdesc {
+    position: fixed;
+    left: 64px;
+    bottom: 0;
+    background-color: #333;
+    width: 100%;
+    padding-top: 1em;
+    padding-bottom: 1em;
+    padding-left: 2em;
+    border: 1px solid #555;
+    border-bottom: 0;
+}
+
+#imgdesc .filename {
+    font-weight: bold;
+}
+
+#imgdesc .description {
+    padding-left: 1em;
+}
+
 /* clearfix */
 .clearfix:after {
     content: ".";