add blockquote/zoom/pre styles to zoom.css

diff --git a/css/zoom.css b/css/zoom.css
index 01c7cc09061844864237de1690a708d3b3b99c2a..b71625fc49d3c450651e43cc9b2c86434ee43e68 100644 (file)
--- a/css/zoom.css
+++ b/css/zoom.css
@@ -1,4 +1,4 @@
-body#ttrssZoom {
+body {
        margin-left : auto;
        margin-right : auto;
        padding : 20px;
@@ -6,20 +6,20 @@ body#ttrssZoom {
        background : #f5f5f5;
 }
 
-body#ttrssZoom div.postHeader div.postFeedTitle {
+div.postHeader div.postFeedTitle {
        float : left;
        text-align : right;
        padding-left : 0px;
        font-size : 10px;
 }
 
-body#ttrssZoom div.postHeader a.postComments {
+div.postHeader a.postComments {
        text-align : right;
        padding-left : 0px;
        font-size : 10px;
 }
 
-body#ttrssZoom div.postHeader div.postDate {
+div.postHeader div.postDate {
        float : none;
        text-align : right;
        padding-left : 0px;
@@ -27,23 +27,23 @@ body#ttrssZoom div.postHeader div.postDate {
        font-size : 10px;
 }
 
-body#ttrssZoom div.postHeader div.postTags {
+div.postHeader div.postTags {
        color : #777;
        font-size : 10px;
 }
 
-body#ttrssZoom div.postHeader div.postTitle {
+div.postHeader div.postTitle {
        white-space : normal;
 }
 
-body#ttrssZoom div.postContent p {
+div.postContent p {
        max-width : 650px;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
 }
 
-body#ttrssZoom div.postHeader {
+div.postHeader {
        margin : 10px;
        border-width : 0px 0px 1px 0px;
        border-style : solid;
@@ -51,23 +51,48 @@ body#ttrssZoom div.postHeader {
        background : white;
 }
 
-body#ttrssZoom div.postReply {
+div.postReply {
        border : 1px solid #ddd;
        background : white;
 }
 
-body#ttrssZoom div.postContent {
-
-}
-
-body#ttrssZoom div.footer {
+div.footer {
        margin-top : 1em;
        text-align : center;
 }
 
-body#ttrssZoom div.postContent img {
+div.postContent img {
        max-width : 650px;
        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;
+       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;
+}