add a webkit hack to hopefully improve headlines-frame scrolling speed

[tt-rss.git] / css / zoom.css

diff --git a/css/zoom.css b/css/zoom.css
index d8d865d9c638097d4529bc8cb0a49be67ac4d540..7cc15b649c563a67406dc63613c09b9736c816c0 100644 (file)
--- a/css/zoom.css
+++ b/css/zoom.css
@@ -2,7 +2,7 @@ body#ttrssZoom {
        margin-left : auto;
        margin-right : auto;
        padding : 20px;
-       max-width : 670px;
+       max-width : 770px;
        background : #f5f5f5;
 }
 
@@ -10,13 +10,13 @@ body#ttrssZoom div.postHeader div.postFeedTitle {
        float : left;
        text-align : right;
        padding-left : 0px;
-       font-size : 10px;
+       font-size : 11px;
 }
 
 body#ttrssZoom div.postHeader a.postComments {
        text-align : right;
        padding-left : 0px;
-       font-size : 10px;
+       font-size : 11px;
 }
 
 body#ttrssZoom div.postHeader div.postDate {
@@ -24,16 +24,22 @@ body#ttrssZoom div.postHeader div.postDate {
        text-align : right;
        padding-left : 0px;
        color : #777;
-       font-size : 10px;
+       font-size : 11px;
 }
 
 body#ttrssZoom div.postHeader div.postTags {
        color : #777;
-       font-size : 10px;
+       font-size : 11px;
 }
 
 body#ttrssZoom div.postHeader div.postTitle {
        white-space : normal;
+       font-size : 16px;
+}
+
+body#ttrssZoom div.postContent {
+       font-size : 15px;
+       line-height : 1.5;
 }
 
 body#ttrssZoom div.postContent p {
@@ -47,17 +53,15 @@ body#ttrssZoom div.postHeader {
        margin : 10px;
        border-width : 0px 0px 1px 0px;
        border-style : solid;
-       border-color #eee;
+       border-color : #eee;
        background : white;
 }
 
 body#ttrssZoom div.postReply {
-       border : 1px solid #eee;
+       border : 1px solid #ddd;
        background : white;
-}
-
-body#ttrssZoom div.postContent {
-
+       box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
+       border-radius : 6px;
 }
 
 body#ttrssZoom div.footer {
@@ -66,8 +70,37 @@ body#ttrssZoom div.footer {
 }
 
 body#ttrssZoom div.postContent img {
-       max-width : 650px;
+       max-width : 730px;
        height : auto;
 } 
 
+body#ttrssZoom 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;
+}
+
+body#ttrssZoom div.postContent code {
+       color : #009900;
+       font-family : monospace;
+       font-size : 12px;
+}
+
+body#ttrssZoom 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;
+}