Show images differently.

[Sone.git] / src / main / resources / static / css / sone.css

diff --git a/src/main/resources/static/css/sone.css b/src/main/resources/static/css/sone.css
index 1e400fb..1cb2e95 100644 (file)
--- a/src/main/resources/static/css/sone.css
+++ b/src/main/resources/static/css/sone.css
@@ -656,17 +656,24 @@ textarea {
        display: table-row;
 }
 
+#sone .image-container {
+       width: 200px;
+       height: 200px;
+       overflow: hidden;
+       padding: -1px;
+       border: solid 1px #000;
+}
+
 #sone .image {
        width: 200px;
        height: 150px;
        display: table-cell;
-       vertical-align: middle;
+       vertical-align: top;
        text-align: center;
        padding: 0.5ex;
 }
 
 #sone .image img, #sone .single-image img {
-       padding: 1ex;
        border: solid 1px #000;
        background-color: #fff;
 }
@@ -679,6 +686,14 @@ textarea {
        width: 95%;
 }
 
+#sone .image .image-title {
+       font-weight: bold;
+}
+
+#sone .image .image-description {
+       text-align: left;
+}
+
 #sone .backlinks .separator {
        display: inline;
 }