tweak utility/zoom main content css

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

diff --git a/css/zoom.css b/css/zoom.css
index 166361a70d4809e94ba81625d9535313801201b1..aa1e39f45eb5501bcfc24e5fcfc426eb2816be24 100644 (file)
--- a/css/zoom.css
+++ b/css/zoom.css
@@ -34,6 +34,7 @@ body#ttrssZoom div.postHeader div.postTags {
 
 body#ttrssZoom div.postHeader div.postTitle {
        white-space : normal;
+       font-size : 16px;
 }
 
 body#ttrssZoom div.postContent p {
@@ -45,16 +46,16 @@ body#ttrssZoom div.postContent p {
 
 body#ttrssZoom div.postHeader {
        margin : 10px;
-       border : 1px solid #eee;
+       border-width : 0px 0px 1px 0px;
+       border-style : solid;
+       border-color #eee;
+       background : white;
 }
 
 body#ttrssZoom div.postReply {
-       border : 1px solid #eee;
+       border : 1px solid #ddd;
        background : white;
-}
-
-body#ttrssZoom div.postContent {
-
+       box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
 }
 
 body#ttrssZoom div.footer {
@@ -63,8 +64,37 @@ body#ttrssZoom div.footer {
 }
 
 body#ttrssZoom div.postContent img {
-       max-width : 650px;
+       max-width : 630px;
        height : auto;
 } 
 
+body#ttrssZoom 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;
+}
+
+body#ttrssZoom div.postContent code {
+       color : #009900;
+       font-family : monospace;
+       font-size : 12px;
+}
+
+body#ttrssZoom div.postContent pre {
+       margin : 5px 0px 5px 0px;
+       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;
+}