minor css fixes (mostly for zoom mode)

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

diff --git a/css/zoom.less b/css/zoom.less
index f33cd575bae14528c69ad88a02369ca4c3499883..347a44a7e3eefdcbb92b5f08f254b8280a1ed8dc 100644 (file)
--- a/css/zoom.less
+++ b/css/zoom.less
@@ -5,104 +5,104 @@ body.ttrss_zoom {
        max-width : 800px;
        background : #f5f5f5;
 
-       div.header {
-               margin : 10px;
-               padding-bottom : 10px;
-               border: 0px solid #eee;
-               border-bottom-width: 1px;
+       div.post {
+               border : 1px solid #ddd;
                background : white;
-               font-size : 12px;
-               color : #555;
-
-               .author {
-                       font-size : 11px;
-               }
+               box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
 
-               div.feed-title {
-                       float : left;
-                       text-align : right;
-               }
+               div.header {
+                       margin : 10px;
+                       padding-bottom : 10px;
+                       border: 0px solid #eee;
+                       border-bottom-width: 1px;
+                       background : white;
+                       font-size : 12px;
+                       color : #555;
 
-               a.postComments {
-                       text-align : right;
-               }
+                       .author {
+                               font-size : 11px;
+                       }
 
-               div.date {
-                       float : none;
-                       text-align : right;
-                       margin-bottom : 5px;
-               }
+                       div.feed-title {
+                               float : left;
+                               text-align : right;
+                       }
 
-               div.postTags {
+                       a.comments {
+                               text-align : right;
+                       }
 
-               }
+                       div.date {
+                               float : none;
+                               text-align : right;
+                               margin-bottom : 5px;
+                       }
 
-               div.postTags img {
-                       vertical-align : middle;
-               }
+                       div.tags {
 
-               div.postTitle {
-                       white-space : normal;
-                       font-size : 16px;
-                       margin-bottom : 5px;
-               }
+                       }
 
-       }
-       
-       p {
-               -webkit-hyphens: auto;
-               -moz-hyphens: auto;
-               hyphens: auto;
-       }
+                       div.tags img {
+                               vertical-align : middle;
+                       }
 
-       div.post {
-               border : 1px solid #ddd;
-               background : white;
-               box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
-       }
-
-       div.footer {
-               margin-top : 1em;
-               text-align : center;
-       }
-
-
-       div.content {
-               font-size : 15px;
-               line-height : 1.5;
-               padding : 10px;
-
-               img, video {
-                       max-width : 760px;
-                       height : auto;
+                       div.title {
+                               white-space : normal;
+                               font-size : 16px;
+                               margin-bottom : 5px;
+                       }
                }
 
-               blockquote {
-                       margin : 5px 0px 5px 0px;
-                       color : @default-text;
-                       padding-left : 10px;
-                       border: 0px solid #ccc;
-                       border-left-width: 4px;
+               p {
+                       -webkit-hyphens: auto;
+                       -moz-hyphens: auto;
+                       hyphens: auto;
                }
 
-               code {
-                       color : #009900;
-                       font-family : monospace;
-                       font-size : 12px;
+               div.footer {
+                       margin-top : 1em;
+                       text-align : center;
                }
 
-               pre {
-                       margin : 5px 0px 5px 0px;
+               div.content {
+                       font-size : 15px;
+                       line-height : 1.5;
                        padding : 10px;
-                       color : @default-text;
-                       font-family : monospace;
-                       font-size : 12px;
-                       border: 0px solid #ccc;
-                       background : #f5f5f5;
-                       display : block;
-                       max-width : 98%;
-                       overflow : auto;
+                       border-width : 0px;
+
+                       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;
+                       }
                }
        }
+
 }