rework some styles related to three panel mode

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

diff --git a/css/zoom.less b/css/zoom.less
index 18d80f9226b1b56c0ea95038435f947b5af0da1a..f33cd575bae14528c69ad88a02369ca4c3499883 100644 (file)
--- a/css/zoom.less
+++ b/css/zoom.less
@@ -2,45 +2,49 @@ body.ttrss_zoom {
        margin-left : auto;
        margin-right : auto;
        padding : 20px;
-       max-width : 770px;
+       max-width : 800px;
        background : #f5f5f5;
 
-       div.postHeader {
+       div.header {
                margin : 10px;
                padding-bottom : 10px;
                border: 0px solid #eee;
                border-bottom-width: 1px;
                background : white;
+               font-size : 12px;
+               color : #555;
 
-               div.postFeedTitle {
+               .author {
+                       font-size : 11px;
+               }
+
+               div.feed-title {
                        float : left;
                        text-align : right;
-                       padding-left : 0px;
-                       font-size : 11px;
                }
 
                a.postComments {
                        text-align : right;
-                       padding-left : 0px;
-                       font-size : 11px;
                }
 
-               div.postDate {
+               div.date {
                        float : none;
                        text-align : right;
-                       padding-left : 0px;
-                       color : #777;
-                       font-size : 11px;
+                       margin-bottom : 5px;
                }
 
                div.postTags {
-                       color : #777;
-                       font-size : 11px;
+
+               }
+
+               div.postTags img {
+                       vertical-align : middle;
                }
 
                div.postTitle {
                        white-space : normal;
                        font-size : 16px;
+                       margin-bottom : 5px;
                }
 
        }
@@ -51,11 +55,10 @@ body.ttrss_zoom {
                hyphens: auto;
        }
 
-       div.postReply {
+       div.post {
                border : 1px solid #ddd;
                background : white;
                box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
-               border-radius : 6px;
        }
 
        div.footer {
@@ -64,13 +67,13 @@ body.ttrss_zoom {
        }
 
 
-       div.postContent {
+       div.content {
                font-size : 15px;
                line-height : 1.5;
                padding : 10px;
 
-               img {
-                       max-width : 730px;
+               img, video {
+                       max-width : 760px;
                        height : auto;
                }