strip_harmful_tags: remove data- attributes

[tt-rss.git] / css / zoom.less

diff --git a/css/zoom.less b/css/zoom.less
index c84e1b170a79ec7ad20f21dea92d7eebeadb5fb2..789b6dbfc324785dd935ecb636ee1977b01c7c62 100644 (file)
--- a/css/zoom.less
+++ b/css/zoom.less
@@ -2,64 +2,63 @@ body.ttrss_zoom {
        margin-left : auto;
        margin-right : auto;
        padding : 20px;
-       max-width : 770px;
+       max-width : 800px;
        background : #f5f5f5;
 
-       div.postHeader div.postFeedTitle {
-               float : left;
-               text-align : right;
-               padding-left : 0px;
-               font-size : 11px;
-       }
+       div.postHeader {
+               margin : 10px;
+               padding-bottom : 10px;
+               border: 0px solid #eee;
+               border-bottom-width: 1px;
+               background : white;
+               font-size : 12px;
+               color : #555;
 
-       div.postHeader a.postComments {
-               text-align : right;
-               padding-left : 0px;
-               font-size : 11px;
-       }
+               .author {
+                       font-size : 11px;
+               }
 
-       div.postHeader div.postDate {
-               float : none;
-               text-align : right;
-               padding-left : 0px;
-               color : #777;
-               font-size : 11px;
-       }
+               div.postFeedTitle {
+                       float : left;
+                       text-align : right;
+               }
 
-       div.postHeader div.postTags {
-               color : #777;
-               font-size : 11px;
-       }
+               a.postComments {
+                       text-align : right;
+               }
 
-       div.postHeader div.postTitle {
-               white-space : normal;
-               font-size : 16px;
-       }
+               div.postDate {
+                       float : none;
+                       text-align : right;
+                       margin-bottom : 5px;
+               }
 
-       div.postContent {
-               font-size : 15px;
-               line-height : 1.5;
-       }
+               div.postTags {
+
+               }
 
-       div.postContent p {
+               div.postTags img {
+                       vertical-align : middle;
+               }
+
+               div.postTitle {
+                       white-space : normal;
+                       font-size : 16px;
+                       margin-bottom : 5px;
+               }
+
+       }
+       
+       p {
                -webkit-hyphens: auto;
                -moz-hyphens: auto;
                hyphens: auto;
        }
 
-       div.postHeader {
-               margin : 10px;
-               border-width : 0px 0px 1px 0px;
-               border-style : solid;
-               border-color : #eee;
-               background : white;
-       }
-
        div.postReply {
                border : 1px solid #ddd;
                background : white;
                box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
-               border-radius : 6px;
        }
 
        div.footer {
@@ -67,41 +66,43 @@ body.ttrss_zoom {
                text-align : center;
        }
 
-       div.postContent img {
-               max-width : 730px;
-               height : auto;
-       }
-
-       div.postContent blockquote {
-               margin : 5px 0px 5px 0px;
-               color : #555;
-               padding-left : 10px;
-               border-width : 0px 0px 0px 4px;
-               border-color : #ccc;
-               border-style : solid;
-       }
 
-       div.postContent code {
-               color : #009900;
-               font-family : monospace;
-               font-size : 12px;
-       }
-
-       div.postContent pre {
-               margin : 5px 0px 5px 0px;
+       div.postContent {
+               font-size : 15px;
+               line-height : 1.5;
                padding : 10px;
-               color : #555;
-               font-family : monospace;
-               font-size : 12px;
-               border-width : 0px;
-               border-color : #ccc;
-               border-style : solid;
-               background : #f5f5f5;
-               display : block;
-               max-width : 98%;
-               overflow : auto;
-       }
-
 
+               img, video {
+                       max-width : 760px;
+                       height : auto;
+               }
+
+               blockquote {
+                       margin : 5px 0px 5px 0px;
+                       color : @default-text;
+                       padding-left : 10px;
+                       border: 0px solid #ccc;
+                       border-left-width: 4px;
+               }
+
+               code {
+                       color : #009900;
+                       font-family : monospace;
+                       font-size : 12px;
+               }
+
+               pre {
+                       margin : 5px 0px 5px 0px;
+                       padding : 10px;
+                       color : @default-text;
+                       font-family : monospace;
+                       font-size : 12px;
+                       border: 0px solid #ccc;
+                       background : #f5f5f5;
+                       display : block;
+                       max-width : 98%;
+                       overflow : auto;
+               }
+       }
 }