ttrss_zoom: fix CSS
This commit is contained in:
parent
bd66541325
commit
31e2811a63
3 changed files with 72 additions and 72 deletions
|
@ -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
140
css/zoom.less
140
css/zoom.less
|
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue