X-Git-Url: https://git.wh0rd.org/?a=blobdiff_plain;f=css%2Ftt-rss.css;h=3db8dc1d53e5c52ced8f0c510120de2dc7733528;hb=bd076268264c2b57d9fb26baf818b7524d7306f9;hp=676e7ba3eaeb38ad85abb921e6d317d348f5931b;hpb=6e93e96d11bb51234fa6dcb45e24dc096ee0b7f4;p=tt-rss.git diff --git a/css/tt-rss.css b/css/tt-rss.css index 676e7ba3..3db8dc1d 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -7,6 +7,11 @@ body#ttrssMain, body#ttrssPrefs, body#ttrssLogin, body { font-size: 14px; } +body#ttrssMain { + overflow : hidden; + max-height : 100%; +} + div.postReply { padding : 0px; } @@ -27,7 +32,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; } @@ -64,7 +69,6 @@ div.articleNote { border-style : solid; border-color : #e7d796; border-width : 1px; - background-color : #fff7d5; color : #9a8c59; } @@ -82,7 +86,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 +98,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 +110,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 +119,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; } @@ -139,18 +143,30 @@ a:hover { position : absolute; } +#notify.visible { + transform: translate(0, -35px); + -webkit-transform: translate(0, -35px); + -o-transform: translate(0, -35px); + -moz-transform: translate(0, -35px); +} + #notify { - bottom : 10px; - right : 20px; - border-width : 1px; + bottom : -35px; + right : 0px; + height : 20px; + left : 0px; + border-width : 1px 0px 0px 0px; border-style : solid; - position : absolute; + position : fixed; font-size : 12px; z-index : 99; - max-width : 200px; - min-width : 100px; padding : 5px; - -width : 200px; + box-shadow : 0px -2px 2px rgba(0,0,0,0.1); + + transition: all 0.5s ease-in-out; + -webkit-transition: all 0.5s ease-in-out; + -moz-transition: all 0.5s ease-in-out; + -o-transition: all 0.5s ease-in-out; } #notify img { @@ -177,17 +193,17 @@ a:hover { background-color : #fff7d5; } -.notify.progress { +.notify.notify_progress { border-color : #d7c47a; background-color : #fff7d5; } -.notify.info { +.notify.notify_info { border-color : #88b0f0; background-color : #ecf4ff; } -.notify.error { +.notify.notify_error { background-color : #ffcccc; border-color : #ff0000; } @@ -196,7 +212,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 +351,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 +560,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 +610,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; } @@ -789,12 +813,13 @@ div.fatalError textarea { #feeds-holder { padding : 0px; - border-width : 0px 1px 0px 0px; + border-width : 0px 0px 0px 0px; border-style : solid; border-color : #ddd; 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 +833,7 @@ div.fatalError textarea { border-width : 0px; border-color : #ddd; margin-top : 0px; + -webkit-overflow-scrolling : touch; } #headlines-toolbar_splitter, #toolbar_splitter { @@ -858,6 +884,7 @@ div.fatalError textarea { line-height: 1.5; font-size : 15px; overflow : auto; + -webkit-overflow-scrolling : touch; } #feedTree .dijitTreeRow .dijitTreeLabel.Unread { @@ -903,10 +930,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 +1045,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; }