ttrss_zoom: fix CSS

This commit is contained in:
Andrew Dolgov 2017-12-03 19:55:19 +03:00
parent bd66541325
commit 31e2811a63
3 changed files with 72 additions and 72 deletions

View file

@ -638,7 +638,7 @@ class Article extends Handler_Protected {
<link rel=\"shortcut icon\" type=\"image/png\" href=\"images/favicon.png\"> <link rel=\"shortcut icon\" type=\"image/png\" href=\"images/favicon.png\">
<link rel=\"icon\" type=\"image/png\" sizes=\"72x72\" href=\"images/favicon-72px.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\">"; $rv['content'] .= "<div class=\"postReply\" id=\"POST-$id\">";

File diff suppressed because one or more lines are too long

View file

@ -5,56 +5,52 @@ body.ttrss_zoom {
max-width : 770px; max-width : 770px;
background : #f5f5f5; background : #f5f5f5;
div.postHeader div.postFeedTitle { div.postHeader {
float : left; margin : 10px;
text-align : right; padding-bottom : 10px;
padding-left : 0px; border: 0px solid #eee;
font-size : 11px; border-bottom-width: 1px;
} background : white;
div.postHeader a.postComments { div.postFeedTitle {
text-align : right; float : left;
padding-left : 0px; text-align : right;
font-size : 11px; padding-left : 0px;
} font-size : 11px;
}
div.postHeader div.postDate { a.postComments {
float : none; text-align : right;
text-align : right; padding-left : 0px;
padding-left : 0px; font-size : 11px;
color : #777; }
font-size : 11px;
}
div.postHeader div.postTags { div.postDate {
color : #777; float : none;
font-size : 11px; text-align : right;
} padding-left : 0px;
color : #777;
font-size : 11px;
}
div.postHeader div.postTitle { div.postTags {
white-space : normal; color : #777;
font-size : 16px; font-size : 11px;
} }
div.postContent { div.postTitle {
font-size : 15px; white-space : normal;
line-height : 1.5; font-size : 16px;
} }
div.postContent p { }
p {
-webkit-hyphens: auto; -webkit-hyphens: auto;
-moz-hyphens: auto; -moz-hyphens: auto;
hyphens: auto; hyphens: auto;
} }
div.postHeader {
margin : 10px;
border-width : 0px 0px 1px 0px;
border-style : solid;
border-color : #eee;
background : white;
}
div.postReply { div.postReply {
border : 1px solid #ddd; border : 1px solid #ddd;
background : white; background : white;
@ -67,39 +63,43 @@ body.ttrss_zoom {
text-align : center; text-align : center;
} }
div.postContent img {
max-width : 730px;
height : auto;
}
div.postContent blockquote { div.postContent {
margin : 5px 0px 5px 0px; font-size : 15px;
color : #555; line-height : 1.5;
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; padding : 10px;
color : #555;
font-family : monospace; img {
font-size : 12px; max-width : 730px;
border-width : 0px; height : auto;
border-color : #ccc; }
border-style : solid;
background : #f5f5f5; blockquote {
display : block; margin : 5px 0px 5px 0px;
max-width : 98%; color : #555;
overflow : auto; 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;
}
} }
} }