Media stayling in basic theme

diff --git a/client/assets/css/style.css b/client/assets/css/style.css
index c828e96c96563d3cd7dddc84ed40a1c04c90a6a3..e5001ec6bfe03708e70ef9e09904d7921ccd08e3 100644 (file)
--- a/client/assets/css/style.css
+++ b/client/assets/css/style.css
@@ -1244,6 +1244,39 @@ html, body { height:100%; }
 #kiwi.theme_basic.narrow .messages .msg .text { margin-left: 1em; border:none; }
 #kiwi.theme_basic.narrow .messages .msg.action .text { margin-left: 1em; }
 
+#kiwi.theme_basic .messages .msg .media { margin-left:0.5em; }
+#kiwi.theme_basic .messages .msg .media a { text-decoration:none; }
+#kiwi.theme_basic .messages .msg .media .media_close { font-size:0.9em; }
+#kiwi.theme_basic .messages .msg .media .media_content { margin:10px 0 0 2em; overflow:hidden; }
+#kiwi.theme_basic .messages .msg .media .media_content img { padding:3px; border:1px solid gray; }
+#kiwi.theme_basic .messages .msg .media .media_content > .content {
+    background: white;
+    overflow: hidden;
+    padding: 10px;
+    border: #DDD 1px solid;
+    border-top-color: #EEE;
+    border-bottom-color: #BBB;
+    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
+    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15);
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
+    border-radius: 5px;
+    float: left;
+}
+
+#kiwi.theme_basic .messages .msg .media.twitter .media_content > .content {
+    background: transparent;
+    border:none;
+    overflow: hidden;
+    box-shadow: none;
+    padding: 0;
+}
+#kiwi.theme_basic .messages .msg .media.reddit .thumbnail_nsfw {
+    display: inline-block;
+    float: left;
+}
+#kiwi.theme_basic .messages .msg .media.reddit .thumbnail { float:left; margin-right: 0.5em; }
+
+
 
 #kiwi.theme_basic #memberlists {
     background-color: #DADADA;