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,56 +5,52 @@ body.ttrss_zoom {
 	max-width : 770px;
 	background : #f5f5f5;

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

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

-	div.postHeader div.postDate {
-		float : none;
-		text-align : right;
-		padding-left : 0px;
-		color : #777;
-		font-size : 11px;
-	}
+		a.postComments {
+			text-align : right;
+			padding-left : 0px;
+			font-size : 11px;
+		}

-	div.postHeader div.postTags {
-		color : #777;
-		font-size : 11px;
-	}
+		div.postDate {
+			float : none;
+			text-align : right;
+			padding-left : 0px;
+			color : #777;
+			font-size : 11px;
+		}

-	div.postHeader div.postTitle {
-		white-space : normal;
-		font-size : 16px;
-	}
+		div.postTags {
+			color : #777;
+			font-size : 11px;
+		}

-	div.postContent {
-		font-size : 15px;
-		line-height : 1.5;
-	}
+		div.postTitle {
+			white-space : normal;
+			font-size : 16px;
+		}

-	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 {
-		max-width : 730px;
-		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 {
+		font-size : 15px;
+		line-height : 1.5;
+		padding : 10px;

-	div.postContent code {
-		color : #009900;
-		font-family : monospace;
-		font-size : 12px;
-	}
+		img {
+			max-width : 730px;
+			height : auto;
+		}

-	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;
+		blockquote {
+			margin : 5px 0px 5px 0px;
+			color : #555;
+			padding-left : 10px;
+			border: 0px solid #ccc;
+			border-left-width: 4px;
+		}
+
+		code {
+			color : #009900;
+			font-family : monospace;
+			font-size : 12px;
+		}
+
+		pre {
+			margin : 5px 0px 5px 0px;
+			padding : 10px;
+			color : #555;
+			font-family : monospace;
+			font-size : 12px;
+			border: 0px solid #ccc;
+			background : #f5f5f5;
+			display : block;
+			max-width : 98%;
+			overflow : auto;
+		}
 	}
 }