add blockquote/zoom/pre styles to zoom.css

1 files changed, 40 insertions, 15 deletions

diff --git a/css/zoom.css b/css/zoom.css
index 01c7cc090..b71625fc4 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;
+}