add blockquote/zoom/pre styles to zoom.css
This commit is contained in:
parent
03700cb639
commit
94847c985b
55
css/zoom.css
55
css/zoom.css
|
@ -1,4 +1,4 @@
|
||||||
body#ttrssZoom {
|
body {
|
||||||
margin-left : auto;
|
margin-left : auto;
|
||||||
margin-right : auto;
|
margin-right : auto;
|
||||||
padding : 20px;
|
padding : 20px;
|
||||||
|
@ -6,20 +6,20 @@ body#ttrssZoom {
|
||||||
background : #f5f5f5;
|
background : #f5f5f5;
|
||||||
}
|
}
|
||||||
|
|
||||||
body#ttrssZoom div.postHeader div.postFeedTitle {
|
div.postHeader div.postFeedTitle {
|
||||||
float : left;
|
float : left;
|
||||||
text-align : right;
|
text-align : right;
|
||||||
padding-left : 0px;
|
padding-left : 0px;
|
||||||
font-size : 10px;
|
font-size : 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
body#ttrssZoom div.postHeader a.postComments {
|
div.postHeader a.postComments {
|
||||||
text-align : right;
|
text-align : right;
|
||||||
padding-left : 0px;
|
padding-left : 0px;
|
||||||
font-size : 10px;
|
font-size : 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
body#ttrssZoom div.postHeader div.postDate {
|
div.postHeader div.postDate {
|
||||||
float : none;
|
float : none;
|
||||||
text-align : right;
|
text-align : right;
|
||||||
padding-left : 0px;
|
padding-left : 0px;
|
||||||
|
@ -27,23 +27,23 @@ body#ttrssZoom div.postHeader div.postDate {
|
||||||
font-size : 10px;
|
font-size : 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
body#ttrssZoom div.postHeader div.postTags {
|
div.postHeader div.postTags {
|
||||||
color : #777;
|
color : #777;
|
||||||
font-size : 10px;
|
font-size : 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
body#ttrssZoom div.postHeader div.postTitle {
|
div.postHeader div.postTitle {
|
||||||
white-space : normal;
|
white-space : normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
body#ttrssZoom div.postContent p {
|
div.postContent p {
|
||||||
max-width : 650px;
|
max-width : 650px;
|
||||||
-webkit-hyphens: auto;
|
-webkit-hyphens: auto;
|
||||||
-moz-hyphens: auto;
|
-moz-hyphens: auto;
|
||||||
hyphens: auto;
|
hyphens: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
body#ttrssZoom div.postHeader {
|
div.postHeader {
|
||||||
margin : 10px;
|
margin : 10px;
|
||||||
border-width : 0px 0px 1px 0px;
|
border-width : 0px 0px 1px 0px;
|
||||||
border-style : solid;
|
border-style : solid;
|
||||||
|
@ -51,23 +51,48 @@ body#ttrssZoom div.postHeader {
|
||||||
background : white;
|
background : white;
|
||||||
}
|
}
|
||||||
|
|
||||||
body#ttrssZoom div.postReply {
|
div.postReply {
|
||||||
border : 1px solid #ddd;
|
border : 1px solid #ddd;
|
||||||
background : white;
|
background : white;
|
||||||
}
|
}
|
||||||
|
|
||||||
body#ttrssZoom div.postContent {
|
div.footer {
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
body#ttrssZoom div.footer {
|
|
||||||
margin-top : 1em;
|
margin-top : 1em;
|
||||||
text-align : center;
|
text-align : center;
|
||||||
}
|
}
|
||||||
|
|
||||||
body#ttrssZoom div.postContent img {
|
div.postContent img {
|
||||||
max-width : 650px;
|
max-width : 650px;
|
||||||
height : auto;
|
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;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue