ttrss_zoom: fix CSS

7 years ago · 31e2811a63
parent bd66541325
commit 31e2811a63
3 changed files with 71 additions and 71 deletions
--- a/classes/article.php
+++ b/classes/article.php
@ -638,7 +638,7 @@ class Article extends Handler_Protected {
 						<link rel=\"shortcut icon\" type=\"image/png\" href=\"images/favicon.png\">
 						<link rel=\"icon\" type=\"image/png\" sizes=\"72x72\" href=\"images/favicon-72px.png\">

-					</head><body class=\"claro ttrss_zoom\">";
+					</head><body class=\"claro ttrss_utility ttrss_zoom\">";
 			}

 			$rv['content'] .= "<div class=\"postReply\" id=\"POST-$id\">";
--- a/css/default.css
+++ b/css/default.css
--- a/css/zoom.less
+++ b/css/zoom.less
@ -5,20 +5,27 @@ body.ttrss_zoom {
 	max-width : 770px;
 	background : #f5f5f5;

-	div.postHeader div.postFeedTitle {
+	div.postHeader {
+		margin : 10px;
+		padding-bottom : 10px;
+		border: 0px solid #eee;
+		border-bottom-width: 1px;
+		background : white;
+
+		div.postFeedTitle {
 			float : left;
 			text-align : right;
 			padding-left : 0px;
 			font-size : 11px;
 		}

-	div.postHeader a.postComments {
+		a.postComments {
 			text-align : right;
 			padding-left : 0px;
 			font-size : 11px;
 		}

-	div.postHeader div.postDate {
+		div.postDate {
 			float : none;
 			text-align : right;
 			padding-left : 0px;
@ -26,35 +33,24 @@ body.ttrss_zoom {
 			font-size : 11px;
 		}

-	div.postHeader div.postTags {
+		div.postTags {
 			color : #777;
 			font-size : 11px;
 		}

-	div.postHeader div.postTitle {
+		div.postTitle {
 			white-space : normal;
 			font-size : 16px;
 		}

-	div.postContent {
-		font-size : 15px;
-		line-height : 1.5;
 	}
 	
-	div.postContent p {
+	p {
 		-webkit-hyphens: auto;
 		-moz-hyphens: auto;
 		hyphens: auto;
 	}

-	div.postHeader {
-		margin : 10px;
-		border-width : 0px 0px 1px 0px;
-		border-style : solid;
-		border-color : #eee;
-		background : white;
-	}
-
 	div.postReply {
 		border : 1px solid #ddd;
 		background : white;
@ -67,39 +63,43 @@ body.ttrss_zoom {
 		text-align : center;
 	}

-	div.postContent img {
+
+	div.postContent {
+		font-size : 15px;
+		line-height : 1.5;
+		padding : 10px;
+
+		img {
 			max-width : 730px;
 			height : auto;
 		}

-	div.postContent blockquote {
+		blockquote {
 			margin : 5px 0px 5px 0px;
 			color : #555;
 			padding-left : 10px;
-		border-width : 0px 0px 0px 4px;
-		border-color : #ccc;
-		border-style : solid;
+			border: 0px solid #ccc;
+			border-left-width: 4px;
 		}

-	div.postContent code {
+		code {
 			color : #009900;
 			font-family : monospace;
 			font-size : 12px;
 		}

-	div.postContent pre {
+		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;
+			border: 0px solid #ccc;
 			background : #f5f5f5;
 			display : block;
 			max-width : 98%;
 			overflow : auto;
 		}
+	}
 }