minor spacer/whiteBox appearance tweaks

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

diff --git a/css/tt-rss.css b/css/tt-rss.css
index 67e8aca7edff7689975bc6919c3f4866eec49074..1f8c36bf05ad8241e2b2fd6d58c48282a93f8fcc 100644 (file)
--- a/css/tt-rss.css
+++ b/css/tt-rss.css
@@ -27,7 +27,7 @@ div.postReply div.postTitle {
        font-weight : 600;
        text-rendering: optimizelegibility;
        font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
-               "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
+               "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
                Helvetica, Arial, sans-serif;
 }
 
@@ -82,7 +82,7 @@ h1 {
        font-weight : 600;
        text-rendering: optimizelegibility;
        font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
-               "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
+               "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
                Helvetica, Arial, sans-serif;
 }
 
@@ -94,7 +94,7 @@ h2 {
        border-color : #ecf4ff;
        text-rendering: optimizelegibility;
        font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
-               "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
+               "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
                Helvetica, Arial, sans-serif;
 }
 
@@ -106,7 +106,7 @@ h3 {
        font-weight : 600;
        text-rendering: optimizelegibility;
        font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
-               "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
+               "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
                Helvetica, Arial, sans-serif;
 }
 
@@ -115,7 +115,7 @@ h4 {
        font-weight : 600;
        text-rendering: optimizelegibility;
        font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
-               "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
+               "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
                Helvetica, Arial, sans-serif;
 }
 
@@ -196,7 +196,7 @@ a:hover {
        font-weight : 600;
        text-rendering: optimizelegibility;
        font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
-               "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
+               "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
                Helvetica, Arial, sans-serif;
        color : #777;
 }
@@ -335,7 +335,7 @@ div.prefHelp {
 #main-toolbar table *,
 #main-toolbar .actionChooser * {
        text-rendering: optimizelegibility;
-       font-family : "Segoe WP", "Segoe UI Web", "Segoe UI", "Helvetica Neue",
+       font-family : "Segoe WP", "Segoe UI Web", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
                Helvetica, Arial, sans-serif;
        font-size : 12px;
 
@@ -544,7 +544,11 @@ div.loadingPrompt {
 div.whiteBox {
        margin-left : 1px;
        text-align : center;
-       padding : 1em;
+       padding : 1em 1em 0px 1em;
+       font-size : 11px;
+       border-width : 0px 0px 1px 0px;
+       border-style : solid;
+       border-color : #ddd;
 }
 
 div.autocomplete {
@@ -590,6 +594,10 @@ div#headlines-frame.wide .hlTitle {
        white-space : normal;
 }
 
+div#headlines-frame.wide .hl .hlFeed {
+       display : none;
+}
+
 .hl a.title.high, span.hlContent.high .contentPreview {
        color : #00aa00;
 }
@@ -795,6 +803,7 @@ div.fatalError textarea {
        overflow : hidden;
        background : #f5f5f5;
        box-shadow : inset -1px 0px 2px -1px rgba(0,0,0,0.1);
+       -webkit-overflow-scrolling : touch;
 }
 
 #headlines-wrap-inner {
@@ -808,6 +817,7 @@ div.fatalError textarea {
        border-width : 0px;
        border-color : #ddd;
        margin-top : 0px;
+       -webkit-overflow-scrolling : touch;
 }
 
 #headlines-toolbar_splitter, #toolbar_splitter {
@@ -858,6 +868,7 @@ div.fatalError textarea {
        line-height: 1.5;
        font-size : 15px;
        overflow : auto;
+       -webkit-overflow-scrolling : touch;
 }
 
 #feedTree .dijitTreeRow .dijitTreeLabel.Unread {
@@ -903,10 +914,20 @@ img.feedIcon, img.tinyFeedIcon {
        height : 100%;
        margin-left : 1px;
        text-align : center;
-       padding : 1em;
        color : #555;
+       font-size : 11px;
+       font-style : italic;
+}
+
+#headlines-spacer a, #headlines-spacer span {
+       color : #555;
+       padding : 10px;
+       display : block;
 }
 
+#headlines-spacer a:hover {
+       color : #88b0f0;
+}
 
 ul#filterDlg_Matches, ul#filterDlg_Actions {
        max-height : 100px;
@@ -1008,7 +1029,7 @@ body#ttrssMain #feedTree {
        height : 100%;
        overflow-x : hidden;
        text-rendering: optimizelegibility;
-       font-family : "Segoe UI Web", "Segoe UI", "Helvetica Neue",
+       font-family : "Segoe UI Web", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
                Helvetica, Arial, sans-serif;
 }
 
@@ -1053,6 +1074,12 @@ div.enclosure_title {
 
 body#ttrssMain #headlines-frame .dijitCheckBox {
        border-width : 0px;
+       opacity : 0.5;
+}
+
+body#ttrssMain #headlines-frame .dijitCheckBoxHover,
+body#ttrssMain #headlines-frame .dijitCheckBoxChecked {
+       opacity : 1;
 }
 
 body#ttrssMain #feedTree .dijitTreeRow img.dijitTreeExpandoLeaf {