From: Andrew Dolgov Date: Tue, 28 Jan 2014 12:12:17 +0000 (+0400) Subject: add blockquote/zoom/pre styles to zoom.css X-Git-Tag: 1.12~81 X-Git-Url: https://git.wh0rd.org/?a=commitdiff_plain;h=94847c985be2b21d6bcd301befd337644a10d694;p=tt-rss.git add blockquote/zoom/pre styles to zoom.css --- diff --git a/css/zoom.css b/css/zoom.css index 01c7cc09..b71625fc 100644 --- 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; +}