From 3cd5511b320907c195508d26578869eeb728f1ed Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Wed, 26 Jun 2013 16:48:53 +0400 Subject: another counter node positioning hack --- css/tt-rss.css | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index e8382ff05..59143fae2 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -1123,9 +1123,7 @@ body#ttrssMain #feedTree { border-radius : 4px; vertical-align : middle; float : right; - margin-right : 5px; - position : relative; - top : 2px; + margin : 5px 5px 5px 0px; min-width : 23px; } -- cgit v1.2.3 From 72f133bb06a5812908a6718c86b0c856626df531 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Wed, 26 Jun 2013 16:52:22 +0400 Subject: add experimental counterNode text shadow --- css/tt-rss.css | 2 ++ 1 file changed, 2 insertions(+) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index 59143fae2..3e6b8cd38 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -1110,6 +1110,7 @@ body#ttrssMain #feedTree { background : #f0f0f0; color : #999; border-color : #f0f0f0; + text-shadow : none; } #feedTree .counterNode { @@ -1125,6 +1126,7 @@ body#ttrssMain #feedTree { float : right; margin : 5px 5px 5px 0px; min-width : 23px; + text-shadow : 1px 1px rgba(0,0,0,0.2); } #feedTree .dijitTreeRow { -- cgit v1.2.3 From 4b7ebe93a8a59a3bd2e7fb820795314be3db51ce Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Sat, 6 Jul 2013 12:34:58 +0400 Subject: fix broken highlighting of high-scored rows --- css/cdm.css | 19 +++++++++++++++++++ css/tt-rss.css | 17 ++++++----------- 2 files changed, 25 insertions(+), 11 deletions(-) (limited to 'css') diff --git a/css/cdm.css b/css/cdm.css index 18bedce01..7e85cbfff 100644 --- a/css/cdm.css +++ b/css/cdm.css @@ -265,3 +265,22 @@ div#floatingTitle span.author, div#floatingTitle img.tinyFeedIcon { display : none; } + +.cdm.high .cdmHeader a.title.high, .cdm.high .cdmHeader .cdmExcerpt, +.cdm.high .cdmHeader span.author { + color : #00aa00; +} + +.cdm.Unread.high .cdmHeader a.title.high, .cdm.Unread.high .cdmHeader .cdmExcerpt, +.cdm.Unread.high .cdmHeader span.author { + color : #00dd00; +} + +.cdm .cdmHeader a.title.low, .cdm.low .cdmHeader .cdmExcerpt, +.cdm.Unread .cdmHeader a.title.low, .cdm.Unread.low .cdmHeader .cdmExcerpt, +.cdm.low .cdmHeader span.author { + color : #909090; + text-decoration : line-through; +} + + diff --git a/css/tt-rss.css b/css/tt-rss.css index 3e6b8cd38..c5ab8d991 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -606,20 +606,15 @@ div#headlines-frame.wide .hlTitle { white-space : normal; } -.hlContentH a, .hlContentH span { - color : #00cc00; +.hl a.title.high, span.hlContent.high .contentPreview { + color : #00aa00; } - -.hlContentL a, .hlContentL span { - color : #909090; - text-decoration : line-through; -} - -span.titleWrapH, span.titleWrapH a { - color : #00cc00; +.hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview { + color : #00dd00; } -span.titleWrapL, span.titleWrapL a { +.hl a.title.low, span.hlContent.low .contentPreview, +.hl.Unread a.title.low, .hl.Unread span.hlContent.low .contentPreview { color : #909090; text-decoration : line-through; } -- cgit v1.2.3 From cf1cd5a0e9fa1c4b9338414b4501ec21b55e2cea Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Tue, 9 Jul 2013 17:05:43 +0400 Subject: add some css hacks for feed tree --- css/tt-rss.css | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index c5ab8d991..bdf1bf72a 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -1072,6 +1072,7 @@ div.hl.active { body#ttrssMain #feedTree .dijitTreeRow { padding : 2px 0px 2px; + height : 22px; border-width : 1px; border-color : transparent; color : #333; @@ -1090,6 +1091,11 @@ body#ttrssMain #feedTree .dijitTreeIsRoot > .dijitTreeRow > .dijitTreeExpando { margin-left : 5px; } +body#ttrssMain #feedTree .dijitTreeExpando { + margin-top : 0px; + opacity : 0.6; +} + body#ttrssMain #feedTree .dijitTreeNode { padding : 0px; border-width : 0px; @@ -1119,8 +1125,11 @@ body#ttrssMain #feedTree { border-radius : 4px; vertical-align : middle; float : right; - margin : 5px 5px 5px 0px; + line-height : 14px; + margin-right : 4px; + margin-top : 3px; min-width : 23px; + height : 14px; text-shadow : 1px 1px rgba(0,0,0,0.2); } -- cgit v1.2.3 From 2f20dd58d277d0ec5e4898feed0f530479a0c831 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Wed, 10 Jul 2013 13:09:12 +0400 Subject: integrate silk icons by Mark James --- css/prefs.css | 8 ++++++++ css/tt-rss.css | 35 +++++++++++++++-------------------- css/utility.css | 2 +- 3 files changed, 24 insertions(+), 21 deletions(-) (limited to 'css') diff --git a/css/prefs.css b/css/prefs.css index 1cc8b7b03..502a53be9 100644 --- a/css/prefs.css +++ b/css/prefs.css @@ -98,6 +98,14 @@ table.prefPluginsList td label, table.prefUserList td { cursor : pointer; } +table.prefPluginsList label { + white-space : nowrap; +} + +table.prefPluginsList label img { + vertical-align : middle; +} + table.prefErrorLog tr.errrow td { font-size : 10px; } diff --git a/css/tt-rss.css b/css/tt-rss.css index bdf1bf72a..94bc5826c 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -299,7 +299,7 @@ div.error { } div.warning img, div.notice img, div.error img { - margin-right : 4px; + margin : 4px; vertical-align : middle; } @@ -660,29 +660,18 @@ div.dlgButtons { } span.labelColorIndicator { - height : 14px; - width : 14px; + height : 16px; + width : 16px; + border-radius : 4px; line-height : 14px; + vertical-align : middle; font-size : 9px; display : inline-block; - border : 1px solid black; - background-color : #fff7d5; - color : #063064; - text-align : center; - margin-right : 2px; -} - -span.labelColorIndicator2 { - height : 14px; - width : 14px; - font-size : 9px; - display : inline-block; - border : 1px solid black; + border : 1px solid #ccc; background-color : #fff7d5; color : #063064; text-align : center; - margin-right : 2px; - vertical-align : bottom; + box-shadow : 0px 0px 1px 0px rgba(0,0,0,0.1); } div#cmdline { @@ -894,6 +883,7 @@ div.fatalError textarea { img.feedIcon, img.tinyFeedIcon { width : 16px; height : 16px; + line-height : 16px; vertical-align : middle; display : inline-block; } @@ -1070,6 +1060,11 @@ div.hl.active { margin-right : 25px; } +#feedTree img.feedIcon { + position : relative; + top : -2px; +} + body#ttrssMain #feedTree .dijitTreeRow { padding : 2px 0px 2px; height : 22px; @@ -1078,8 +1073,8 @@ body#ttrssMain #feedTree .dijitTreeRow { color : #333; } -.dijitFolderClosed, -.dijitFolderOpened { +body#ttrssMain #feedTree .dijitFolderClosed, +body#ttrssMain #feedTree .dijitFolderOpened { display : none; } diff --git a/css/utility.css b/css/utility.css index 029fa9cb3..f342223e3 100644 --- a/css/utility.css +++ b/css/utility.css @@ -86,7 +86,7 @@ div.error { } div.warning img, div.notice img, div.error img { - margin-right : 4px; + margin : 4px; vertical-align : middle; } -- cgit v1.2.3 From 8ee5e9e5e69e9a54dabad9abc580cc2391198464 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Wed, 10 Jul 2013 22:11:24 +0400 Subject: rework floatingtitle --- css/cdm.css | 72 ++++++++++++++++++++++++++++++++++++++++++++----------------- 1 file changed, 52 insertions(+), 20 deletions(-) (limited to 'css') diff --git a/css/cdm.css b/css/cdm.css index 7e85cbfff..2d0797db3 100644 --- a/css/cdm.css +++ b/css/cdm.css @@ -230,39 +230,71 @@ div.cdmHeader span.author { div#floatingTitle { position : absolute; z-index : 5; - top : 30px; - right : 20px; - border : 1px solid #ccc; - background : white; - border-radius : 3px; - box-shadow : 0px 0px 3px 0px rgba(0,0,0,0.1); + top : 26px; + right : 0px; + left : 0px; + border-color : #ccc; + border-width : 0px 0px 1px 0px; + border-style : solid; + background : #fcfcfc; color : #555; - font-size : 10px; - padding : 3px; + box-shadow : 0px 1px 1px 0px rgba(0,0,0,0.1); } div#floatingTitle > * { display : table-cell; white-space : nowrap; vertical-align : middle; + padding : 9px 5px; } -div#floatingTitle span.titleWrap { - max-width : 200px; - overflow : hidden; - text-overflow : ellipsis; +div#floatingTitle img { + margin-right : 4px; + margin-left : 4px; } -div#floatingTitle img { - padding-right : 3px; +div#floatingTitle span.author { + color : #555; + font-size : 11px; + font-weight : normal; +} + +div#floatingTitle a.title { + font-size : 14px; + color : #999; + font-weight : bold; +} +div#floatingTitle img.anchor { + margin-right : 1px; + margin-left : 0px; +} + +div#floatingTitle div.hlFeed { + padding-right : 10px; + color : #555; + font-weight : normal; + font-style : italic; + font-size : 11px; + white-space : nowrap; +} + +div#floatingTitle span.updated { + padding-right : 10px; + white-space : nowrap; + color : #555; + font-size : 11px; +} + +div#floatingTitle div.hlFeed a { + color : #555; +} + +div#floatingTitle span.titleWrap { + width : 100%; } -div#floatingTitle .dijit, -div#floatingTitle span.updated, -div#floatingTitle div.scoreWrap, -div#floatingTitle div.hlFeed, -div#floatingTitle span.author, -div#floatingTitle img.tinyFeedIcon { +div#floatingTitle .dijit, +div#floatingTitle img.hlScorePic { display : none; } -- cgit v1.2.3 From b532ef24edb5b733a7717cebe68e5e95dc3bcffe Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Wed, 10 Jul 2013 22:17:27 +0400 Subject: floating title: fix feed styling --- css/cdm.css | 6 ++++++ 1 file changed, 6 insertions(+) (limited to 'css') diff --git a/css/cdm.css b/css/cdm.css index 2d0797db3..475aac143 100644 --- a/css/cdm.css +++ b/css/cdm.css @@ -278,6 +278,12 @@ div#floatingTitle div.hlFeed { white-space : nowrap; } +div#floatingTitle div.hlFeed a { + border-radius : 4px; + display : inline-block; + padding : 1px 4px 1px 4px; +} + div#floatingTitle span.updated { padding-right : 10px; white-space : nowrap; -- cgit v1.2.3 From 8043035b4213aeb197e431998efac1c5fbdf7003 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Wed, 10 Jul 2013 22:24:49 +0400 Subject: fix floating title whitespace wrapping in titlewrap --- css/cdm.css | 1 + 1 file changed, 1 insertion(+) (limited to 'css') diff --git a/css/cdm.css b/css/cdm.css index 475aac143..65c5bf53f 100644 --- a/css/cdm.css +++ b/css/cdm.css @@ -297,6 +297,7 @@ div#floatingTitle div.hlFeed a { div#floatingTitle span.titleWrap { width : 100%; + white-space : normal; } div#floatingTitle .dijit, -- cgit v1.2.3 From da0f023745730ef2330f458945629e5ceaea89a5 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Thu, 11 Jul 2013 08:39:09 +0400 Subject: fix floating title position --- css/cdm.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'css') diff --git a/css/cdm.css b/css/cdm.css index 65c5bf53f..c16cf28f1 100644 --- a/css/cdm.css +++ b/css/cdm.css @@ -230,11 +230,11 @@ div.cdmHeader span.author { div#floatingTitle { position : absolute; z-index : 5; - top : 26px; + top : 25px; right : 0px; left : 0px; border-color : #ccc; - border-width : 0px 0px 1px 0px; + border-width : 1px 0px 1px 0px; border-style : solid; background : #fcfcfc; color : #555; -- cgit v1.2.3 From 7415fcf2129c4ac0cfd814b0beb917e2372447f1 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Thu, 11 Jul 2013 12:28:24 +0400 Subject: enable floating title for expandable combined mode, minor expandable mode fixes --- css/cdm.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'css') diff --git a/css/cdm.css b/css/cdm.css index c16cf28f1..98fd4edf6 100644 --- a/css/cdm.css +++ b/css/cdm.css @@ -110,6 +110,10 @@ div.cdm.expandable div.cdmHeader span.titleWrap { max-width : 500px; } +div.cdm.expandable.active div.cdmHeader span.titleWrap { + white-space : normal; +} + div.cdm.expandable div.cdmHeader a.title { font-weight : bold; color : #555; -- cgit v1.2.3 From ab25a8064461a194d97dceaa014c68bfc395702b Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Thu, 11 Jul 2013 15:44:54 +0400 Subject: css: add feed loading indicator position hack --- css/tt-rss.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index 94bc5826c..6b3b310c8 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -1147,3 +1147,7 @@ body#ttrssPrefs hr { text-shadow : 1px 1px 2px #fff; } +#feedTree img[src*='indicator_white.gif'] { + position : relative; + top : -2px; +} -- cgit v1.2.3 From 1a545dcb44e492494b2f7c473d7534f72b7c5c1b Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Fri, 12 Jul 2013 12:38:50 +0400 Subject: mark feed with error in headlines toolbar, use error icon in feed editor --- css/tt-rss.css | 8 ++------ 1 file changed, 2 insertions(+), 6 deletions(-) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index 6b3b310c8..de2a92d59 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -320,10 +320,6 @@ div.prefHelp { padding : 5px; } -span.feed_error { - color : red; -} - .insensitive { color : #555; } @@ -356,9 +352,9 @@ div#headlines-toolbar span.r { text-align : right; } -div#headlines-toolbar span.r span.error { +#headlines-toolbar span.r .error a { color : red; -} +} div#headlines-toolbar span.r a { color : #555; -- cgit v1.2.3 From e21ea11c50d889cfd8d0f09b0817b6260559d6af Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Fri, 12 Jul 2013 12:43:46 +0400 Subject: properly mark feeds with errors in the feedlist --- css/tt-rss.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index de2a92d59..af6b50abd 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -845,10 +845,14 @@ div.fatalError textarea { overflow : auto; } -.dijitTreeLabel.Unread { +#feedTree .dijitTreeRow .dijitTreeLabel.Unread { font-weight : bold; } +#feedTree .dijitTreeRow.Error .dijitTreeLabel { + color : red; +} + .dijitTreeLabel { outline : 0; } -- cgit v1.2.3 From 39d61109e6a88930d8a70e8a8dd5bf1b115b0161 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Tue, 16 Jul 2013 09:33:51 +0400 Subject: fix counternode going behind feed title on gecko --- css/tt-rss.css | 1 + 1 file changed, 1 insertion(+) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index af6b50abd..2238c5452 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -1120,6 +1120,7 @@ body#ttrssMain #feedTree { border-radius : 4px; vertical-align : middle; float : right; + position : relative; line-height : 14px; margin-right : 4px; margin-top : 3px; -- cgit v1.2.3 From 41d37fb2c39b2b270981dac423e3d6c55293048d Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Tue, 16 Jul 2013 09:59:14 +0400 Subject: add experimental hack to show row unread status in floating title --- css/cdm.css | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'css') diff --git a/css/cdm.css b/css/cdm.css index 98fd4edf6..23b8c7767 100644 --- a/css/cdm.css +++ b/css/cdm.css @@ -268,6 +268,11 @@ div#floatingTitle a.title { color : #999; font-weight : bold; } + +div#floatingTitle.Unread a.title { + color : black; +} + div#floatingTitle img.anchor { margin-right : 1px; margin-left : 0px; -- cgit v1.2.3 From 898f86c0737835e7e24c50d45efa44a3d47c9ee6 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Tue, 16 Jul 2013 11:47:30 +0400 Subject: add some transitions for headline title color changes --- css/cdm.css | 6 ++++++ 1 file changed, 6 insertions(+) (limited to 'css') diff --git a/css/cdm.css b/css/cdm.css index 23b8c7767..81c481eae 100644 --- a/css/cdm.css +++ b/css/cdm.css @@ -117,6 +117,8 @@ div.cdm.expandable.active div.cdmHeader span.titleWrap { div.cdm.expandable div.cdmHeader a.title { font-weight : bold; color : #555; + -webkit-transition : color 0.2s; + transition : color 0.2s; } div.cdm.expandable.Unread div.cdmHeader a.title { @@ -135,6 +137,8 @@ div.cdm.expanded div.cdmHeader a.title { font-size : 14px; color : #999; font-weight : bold; + -webkit-transition : color 0.2s; + transition : color 0.2s; } div.cdm.expanded.active { @@ -267,6 +271,8 @@ div#floatingTitle a.title { font-size : 14px; color : #999; font-weight : bold; + -webkit-transition : color 0.2s; + transition : color 0.2s; } div#floatingTitle.Unread a.title { -- cgit v1.2.3 From 1bd46688d36ec5743c1a0246710bc6353d8fdc6f Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Wed, 17 Jul 2013 22:21:27 +0400 Subject: try justify text-alignment for content --- css/cdm.css | 1 + css/tt-rss.css | 1 + 2 files changed, 2 insertions(+) (limited to 'css') diff --git a/css/cdm.css b/css/cdm.css index 81c481eae..2e1ffd2ab 100644 --- a/css/cdm.css +++ b/css/cdm.css @@ -222,6 +222,7 @@ div.cdm .hlFeed a { div.cdmContentInner p { max-width : 650px; + text-align : justify; } div.cdmContentInner iframe { diff --git a/css/tt-rss.css b/css/tt-rss.css index 2238c5452..5a721ea21 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -994,6 +994,7 @@ span.collapseBtn { div.postContent p { max-width : 650px; + text-align : justify; } div.postContent iframe { -- cgit v1.2.3 From 60a1e7e795e834f174283acfca3ab82b072c1479 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Wed, 17 Jul 2013 22:22:50 +0400 Subject: same with ttrssZoom --- css/tt-rss.css | 1 + 1 file changed, 1 insertion(+) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index 5a721ea21..ce30167e0 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -1017,6 +1017,7 @@ body#ttrssZoom { body#ttrssZoom div.postContent p { max-width : 650px; + text-align : justify; } body#ttrssZoom div.postHeader { -- cgit v1.2.3 From 9fa8d652c2dc312e7af539e52b80436716e8dcc6 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Tue, 23 Jul 2013 07:49:32 +0400 Subject: atom-to-html: remove horribly scaled feed icon (refs #754) --- css/utility.css | 1 - 1 file changed, 1 deletion(-) (limited to 'css') diff --git a/css/utility.css b/css/utility.css index f342223e3..c785cd82e 100644 --- a/css/utility.css +++ b/css/utility.css @@ -120,7 +120,6 @@ div.rss h1 { border-color : gray; border-style : dotted; color : gray; - margin-right : 90px; } div.rss h2 { -- cgit v1.2.3 From ac57b9dd19333db9bed34bc70d945568292b77de Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Fri, 26 Jul 2013 18:26:28 +0400 Subject: add experimental css hyphens support for english language --- css/cdm.css | 3 +++ css/tt-rss.css | 6 ++++++ 2 files changed, 9 insertions(+) (limited to 'css') diff --git a/css/cdm.css b/css/cdm.css index 2e1ffd2ab..234f53398 100644 --- a/css/cdm.css +++ b/css/cdm.css @@ -223,6 +223,9 @@ div.cdm .hlFeed a { div.cdmContentInner p { max-width : 650px; text-align : justify; + -webkit-hyphens: auto; + -moz-hyphens: auto; + hyphens: auto; } div.cdmContentInner iframe { diff --git a/css/tt-rss.css b/css/tt-rss.css index ce30167e0..f07154a3b 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -995,6 +995,9 @@ span.collapseBtn { div.postContent p { max-width : 650px; text-align : justify; + -webkit-hyphens: auto; + -moz-hyphens: auto; + hyphens: auto; } div.postContent iframe { @@ -1018,6 +1021,9 @@ body#ttrssZoom { body#ttrssZoom div.postContent p { max-width : 650px; text-align : justify; + -webkit-hyphens: auto; + -moz-hyphens: auto; + hyphens: auto; } body#ttrssZoom div.postHeader { -- cgit v1.2.3 From f035e6dc822e3b8766d55689abff26a6bf52d404 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Wed, 31 Jul 2013 01:22:13 +0400 Subject: tweak the zoomed article a little bit --- css/tt-rss.css | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index f07154a3b..c79e28ad5 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -382,7 +382,7 @@ span.hlLabelRef { div.postHeader div.postDate { text-align : right; - color : #555; + color : #909090; float : right; } @@ -1014,10 +1014,18 @@ body#ttrssZoom { margin-left : auto; margin-right : auto; padding : 20px; - max-width : 800px; + max-width : 670px; background : #f9fbff; } +body#ttrssZoom div.postHeader div.postDate { + float : none; + text-align : left; + padding-left : 0px; + color : #777; + font-size : 10px; +} + body#ttrssZoom div.postContent p { max-width : 650px; text-align : justify; -- cgit v1.2.3 From dd90eb2c7a1164ed8924c83c13138d568db5ea4e Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Wed, 31 Jul 2013 14:53:34 +0400 Subject: search keyword highlighting (combined mode only) --- css/tt-rss.css | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index c79e28ad5..e7514956f 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -1168,3 +1168,8 @@ body#ttrssPrefs hr { position : relative; top : -2px; } + +span.highlight { + background-color : #ffff00; + color : #cc90cc; +} -- cgit v1.2.3 From 22e2ea41662d4880e1fdad8d4056b954cd3067bd Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Thu, 1 Aug 2013 09:35:38 +0400 Subject: show full article title in zoom mode --- css/tt-rss.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index e7514956f..3392c3c7a 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -1026,6 +1026,10 @@ body#ttrssZoom div.postHeader div.postDate { font-size : 10px; } +body#ttrssZoom div.postHeader div.postTitle { + white-space : normal; +} + body#ttrssZoom div.postContent p { max-width : 650px; text-align : justify; -- cgit v1.2.3 From 5c54e6838870498134bbfb2994c25d2140b43bad Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Mon, 5 Aug 2013 12:26:09 +0400 Subject: support media:description for media: enclosures --- css/tt-rss.css | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index 3392c3c7a..9e500a759 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -1177,3 +1177,8 @@ span.highlight { background-color : #ffff00; color : #cc90cc; } + +div.enclosure_title { + +} + -- cgit v1.2.3 From d2d6c8dbb28d48df1f6397e8ee6bc59c67be86da Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Tue, 27 Aug 2013 15:09:48 +0400 Subject: tweak zoomed display date/tags a bit --- css/tt-rss.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index 9e500a759..beba1d4b3 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -1020,12 +1020,17 @@ body#ttrssZoom { body#ttrssZoom div.postHeader div.postDate { float : none; - text-align : left; + text-align : right; padding-left : 0px; color : #777; font-size : 10px; } +body#ttrssZoom div.postHeader div.postTags { + color : #777; + font-size : 10px; +} + body#ttrssZoom div.postHeader div.postTitle { white-space : normal; } -- cgit v1.2.3 From ff04fe06250b7640b62379708b27ae31630150a0 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Mon, 2 Sep 2013 12:58:14 +0400 Subject: use plurals for comment/comments link in article, properly translate comments string, add feed title to article in zoom mode --- css/tt-rss.css | 13 +++++++++++++ 1 file changed, 13 insertions(+) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index beba1d4b3..51b18ead6 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -1018,6 +1018,19 @@ body#ttrssZoom { background : #f9fbff; } +body#ttrssZoom div.postHeader div.postFeedTitle { + float : left; + text-align : right; + padding-left : 0px; + font-size : 10px; +} + +body#ttrssZoom div.postHeader a.postComments { + text-align : right; + padding-left : 0px; + font-size : 10px; +} + body#ttrssZoom div.postHeader div.postDate { float : none; text-align : right; -- cgit v1.2.3 From 0c0e5f3640ff6e857a978f9bdd4af35fb4716f5e Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Wed, 4 Sep 2013 17:57:04 +0400 Subject: fix wrong url() paths to toolbar.png in css --- css/cdm.css | 2 +- css/utility.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) (limited to 'css') diff --git a/css/cdm.css b/css/cdm.css index 234f53398..c91f09927 100644 --- a/css/cdm.css +++ b/css/cdm.css @@ -182,7 +182,7 @@ div.cdmFeedTitle { border-width : 0px 0px 1px 0px; border-style : solid; padding : 5px 3px 5px 5px; - background : url("images/toolbar.png") bottom left; + background : url("../images/toolbar.png") bottom left; background-repeat : repeat-x; } diff --git a/css/utility.css b/css/utility.css index c785cd82e..b45e9a00f 100644 --- a/css/utility.css +++ b/css/utility.css @@ -159,7 +159,7 @@ div.rss hr { body#sharepopup { background-color : white; - background-image : url("images/toolbar.png"); + background-image : url("../images/toolbar.png"); background-repeat : repeat-x; background-position : bottom; margin : 10px; -- cgit v1.2.3 From 811a81c6ded139d38512e6f7e4e012fa63816b75 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Thu, 12 Sep 2013 12:13:10 +0400 Subject: counter: remove text-shadow --- css/tt-rss.css | 2 -- 1 file changed, 2 deletions(-) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index 51b18ead6..f07ecd393 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -1144,7 +1144,6 @@ body#ttrssMain #feedTree { background : #f0f0f0; color : #999; border-color : #f0f0f0; - text-shadow : none; } #feedTree .counterNode { @@ -1164,7 +1163,6 @@ body#ttrssMain #feedTree { margin-top : 3px; min-width : 23px; height : 14px; - text-shadow : 1px 1px rgba(0,0,0,0.2); } #feedTree .dijitTreeRow { -- cgit v1.2.3 From 87065739cdc569bbcfe92ad6f0b6ebef3c72f3ec Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Thu, 17 Oct 2013 13:38:48 +0400 Subject: add context menu for cdmFeedTitle; change mark as read prompt for grouped headlines more clear --- css/cdm.css | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) (limited to 'css') diff --git a/css/cdm.css b/css/cdm.css index c91f09927..dd4346e4c 100644 --- a/css/cdm.css +++ b/css/cdm.css @@ -341,4 +341,24 @@ div#floatingTitle img.hlScorePic { text-decoration : line-through; } +div.cdmFeedTitle > * { + display : table-cell; + vertical-align : middle; +} + +div.cdmFeedTitle a.title { + width : 100%; +} + +div.cdmFeedTitle a.catchup { + text-align : right; + color : #555; + padding-right : 10px; + font-size : 11px; + white-space : nowrap; +} + +div.cdmFeedTitle a.catchup:hover { + color : #4684ff; +} -- cgit v1.2.3 From 24432dd5b36ce11bfbba72e59c72ff39612bc1aa Mon Sep 17 00:00:00 2001 From: Veit Lehmann Date: Mon, 21 Oct 2013 04:51:43 +0200 Subject: enclose floating elements in public feeds http://tt-rss.org/forum/viewtopic.php?f=10&t=2670&p=15780#p15780 --- css/utility.css | 1 + 1 file changed, 1 insertion(+) (limited to 'css') diff --git a/css/utility.css b/css/utility.css index b45e9a00f..587061bcc 100644 --- a/css/utility.css +++ b/css/utility.css @@ -15,6 +15,7 @@ form { } div.content { + overflow : hidden; background : white; border : 1px solid #ccc; padding : 10px; -- cgit v1.2.3 From 8d75f5b193f7a494d7f1dd698105d19db16489fa Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Thu, 26 Dec 2013 11:36:07 +0400 Subject: disable content text justification for the time being --- css/cdm.css | 1 - css/tt-rss.css | 2 -- 2 files changed, 3 deletions(-) (limited to 'css') diff --git a/css/cdm.css b/css/cdm.css index dd4346e4c..70f7f6ad9 100644 --- a/css/cdm.css +++ b/css/cdm.css @@ -222,7 +222,6 @@ div.cdm .hlFeed a { div.cdmContentInner p { max-width : 650px; - text-align : justify; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; diff --git a/css/tt-rss.css b/css/tt-rss.css index f07ecd393..559b8f92b 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -994,7 +994,6 @@ span.collapseBtn { div.postContent p { max-width : 650px; - text-align : justify; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; @@ -1050,7 +1049,6 @@ body#ttrssZoom div.postHeader div.postTitle { body#ttrssZoom div.postContent p { max-width : 650px; - text-align : justify; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; -- cgit v1.2.3 From ef8e54a16dc0888b6db886a132b10617e3f1c5bf Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Sat, 25 Jan 2014 11:28:32 +0400 Subject: increase headline title font sizes a bit --- css/cdm.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) (limited to 'css') diff --git a/css/cdm.css b/css/cdm.css index 70f7f6ad9..c6e309d27 100644 --- a/css/cdm.css +++ b/css/cdm.css @@ -117,6 +117,7 @@ div.cdm.expandable.active div.cdmHeader span.titleWrap { div.cdm.expandable div.cdmHeader a.title { font-weight : bold; color : #555; + font-size : 14px; -webkit-transition : color 0.2s; transition : color 0.2s; } @@ -127,6 +128,7 @@ div.cdm.expandable.Unread div.cdmHeader a.title { div.cdm.expandable.active div.cdmHeader a.title { color : #4684ff; + font-size : 16px; } div.cdm.expanded div.cdmHeader { @@ -134,7 +136,7 @@ div.cdm.expanded div.cdmHeader { } div.cdm.expanded div.cdmHeader a.title { - font-size : 14px; + font-size : 16px; color : #999; font-weight : bold; -webkit-transition : color 0.2s; @@ -271,7 +273,7 @@ div#floatingTitle span.author { } div#floatingTitle a.title { - font-size : 14px; + font-size : 16px; color : #999; font-weight : bold; -webkit-transition : color 0.2s; -- cgit v1.2.3 From d44f3da4be8fc11543765b9dcc2743083bfd8be0 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Mon, 27 Jan 2014 19:03:35 +0400 Subject: default theme updates --- css/cdm.css | 14 +++--- css/tt-rss.css | 138 ++++++++++++++++++++++++++++++++++++++------------------- 2 files changed, 101 insertions(+), 51 deletions(-) (limited to 'css') diff --git a/css/cdm.css b/css/cdm.css index c6e309d27..5b004fccf 100644 --- a/css/cdm.css +++ b/css/cdm.css @@ -73,10 +73,16 @@ div.cdm.expanded { margin-bottom : 4px; } +div.cdm.expanded div.cdmFooter { + border-style : solid; + border-width : 0px 0px 1px 0px; + border-color : #f0f0f0; +} + div.cdm.expandable { background-color : #f0f0f0; border-width : 0px 0px 1px 0px; - border-color : #c0c0c0; + border-color : #ddd; border-style : solid; } @@ -98,8 +104,6 @@ div.cdm.expandable.Selected { } div.cdm.expandable.active { - box-shadow : inset 0px 0px 3px 0px rgba(0,0,0,0.1); - border-color : #88b0f0; background : white ! important; } @@ -247,9 +251,9 @@ div#floatingTitle { right : 0px; left : 0px; border-color : #ccc; - border-width : 1px 0px 1px 0px; + border-width : 0px 0px 1px 0px; border-style : solid; - background : #fcfcfc; + background : white; color : #555; box-shadow : 0px 1px 1px 0px rgba(0,0,0,0.1); } diff --git a/css/tt-rss.css b/css/tt-rss.css index 559b8f92b..41f163ccb 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -24,8 +24,8 @@ div.postReply { div.postReply div.postHeader { border-width : 0px 0px 1px 0px; border-style : solid; - border-color : #c0c0c0; - background : #fafafa; + border-color : #eee; + background : white; box-shadow : 0px 0px 3px 0px rgba(0,0,0,0.1); padding : 5px; color : #909090; @@ -66,12 +66,12 @@ div.postReply img.tagsPic { div.articleNote { background-color : #fff7d5; padding : 5px; - border-radius : 4px; + /* border-radius : 4px; */ margin : 5px; border-style : solid; border-color : #e7d796; border-width : 1px; - box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); + /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */ background-color : #fff7d5; color : #9a8c59; } @@ -108,8 +108,7 @@ h3 { hr { border-width : 0px 0px 1px 0px; border-style : solid; - border-color : #c0c0c0; - max-width : 90%; + border-color : #ccc; } a { @@ -138,7 +137,7 @@ a:hover { min-width : 100px; padding : 5px; -width : 200px; - box-shadow : 0px 0px 2px rgba(0,0,0,0.2); + /* box-shadow : 0px 0px 2px rgba(0,0,0,0.2); */ } #notify img { @@ -190,7 +189,7 @@ a:hover { } .hl.active { - box-shadow : inset 0px 0px 3px 0px rgba(0,0,0,0.1); + /* box-shadow : inset 0px 0px 3px 0px rgba(0,0,0,0.1); */ } .hl.active div.hlTitle a { @@ -217,7 +216,7 @@ a:hover { .hl { border-width : 0px 0px 1px 0px; border-style : solid; - border-color : #c0c0c0; + border-color : #eee; } .hl.active { @@ -232,8 +231,8 @@ div.filterTestHolder { margin : 0px 0px 5px 0px; background-color : #ecf4ff; border-width : 1px; - border-radius : 4px; - box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); + /* border-radius : 4px; */ + /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */ } @@ -274,9 +273,9 @@ div.notice, div.warning, div.error { font-size : 12px; border-style : solid; border-color : #ccc; - border-radius : 4px; + /* border-radius : 4px; */ border-width : 1px; - box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); + /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */ } div.notice div.inner, div.warning div.inner, div.error div.inner { @@ -325,9 +324,7 @@ div.prefHelp { } div#headlines-toolbar { - border-width : 0px 0px 1px 0px; - background-color : #fcfcfc; - border-color : #c0c0c0; + border-width : 0px; font-size : 12px; font-family : "Segoe UI", Tahoma, sans-serif; color : #555; @@ -337,6 +334,7 @@ div#headlines-toolbar { height : 25px; line-height : 25px; padding-left : 4px; + background : #fafafa; } div#headlines-toolbar .dijitSelect { @@ -377,7 +375,7 @@ span.hlLabelRef { display : inline-block; vertical-align : middle; white-space: nowrap; - border-radius : 4px; + border-radius : 4px; } div.postHeader div.postDate { @@ -408,7 +406,7 @@ a.hlFeed { font-size : 9px; font-style : italic; font-weight : normal; - border-radius : 4px; + /* border-radius : 4px; */ display : inline-block; padding : 1px 2px 1px 2px; margin-bottom : 2px; @@ -431,8 +429,8 @@ div.tagCloudContainer { margin : 5px 0px 5px 0px; padding : 5px; text-align : center; - border-radius : 4px; - box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); + /* border-radius : 4px; */ + /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */ } div.errorExplained { @@ -440,8 +438,8 @@ div.errorExplained { background-color : #ecf4ff; margin : 5px 0px 5px 0px; padding : 5px; - border-radius : 4px; - box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); + /* border-radius : 4px; */ + /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */ } ul.feedErrorsList { @@ -452,8 +450,8 @@ ul.feedErrorsList { background-color : #ecf4ff; margin : 0px 0px 5px 0px; padding : 5px; - border-radius : 4px; - box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); + /* border-radius : 4px; */ + /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */ } ul.feedErrorsList em { @@ -667,7 +665,7 @@ span.labelColorIndicator { background-color : #fff7d5; color : #063064; text-align : center; - box-shadow : 0px 0px 1px 0px rgba(0,0,0,0.1); + /* box-shadow : 0px 0px 1px 0px rgba(0,0,0,0.1); */ } div#cmdline { @@ -771,7 +769,7 @@ div.fatalError textarea { #content-wrap { padding : 0px; - border-width : 0px 0px 0px 1px; + border-width : 0px 0px 0px 0px; border-style : solid; border-color : #c0c0c0; margin : 0px; @@ -779,13 +777,12 @@ div.fatalError textarea { #feeds-holder { padding : 0px; - border-color : #c0c0c0; - border-left-width : 0px; - border-bottom-width : 0px; - border-top-width : 0px; + border-width : 0px 1px 0px 0px; + border-style : solid; + border-color : #eee; overflow : hidden; + background : #fafafa; box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1); - background : #f9fbff; } #headlines-wrap-inner { @@ -800,7 +797,7 @@ div.fatalError textarea { border-style : solid; border-width : 0px; margin-top : 0px; - box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1); + /* box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1); */ } #headlines-toolbar_splitter, #toolbar_splitter { @@ -813,7 +810,13 @@ div.fatalError textarea { border-width : 0px; white-space: nowrap; font-size : 12px; - box-shadow : 0px 0px 2px rgba(0,0,0,0.1); + /* box-shadow : 0px 0px 2px rgba(0,0,0,0.1); */ +} + +#main-toolbar { + background : white; + border-width : 0px; + padding-left : 0px; } #header { @@ -837,7 +840,7 @@ div.fatalError textarea { #content-insert { padding : 0px; - border-color : #c0c0c0; + border-color : #eee; border-bottom-width : 0px; border-right-width : 0px; border-left-width : 0px; @@ -937,6 +940,7 @@ img.feedIcon, img.tinyFeedIcon { color : #555; } + ul#filterDlg_Matches, ul#filterDlg_Actions { max-height : 100px; overflow : auto; @@ -947,7 +951,7 @@ ul#filterDlg_Matches, ul#filterDlg_Actions { background-color : #ecf4ff; margin : 0px 0px 5px 0px; padding : 0px; - box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); + /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */ } ul#filterDlg_Matches li, ul#filterDlg_Actions li { @@ -967,8 +971,8 @@ ul.helpKbList { background-color : #ecf4ff; margin : 0px 0px 5px 0px; padding : 5px; - border-radius : 4px; - box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); + /* border-radius : 4px; */ + /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */ } ul.helpKbList span.hksequence { @@ -1057,14 +1061,14 @@ body#ttrssZoom div.postContent p { body#ttrssZoom div.postHeader { margin : 10px; border : 1px solid #ccc; - box-shadow : none; - border-radius : 4px; + /* box-shadow : none; */ + /* border-radius : 4px; */ } body#ttrssZoom div.postReply { border : 1px solid #ccc; - border-radius : 4px; - box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1); + /* border-radius : 4px; + box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1); */ background : white; } @@ -1088,10 +1092,6 @@ select.attachments { max-width : 120px; } -div.hl.active { - border-color : #88b0f0; -} - #selected_prompt { margin-right : 25px; } @@ -1157,7 +1157,7 @@ body#ttrssMain #feedTree { float : right; position : relative; line-height : 14px; - margin-right : 4px; + margin-right : 8px; margin-top : 3px; min-width : 23px; height : 14px; @@ -1178,6 +1178,41 @@ body#ttrssPrefs hr { font-size : 13px; } +body#ttrssMain #feedTree .dijitTreeRowSelected { + background : #ecf4ff; + /* box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1); */ +} + +body#ttrssMain #feedTree .dijitTreeRowHover { + background : white; +} + +body#ttrssMain #feedTree .dijitTreeRowActive { + background-color : transparent; + background-image : none; + border-color : transparent; +} + +/* body#ttrssMain .dijitTreeRowHover, +body#ttrssPrefs .dijitTreeRowHover, +body#ttrssMain .dijitTreeRowActive, +body#ttrssPrefs .dijitTreeRowActive { + background-color : transparent; + background-image : none; + border-color : transparent; +} */ + +body#ttrssMain .dijitTreeRowSelected .dijitTreeLabel, +body#ttrssPrefs .dijitTreeRowSelected .dijitTreeLabel { + color : #4684ff; + font-weight : bold; +} + +body#ttrssMain .dijitTreeRowHover .dijitTreeLabel, +body#ttrssPrefs .dijitTreeRowHover .dijitTreeLabel { + color : #4684ff; +} + .dijitTreeRowSelected .dijitTreeLabel { text-shadow : 1px 1px 2px #fff; } @@ -1192,7 +1227,18 @@ span.highlight { color : #cc90cc; } +#feedTree .dijitTreeRow .dijitTreeExpando { + background-image: url("../images/treeExpandImages.png"); + position : relative; + top : -1px; +} + +#feedTree .dijitTreeRow .dijitTreeExpandoLeaf { + display : none; +} + div.enclosure_title { } + -- cgit v1.2.3 From 93015e27fd21a3b804045a0849298d1b9978a1aa Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Mon, 27 Jan 2014 19:05:00 +0400 Subject: default theme update (2) --- css/tt-rss.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index 41f163ccb..60baefc9e 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -1227,13 +1227,13 @@ span.highlight { color : #cc90cc; } -#feedTree .dijitTreeRow .dijitTreeExpando { +body#ttrssMain #feedTree .dijitTreeRow .dijitTreeExpando { background-image: url("../images/treeExpandImages.png"); position : relative; top : -1px; } -#feedTree .dijitTreeRow .dijitTreeExpandoLeaf { +body#ttrssMain #feedTree .dijitTreeRow .dijitTreeExpandoLeaf { display : none; } -- cgit v1.2.3 From e48c486d24ac2e4a3a85b973466f6d36946d8d04 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Mon, 27 Jan 2014 19:37:33 +0400 Subject: remove feeds-holder shadow --- css/tt-rss.css | 1 - 1 file changed, 1 deletion(-) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index 60baefc9e..c7592e54c 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -782,7 +782,6 @@ div.fatalError textarea { border-color : #eee; overflow : hidden; background : #fafafa; - box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1); } #headlines-wrap-inner { -- cgit v1.2.3 From d728015d48e3150a9aa39c9db88781adb179182b Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Mon, 27 Jan 2014 19:48:16 +0400 Subject: minor css tweaks --- css/tt-rss.css | 12 +++++------- 1 file changed, 5 insertions(+), 7 deletions(-) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index c7592e54c..722ad44e2 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -334,7 +334,7 @@ div#headlines-toolbar { height : 25px; line-height : 25px; padding-left : 4px; - background : #fafafa; + background : white; } div#headlines-toolbar .dijitSelect { @@ -792,7 +792,7 @@ div.fatalError textarea { #headlines-frame { padding : 0px; - border-color : #c0c0c0; + border-color : #eee; border-style : solid; border-width : 0px; margin-top : 0px; @@ -840,9 +840,7 @@ div.fatalError textarea { #content-insert { padding : 0px; border-color : #eee; - border-bottom-width : 0px; - border-right-width : 0px; - border-left-width : 0px; + border-width : 0px; line-height: 20px; overflow : auto; } @@ -1178,12 +1176,12 @@ body#ttrssPrefs hr { } body#ttrssMain #feedTree .dijitTreeRowSelected { - background : #ecf4ff; + background : white; /* box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1); */ } body#ttrssMain #feedTree .dijitTreeRowHover { - background : white; + background : #ecf4ff; } body#ttrssMain #feedTree .dijitTreeRowActive { -- cgit v1.2.3 From a3c6695a8539c34fc1e29bd5083f4186134cc7ec Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Mon, 27 Jan 2014 19:51:31 +0400 Subject: minor css tweaks --- css/tt-rss.css | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index 722ad44e2..96e9fb00d 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -22,13 +22,11 @@ div.postReply { } div.postReply div.postHeader { - border-width : 0px 0px 1px 0px; - border-style : solid; - border-color : #eee; background : white; - box-shadow : 0px 0px 3px 0px rgba(0,0,0,0.1); + box-shadow : 0px 1px 1px 0px rgba(0,0,0,0.1); padding : 5px; color : #909090; + background : #fafafa; } div.postReply div.postTitle { -- cgit v1.2.3 From 1bffd1068faee6c33ea86dcec188679d5f1ea4c8 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Mon, 27 Jan 2014 22:03:42 +0400 Subject: unify main and headlines toolbar --- css/cdm.css | 2 +- css/tt-rss.css | 71 ++++++++++++++++++++++------------------------------------ 2 files changed, 28 insertions(+), 45 deletions(-) (limited to 'css') diff --git a/css/cdm.css b/css/cdm.css index 5b004fccf..ef3ef52d6 100644 --- a/css/cdm.css +++ b/css/cdm.css @@ -247,7 +247,7 @@ div.cdmHeader span.author { div#floatingTitle { position : absolute; z-index : 5; - top : 25px; + top : 0px; right : 0px; left : 0px; border-color : #ccc; diff --git a/css/tt-rss.css b/css/tt-rss.css index 96e9fb00d..ee921716a 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -203,14 +203,6 @@ a:hover { color : #909090; } -/* #headlines-frame div.hl:nth-child(even) { - background : #fafafa; -} */ - -#headlines-frame.normal { - -} - .hl { border-width : 0px 0px 1px 0px; border-style : solid; @@ -321,39 +313,44 @@ div.prefHelp { color : #555; } -div#headlines-toolbar { - border-width : 0px; - font-size : 12px; +#main-toolbar > * { + white-space : nowrap; + display : table-cell; + color : #999; font-family : "Segoe UI", Tahoma, sans-serif; - color : #555; - padding : 0px; - margin : 0px; - overflow : hidden; - height : 25px; - line-height : 25px; - padding-left : 4px; - background : white; } -div#headlines-toolbar .dijitSelect { - font-size : 11px; - position : relative; - top : -2px; +#main-toolbar #headlines-toolbar { + padding-right : 4px; + width : 100%; +} + +#main-toolbar #headlines-toolbar span.holder { + display : table; + width : 100%; } -div#headlines-toolbar span.r { - float: right; - position: relative; - padding : 0 4px 0px 4px; +#main-toolbar #headlines-toolbar span.holder > * { + display : table-cell; +} + +#main-toolbar #headlines-toolbar .main { text-align : right; -} +} + +#headlines-toolbar span.r img { + margin-right : 4px; + position : relative; + top : 3px; +} #headlines-toolbar span.r .error a { color : red; } -div#headlines-toolbar span.r a { - color : #555; +#main-toolbar #selected_prompt { + font-style : italic; + text-align : center; } span.contentPreview { @@ -524,14 +521,6 @@ form { padding : 0px; } -#main_toolbar_form { - margin : 0px; - padding : 0px; - display : table-cell; - white-space : nowrap; - width : 100%; -} - div.loadingPrompt { padding : 1em; text-align : center; @@ -551,12 +540,6 @@ div.whiteBox { margin: 0; } */ -#toolbar div.actionChooser { - display : table-cell; - text-align : right; - padding-right : 3px; -} - div.autocomplete { position : absolute; width : 250px; -- cgit v1.2.3 From ea55c93c01696b66e9c912e0e293cd360280a00c Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Mon, 27 Jan 2014 23:21:26 +0400 Subject: further style updates --- css/tt-rss.css | 21 +++++++++++++-------- 1 file changed, 13 insertions(+), 8 deletions(-) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index ee921716a..21fa8356f 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -22,11 +22,13 @@ div.postReply { } div.postReply div.postHeader { - background : white; - box-shadow : 0px 1px 1px 0px rgba(0,0,0,0.1); padding : 5px; + margin-right : 4px; color : #909090; background : #fafafa; + border-width : 1px; + border-color : #eee; + border-style : solid; } div.postReply div.postTitle { @@ -350,7 +352,8 @@ div.prefHelp { #main-toolbar #selected_prompt { font-style : italic; - text-align : center; + text-align : right; + margin-right : 4px; } span.contentPreview { @@ -790,13 +793,16 @@ div.fatalError textarea { border-width : 0px; white-space: nowrap; font-size : 12px; - /* box-shadow : 0px 0px 2px rgba(0,0,0,0.1); */ } #main-toolbar { - background : white; - border-width : 0px; - padding-left : 0px; + background : #fafafa; + border-width : 0px 0px 1px 1px; + border-color : #eee; + border-style : solid; + padding-left : 4px; + height : 26px; + } #header { @@ -1219,4 +1225,3 @@ div.enclosure_title { } - -- cgit v1.2.3 From a1f4151ecdb0a19c19f2678b41ecfd24f795f5d1 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Tue, 28 Jan 2014 00:04:36 +0400 Subject: prefs style updates, etc --- css/cdm.css | 4 +- css/prefs.css | 39 ++++++++++++----- css/tt-rss.css | 134 +++++++++++++++++++++------------------------------------ 3 files changed, 80 insertions(+), 97 deletions(-) (limited to 'css') diff --git a/css/cdm.css b/css/cdm.css index ef3ef52d6..3c6f72e1e 100644 --- a/css/cdm.css +++ b/css/cdm.css @@ -250,8 +250,8 @@ div#floatingTitle { top : 0px; right : 0px; left : 0px; - border-color : #ccc; - border-width : 0px 0px 1px 0px; + border-color : #eee; + border-width : 0px 0px 1px 1px; border-style : solid; background : white; color : #555; diff --git a/css/prefs.css b/css/prefs.css index 502a53be9..da1f3b6dc 100644 --- a/css/prefs.css +++ b/css/prefs.css @@ -52,11 +52,10 @@ div.prefProfileHolder, div.prefFeedOPMLHolder, div.inactiveFeedHolder { height : 300px; overflow : auto; border-width : 0px 1px 1px 1px; - border-color : #c0c0c0; + border-color : #eee; border-style : solid; margin : 0px 0px 5px 0px; - background-color : #ecf4ff; - box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); + background-color : #fafafa; } div.filterTestHolder, div.prefFeedOPMLHolder { border-width : 1px; @@ -66,12 +65,10 @@ ul.selfUpdateList, ul.userFeedList { height : 200px; overflow : auto; list-style-type : none; - border : 1px solid #c0c0c0; - background-color : #ecf4ff; + border : 1px solid #eee; + background-color : #fafafa; margin : 0px 0px 5px 0px; padding : 5px; - box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); - border-radius : 4px; } div#feedlistLoading, div#filterlistLoading, div#labellistLoading { @@ -90,7 +87,8 @@ div#feedlistLoading img, div#filterlistLoading img, div#labellistLoading { a.bookmarklet { color : #4684ff; - border : 1px solid #ecf4ff; + border : 1px solid #eee; + background : #fafafa; padding : 2px; } @@ -120,7 +118,28 @@ table.prefErrorLog td.filename, table.prefErrorLog td.login, table.prefErrorLog color : #555; } -.dijitAccordionContainer-child { - box-shadow : inset 0px 0px 3px rgba(0,0,0,0.2); +.claro .dijitTabPaneWrapper, +.claro .dijitTabContainerTop-tabs, +.claro .dijitTab, +.claro .dijitAccordionInnerContainer { + border-color : #ddd; +} + +.claro .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected { + border-color : #ccc; +} + +.claro .dijitToolbar { + background : #fafafa; + border-color : #eee; +} + +.claro .dijitAccordionContainer .dijitAccordionChildWrapper { + border-color : #ddd; +} + +.claro .dijitTreeRow .dijitCheckBox { + position : relative; + top : -2px; } diff --git a/css/tt-rss.css b/css/tt-rss.css index 21fa8356f..c0c4aa453 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -12,7 +12,7 @@ body#ttrssPrefs { } body#ttrssPrefs #footer, body#ttrssPrefs #header { - background-color : #ecf4ff; + background-color : #ecf4ff; padding-left : 8px; padding-right : 8px; } @@ -66,12 +66,10 @@ div.postReply img.tagsPic { div.articleNote { background-color : #fff7d5; padding : 5px; - /* border-radius : 4px; */ margin : 5px; border-style : solid; border-color : #e7d796; border-width : 1px; - /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */ background-color : #fff7d5; color : #9a8c59; } @@ -137,7 +135,6 @@ a:hover { min-width : 100px; padding : 5px; -width : 200px; - /* box-shadow : 0px 0px 2px rgba(0,0,0,0.2); */ } #notify img { @@ -188,10 +185,6 @@ a:hover { color : black; } -.hl.active { - /* box-shadow : inset 0px 0px 3px 0px rgba(0,0,0,0.1); */ -} - .hl.active div.hlTitle a { color : #4684ff; text-shadow : 1px 1px 2px #fff; @@ -218,13 +211,11 @@ a:hover { div.filterTestHolder { height : 300px; overflow : auto; - border-color : #c0c0c0; + border-color : #eee; border-style : solid; margin : 0px 0px 5px 0px; - background-color : #ecf4ff; + background-color : #fafafa; border-width : 1px; - /* border-radius : 4px; */ - /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */ } @@ -233,7 +224,7 @@ div.filterTestHolder { color : #555; padding-left : 10px; border-width : 0px 0px 0px 4px; - border-color : #c0c0c0; + border-color : #ccc; border-style : solid; } @@ -250,7 +241,7 @@ div.filterTestHolder { font-family : monospace; font-size : 12px; border-width : 0px; - border-color : #c0c0c0; + border-color : #ccc; border-style : solid; background : #fafafa; display : block; @@ -265,9 +256,7 @@ div.notice, div.warning, div.error { font-size : 12px; border-style : solid; border-color : #ccc; - /* border-radius : 4px; */ border-width : 1px; - /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */ } div.notice div.inner, div.warning div.inner, div.error div.inner { @@ -393,7 +382,7 @@ div.postHeader div { #allEntryTags { border-width : 0px 0px 1px 0px; border-style : solid; - border-color : #c0c0c0; + border-color : #eee; padding-bottom : 5px; display : none; } @@ -404,7 +393,6 @@ a.hlFeed { font-size : 9px; font-style : italic; font-weight : normal; - /* border-radius : 4px; */ display : inline-block; padding : 1px 2px 1px 2px; margin-bottom : 2px; @@ -422,34 +410,28 @@ img.markedPic, img.pubPic { } div.tagCloudContainer { - border : 1px solid #c0c0c0; - background-color : #ecf4ff; + border : 1px solid #eee; + background-color : #fafafa; margin : 5px 0px 5px 0px; padding : 5px; text-align : center; - /* border-radius : 4px; */ - /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */ } div.errorExplained { - border : 1px solid #c0c0c0; - background-color : #ecf4ff; + border : 1px solid #eee; + background-color : #fafafa; margin : 5px 0px 5px 0px; padding : 5px; - /* border-radius : 4px; */ - /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */ } ul.feedErrorsList { max-height : 300px; overflow : auto; list-style-type : none; - border : 1px solid #c0c0c0; - background-color : #ecf4ff; + border : 1px solid #eee; + background-color : #fafafa; margin : 0px 0px 5px 0px; padding : 5px; - /* border-radius : 4px; */ - /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */ } ul.feedErrorsList em { @@ -460,7 +442,7 @@ ul.browseFeedList { height : 300px; overflow : auto; border-width : 0px 1px 1px 1px; - border-color : #c0c0c0; + border-color : #eee; border-style : solid; margin : 0px 0px 5px 0px; background-color : white; @@ -536,13 +518,6 @@ div.whiteBox { padding : 1em; } -/* html, body#ttrssMain, #main { - width: 100%; - height: 100%; - padding: 0; - margin: 0; -} */ - div.autocomplete { position : absolute; width : 250px; @@ -649,7 +624,6 @@ span.labelColorIndicator { background-color : #fff7d5; color : #063064; text-align : center; - /* box-shadow : 0px 0px 1px 0px rgba(0,0,0,0.1); */ } div#cmdline { @@ -753,9 +727,9 @@ div.fatalError textarea { #content-wrap { padding : 0px; - border-width : 0px 0px 0px 0px; + border-width : 0px; border-style : solid; - border-color : #c0c0c0; + border-color : #eee; margin : 0px; } @@ -780,7 +754,6 @@ div.fatalError textarea { border-style : solid; border-width : 0px; margin-top : 0px; - /* box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1); */ } #headlines-toolbar_splitter, #toolbar_splitter { @@ -840,7 +813,7 @@ div.fatalError textarea { color : red; } -.dijitTreeLabel { +.claro .dijitTreeLabel { outline : 0; } @@ -884,7 +857,7 @@ img.feedIcon, img.tinyFeedIcon { } .dijitDialog .dijitToolbar { - border : 1px solid #c0c0c0; + border : 1px solid #eee; } .dijitDialog h2 { @@ -930,12 +903,11 @@ ul#filterDlg_Matches, ul#filterDlg_Actions { overflow : auto; list-style-type : none; border-style : solid; - border-color : #c0c0c0; + border-color : #eee; border-width : 0px 1px 1px 1px; - background-color : #ecf4ff; + background-color : #fafafa; margin : 0px 0px 5px 0px; padding : 0px; - /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */ } ul#filterDlg_Matches li, ul#filterDlg_Actions li { @@ -951,12 +923,10 @@ ul.helpKbList { max-height : 300px; overflow : auto; list-style-type : none; - border : 1px solid #c0c0c0; - background-color : #ecf4ff; + border : 1px solid #eee; + background-color : #fafafa; margin : 0px 0px 5px 0px; padding : 5px; - /* border-radius : 4px; */ - /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */ } ul.helpKbList span.hksequence { @@ -1045,14 +1015,10 @@ body#ttrssZoom div.postContent p { body#ttrssZoom div.postHeader { margin : 10px; border : 1px solid #ccc; - /* box-shadow : none; */ - /* border-radius : 4px; */ } body#ttrssZoom div.postReply { border : 1px solid #ccc; - /* border-radius : 4px; - box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1); */ background : white; } @@ -1089,29 +1055,32 @@ body#ttrssMain #feedTree .dijitTreeRow { padding : 2px 0px 2px; height : 22px; border-width : 1px; - border-color : transparent; color : #333; } -body#ttrssMain #feedTree .dijitFolderClosed, -body#ttrssMain #feedTree .dijitFolderOpened { +.claro .dijitTreeRow { + border-color : transparent; +} + +.claro .dijitFolderClosed, +.claro .dijitFolderOpened { display : none; } -.dijitTreeNode .dijitCheckBox { +.claro .dijitTreeNode .dijitCheckBox { margin-left : 4px; } -body#ttrssMain #feedTree .dijitTreeIsRoot > .dijitTreeRow > .dijitTreeExpando { +.claro .dijitTreeIsRoot > .dijitTreeRow > .dijitTreeExpando { margin-left : 5px; } -body#ttrssMain #feedTree .dijitTreeExpando { +.claro .dijitTree .dijitTreeExpando { margin-top : 0px; opacity : 0.6; } -body#ttrssMain #feedTree .dijitTreeNode { +.claro .dijitTreeNode { padding : 0px; border-width : 0px; } @@ -1122,13 +1091,13 @@ body#ttrssMain #feedTree { font-family : "Segoe UI", Tahoma, sans-serif; } -#feedTree .counterNode.aux { +body#ttrssMain #feedTree .counterNode.aux { background : #f0f0f0; color : #999; border-color : #f0f0f0; } -#feedTree .counterNode { +body#ttrssMain #feedTree .counterNode { font-weight : bold; display : inline-block; font-size : 9px; @@ -1147,7 +1116,7 @@ body#ttrssMain #feedTree { height : 14px; } -#feedTree .dijitTreeRow { +.claro .dijitTree .dijitTreeRow { max-width: 100%; overflow: hidden; text-overflow: ellipsis; @@ -1158,46 +1127,36 @@ body#ttrssPrefs hr { max-width : 100%; } -.dijitMenuItemLabel { +.claro .dijitMenuItemLabel { font-size : 13px; } -body#ttrssMain #feedTree .dijitTreeRowSelected { +.claro .dijitTree .dijitTreeRowSelected { background : white; - /* box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1); */ } -body#ttrssMain #feedTree .dijitTreeRowHover { +.claro .dijitTree .dijitTreeRowHover { background : #ecf4ff; } -body#ttrssMain #feedTree .dijitTreeRowActive { +.claro .dijitTree .dijitTreeRowActive { background-color : transparent; background-image : none; border-color : transparent; } -/* body#ttrssMain .dijitTreeRowHover, -body#ttrssPrefs .dijitTreeRowHover, -body#ttrssMain .dijitTreeRowActive, -body#ttrssPrefs .dijitTreeRowActive { - background-color : transparent; - background-image : none; - border-color : transparent; -} */ - -body#ttrssMain .dijitTreeRowSelected .dijitTreeLabel, -body#ttrssPrefs .dijitTreeRowSelected .dijitTreeLabel { +.claro .dijitTreeRowSelected .dijitTreeLabel, +.claro .dijitTreeRowSelected .dijitTreeLabel { color : #4684ff; font-weight : bold; } -body#ttrssMain .dijitTreeRowHover .dijitTreeLabel, -body#ttrssPrefs .dijitTreeRowHover .dijitTreeLabel { +.claro .dijitTreeRowHover .dijitTreeLabel, +.claro .dijitTreeRowHover .dijitTreeLabel { color : #4684ff; } -.dijitTreeRowSelected .dijitTreeLabel { +.claro .dijitTreeRowSelected .dijitTreeLabel { text-shadow : 1px 1px 2px #fff; } @@ -1211,12 +1170,16 @@ span.highlight { color : #cc90cc; } -body#ttrssMain #feedTree .dijitTreeRow .dijitTreeExpando { +.claro .dijitTreeRow .dijitTreeExpando { background-image: url("../images/treeExpandImages.png"); position : relative; top : -1px; } +.claro .dijitTreeRow .dijitTreeExpandoLeaf { + background : none; +} + body#ttrssMain #feedTree .dijitTreeRow .dijitTreeExpandoLeaf { display : none; } @@ -1225,3 +1188,4 @@ div.enclosure_title { } + -- cgit v1.2.3 From 752b3f64049b7b3deedea522a46d4058b70b0b46 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Tue, 28 Jan 2014 00:37:52 +0400 Subject: improve contrast a bit --- css/cdm.css | 2 +- css/prefs.css | 8 ++++---- css/tt-rss.css | 20 ++++++++++---------- 3 files changed, 15 insertions(+), 15 deletions(-) (limited to 'css') diff --git a/css/cdm.css b/css/cdm.css index 3c6f72e1e..a784b04dd 100644 --- a/css/cdm.css +++ b/css/cdm.css @@ -255,7 +255,7 @@ div#floatingTitle { border-style : solid; background : white; color : #555; - box-shadow : 0px 1px 1px 0px rgba(0,0,0,0.1); + box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1); } div#floatingTitle > * { diff --git a/css/prefs.css b/css/prefs.css index da1f3b6dc..bc546c72e 100644 --- a/css/prefs.css +++ b/css/prefs.css @@ -55,7 +55,7 @@ div.prefProfileHolder, div.prefFeedOPMLHolder, div.inactiveFeedHolder { border-color : #eee; border-style : solid; margin : 0px 0px 5px 0px; - background-color : #fafafa; + background-color : #f5f5f5; } div.filterTestHolder, div.prefFeedOPMLHolder { border-width : 1px; @@ -66,7 +66,7 @@ ul.selfUpdateList, ul.userFeedList { overflow : auto; list-style-type : none; border : 1px solid #eee; - background-color : #fafafa; + background-color : #f5f5f5; margin : 0px 0px 5px 0px; padding : 5px; } @@ -88,7 +88,7 @@ div#feedlistLoading img, div#filterlistLoading img, div#labellistLoading { a.bookmarklet { color : #4684ff; border : 1px solid #eee; - background : #fafafa; + background : #f5f5f5; padding : 2px; } @@ -130,7 +130,7 @@ table.prefErrorLog td.filename, table.prefErrorLog td.login, table.prefErrorLog } .claro .dijitToolbar { - background : #fafafa; + background : #f5f5f5; border-color : #eee; } diff --git a/css/tt-rss.css b/css/tt-rss.css index c0c4aa453..30b19c204 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -25,7 +25,7 @@ div.postReply div.postHeader { padding : 5px; margin-right : 4px; color : #909090; - background : #fafafa; + background : #f5f5f5; border-width : 1px; border-color : #eee; border-style : solid; @@ -214,7 +214,7 @@ div.filterTestHolder { border-color : #eee; border-style : solid; margin : 0px 0px 5px 0px; - background-color : #fafafa; + background-color : #f5f5f5; border-width : 1px; } @@ -243,7 +243,7 @@ div.filterTestHolder { border-width : 0px; border-color : #ccc; border-style : solid; - background : #fafafa; + background : #f5f5f5; display : block; max-width : 98%; overflow : auto; @@ -411,7 +411,7 @@ img.markedPic, img.pubPic { div.tagCloudContainer { border : 1px solid #eee; - background-color : #fafafa; + background-color : #f5f5f5; margin : 5px 0px 5px 0px; padding : 5px; text-align : center; @@ -419,7 +419,7 @@ div.tagCloudContainer { div.errorExplained { border : 1px solid #eee; - background-color : #fafafa; + background-color : #f5f5f5; margin : 5px 0px 5px 0px; padding : 5px; } @@ -429,7 +429,7 @@ ul.feedErrorsList { overflow : auto; list-style-type : none; border : 1px solid #eee; - background-color : #fafafa; + background-color : #f5f5f5; margin : 0px 0px 5px 0px; padding : 5px; } @@ -739,7 +739,7 @@ div.fatalError textarea { border-style : solid; border-color : #eee; overflow : hidden; - background : #fafafa; + background : #f5f5f5; } #headlines-wrap-inner { @@ -769,7 +769,7 @@ div.fatalError textarea { } #main-toolbar { - background : #fafafa; + background : white; border-width : 0px 0px 1px 1px; border-color : #eee; border-style : solid; @@ -905,7 +905,7 @@ ul#filterDlg_Matches, ul#filterDlg_Actions { border-style : solid; border-color : #eee; border-width : 0px 1px 1px 1px; - background-color : #fafafa; + background-color : #f5f5f5; margin : 0px 0px 5px 0px; padding : 0px; } @@ -924,7 +924,7 @@ ul.helpKbList { overflow : auto; list-style-type : none; border : 1px solid #eee; - background-color : #fafafa; + background-color : #f5f5f5; margin : 0px 0px 5px 0px; padding : 5px; } -- cgit v1.2.3 From 7637c94d53e6192e2cfe63b70188f60eccea068f Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Tue, 28 Jan 2014 00:39:50 +0400 Subject: filter dialog, use common background for actions --- css/tt-rss.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index 30b19c204..90abb2f8a 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -856,7 +856,7 @@ img.feedIcon, img.tinyFeedIcon { text-shadow : 1px 1px 2px #fff; } -.dijitDialog .dijitToolbar { +.claro .dijitDialog .dijitToolbar { border : 1px solid #eee; } @@ -905,7 +905,7 @@ ul#filterDlg_Matches, ul#filterDlg_Actions { border-style : solid; border-color : #eee; border-width : 0px 1px 1px 1px; - background-color : #f5f5f5; + background-color : white; margin : 0px 0px 5px 0px; padding : 0px; } -- cgit v1.2.3 From 1c51dc736cb16455c3541a0d09a293fd0f1e08e3 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Tue, 28 Jan 2014 00:40:53 +0400 Subject: minor css tweak --- css/cdm.css | 2 +- css/tt-rss.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) (limited to 'css') diff --git a/css/cdm.css b/css/cdm.css index a784b04dd..1c2311399 100644 --- a/css/cdm.css +++ b/css/cdm.css @@ -251,7 +251,7 @@ div#floatingTitle { right : 0px; left : 0px; border-color : #eee; - border-width : 0px 0px 1px 1px; + border-width : 0px 0px 1px 0px; border-style : solid; background : white; color : #555; diff --git a/css/tt-rss.css b/css/tt-rss.css index 90abb2f8a..65923ba7e 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -770,7 +770,7 @@ div.fatalError textarea { #main-toolbar { background : white; - border-width : 0px 0px 1px 1px; + border-width : 0px 0px 1px 0px; border-color : #eee; border-style : solid; padding-left : 4px; -- cgit v1.2.3 From d6b74cd40a1986f9175af80d8f0f02fbff72947c Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Tue, 28 Jan 2014 01:02:09 +0400 Subject: remove fixed alpha from mark/pub unset icons, update checkbox styling --- css/tt-rss.css | 28 ++++++++++++++++++++++++++++ 1 file changed, 28 insertions(+) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index 65923ba7e..5befafd1f 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -407,6 +407,17 @@ a.hlFeed:hover { img.markedPic, img.pubPic { cursor : pointer; vertical-align : middle; + opacity : 0.5; + -webkit-transition : opacity 0.25s; + transition : opacity 0.25s; +} + +img.markedPic:hover, img.pubPic:hover { + opacity : 1; +} + +img[src*='pub_set.png'], img[src*='mark_set.png'] { + opacity : 1; } div.tagCloudContainer { @@ -1188,4 +1199,21 @@ div.enclosure_title { } +.claro .dijitCheckBox { + background-image : url("../images/untick.png"); + background-color : transparent; + width : 16px; + height : 16px; + background-position : center center; + opacity : 0.6; + -webkit-transition : opacity 0.5s; + transition : opacity 0.5s; +} +.claro .dijitCheckBox:hover { + opacity : 1; +} +.claro .dijitCheckBox.dijitCheckBoxChecked { + background-image : url("../images/tick.png"); + opacity : 1; +} -- cgit v1.2.3 From e7c87c298bd153da9d9f500f8f81f94db9c3c1b6 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Tue, 28 Jan 2014 01:10:59 +0400 Subject: update checkbox styling --- css/prefs.css | 1 + css/tt-rss.css | 14 ++++++++++++-- 2 files changed, 13 insertions(+), 2 deletions(-) (limited to 'css') diff --git a/css/prefs.css b/css/prefs.css index bc546c72e..7894cf9e8 100644 --- a/css/prefs.css +++ b/css/prefs.css @@ -143,3 +143,4 @@ table.prefErrorLog td.filename, table.prefErrorLog td.login, table.prefErrorLog top : -2px; } + diff --git a/css/tt-rss.css b/css/tt-rss.css index 5befafd1f..d1c474a72 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -1199,6 +1199,10 @@ div.enclosure_title { } +body#ttrssMain #headlines-frame .dijitCheckBox { + border-width : 0px; +} + .claro .dijitCheckBox { background-image : url("../images/untick.png"); background-color : transparent; @@ -1206,14 +1210,20 @@ div.enclosure_title { height : 16px; background-position : center center; opacity : 0.6; - -webkit-transition : opacity 0.5s; - transition : opacity 0.5s; + -webkit-transition : opacity 0.25s; + transition : opacity 0.25s; + border : 1px solid #eee; + border-radius : 2px; + padding : 1px; } .claro .dijitCheckBox:hover { opacity : 1; } .claro .dijitCheckBox.dijitCheckBoxChecked { + border-color : #ddffdd; background-image : url("../images/tick.png"); opacity : 1; } + + -- cgit v1.2.3 From 8d6fd8be85fb00ccc2e63af39ceb11f90f411147 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Tue, 28 Jan 2014 01:15:20 +0400 Subject: disable :focus selector --- css/tt-rss.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index d1c474a72..5cb9d8101 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -1226,4 +1226,6 @@ body#ttrssMain #headlines-frame .dijitCheckBox { opacity : 1; } - +:focus { + outline: none; +} -- cgit v1.2.3 From cdbcb2778a8aef8ad4677056c42cb3caad18cd0c Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Tue, 28 Jan 2014 01:39:24 +0400 Subject: move Zoom stylesheet to a separate file update stylesheet/javascript tag helpers to return output instead of printing it --- css/tt-rss.css | 69 ---------------------------------------------------------- 1 file changed, 69 deletions(-) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index 5cb9d8101..98ff38290 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -978,75 +978,6 @@ div.postHeader span.author { font-weight : normal; } -body#ttrssZoom { - margin-left : auto; - margin-right : auto; - padding : 20px; - max-width : 670px; - background : #f9fbff; -} - -body#ttrssZoom div.postHeader div.postFeedTitle { - float : left; - text-align : right; - padding-left : 0px; - font-size : 10px; -} - -body#ttrssZoom div.postHeader a.postComments { - text-align : right; - padding-left : 0px; - font-size : 10px; -} - -body#ttrssZoom div.postHeader div.postDate { - float : none; - text-align : right; - padding-left : 0px; - color : #777; - font-size : 10px; -} - -body#ttrssZoom div.postHeader div.postTags { - color : #777; - font-size : 10px; -} - -body#ttrssZoom div.postHeader div.postTitle { - white-space : normal; -} - -body#ttrssZoom div.postContent p { - max-width : 650px; - -webkit-hyphens: auto; - -moz-hyphens: auto; - hyphens: auto; -} - -body#ttrssZoom div.postHeader { - margin : 10px; - border : 1px solid #ccc; -} - -body#ttrssZoom div.postReply { - border : 1px solid #ccc; - background : white; -} - -body#ttrssZoom div.postContent { - -} - -body#ttrssZoom div.footer { - margin-top : 1em; - text-align : center; -} - -body#ttrssZoom div.postContent img { - max-width : 650px; - height : auto; -} - select.attachments { display : block; margin-top : 10px; -- cgit v1.2.3 From f3479db38493629f4affd0b382af7b3764359a14 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Tue, 28 Jan 2014 01:42:17 +0400 Subject: add previously missed zoom.css remove unused scriptaculous parts --- css/zoom.css | 70 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 70 insertions(+) create mode 100644 css/zoom.css (limited to 'css') diff --git a/css/zoom.css b/css/zoom.css new file mode 100644 index 000000000..166361a70 --- /dev/null +++ b/css/zoom.css @@ -0,0 +1,70 @@ +body#ttrssZoom { + margin-left : auto; + margin-right : auto; + padding : 20px; + max-width : 670px; + background : #f5f5f5; +} + +body#ttrssZoom div.postHeader div.postFeedTitle { + float : left; + text-align : right; + padding-left : 0px; + font-size : 10px; +} + +body#ttrssZoom div.postHeader a.postComments { + text-align : right; + padding-left : 0px; + font-size : 10px; +} + +body#ttrssZoom div.postHeader div.postDate { + float : none; + text-align : right; + padding-left : 0px; + color : #777; + font-size : 10px; +} + +body#ttrssZoom div.postHeader div.postTags { + color : #777; + font-size : 10px; +} + +body#ttrssZoom div.postHeader div.postTitle { + white-space : normal; +} + +body#ttrssZoom div.postContent p { + max-width : 650px; + -webkit-hyphens: auto; + -moz-hyphens: auto; + hyphens: auto; +} + +body#ttrssZoom div.postHeader { + margin : 10px; + border : 1px solid #eee; +} + +body#ttrssZoom div.postReply { + border : 1px solid #eee; + background : white; +} + +body#ttrssZoom div.postContent { + +} + +body#ttrssZoom div.footer { + margin-top : 1em; + text-align : center; +} + +body#ttrssZoom div.postContent img { + max-width : 650px; + height : auto; +} + + -- cgit v1.2.3 From 487e1baee202132ced0896564156e4c4cadc742e Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Tue, 28 Jan 2014 10:07:52 +0400 Subject: remove transition from disabled checkbox --- css/prefs.css | 2 +- css/tt-rss.css | 4 ++++ 2 files changed, 5 insertions(+), 1 deletion(-) (limited to 'css') diff --git a/css/prefs.css b/css/prefs.css index 7894cf9e8..b5763f4ab 100644 --- a/css/prefs.css +++ b/css/prefs.css @@ -55,7 +55,7 @@ div.prefProfileHolder, div.prefFeedOPMLHolder, div.inactiveFeedHolder { border-color : #eee; border-style : solid; margin : 0px 0px 5px 0px; - background-color : #f5f5f5; + background-color : white; } div.filterTestHolder, div.prefFeedOPMLHolder { border-width : 1px; diff --git a/css/tt-rss.css b/css/tt-rss.css index 98ff38290..32b27bf46 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -1151,6 +1151,10 @@ body#ttrssMain #headlines-frame .dijitCheckBox { opacity : 1; } +.claro .dijitCheckBox.dijitCheckBoxDisabled:hover { + opacity : 0.6; +} + .claro .dijitCheckBox.dijitCheckBoxChecked { border-color : #ddffdd; background-image : url("../images/tick.png"); -- cgit v1.2.3 From 2842d7c2f1724422fc9bd989d5119bad55df10ee Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Tue, 28 Jan 2014 11:08:32 +0400 Subject: bring back expando progressbars in feedtree --- css/tt-rss.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index 32b27bf46..2009d8f81 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -1120,11 +1120,11 @@ span.highlight { .claro .dijitTreeRow .dijitTreeExpandoLeaf { background : none; -} +} -body#ttrssMain #feedTree .dijitTreeRow .dijitTreeExpandoLeaf { +/* body#ttrssMain #feedTree .dijitTreeRow .dijitTreeExpandoLeaf { display : none; -} +} */ div.enclosure_title { -- cgit v1.2.3 From 0cdf4e401118c68bbf3b6d84219deb1e640be5fa Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Tue, 28 Jan 2014 11:15:02 +0400 Subject: tree css tweaks --- css/tt-rss.css | 11 ----------- 1 file changed, 11 deletions(-) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index 2009d8f81..c3a36bd0f 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -1087,17 +1087,6 @@ body#ttrssPrefs hr { border-color : transparent; } -.claro .dijitTreeRowSelected .dijitTreeLabel, -.claro .dijitTreeRowSelected .dijitTreeLabel { - color : #4684ff; - font-weight : bold; -} - -.claro .dijitTreeRowHover .dijitTreeLabel, -.claro .dijitTreeRowHover .dijitTreeLabel { - color : #4684ff; -} - .claro .dijitTreeRowSelected .dijitTreeLabel { text-shadow : 1px 1px 2px #fff; } -- cgit v1.2.3 From 4154cba3ae60a64847016fab5c97a1a5f877384e Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Tue, 28 Jan 2014 13:30:23 +0400 Subject: add bootstrap-like css overrides for dijit buttons --- css/tt-rss.css | 150 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 149 insertions(+), 1 deletion(-) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index c3a36bd0f..c3bb7b810 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -309,6 +309,7 @@ div.prefHelp { display : table-cell; color : #999; font-family : "Segoe UI", Tahoma, sans-serif; + font-size : 12px; } #main-toolbar #headlines-toolbar { @@ -1129,7 +1130,7 @@ body#ttrssMain #headlines-frame .dijitCheckBox { width : 16px; height : 16px; background-position : center center; - opacity : 0.6; + opacity : 0.4; -webkit-transition : opacity 0.25s; transition : opacity 0.25s; border : 1px solid #eee; @@ -1150,6 +1151,153 @@ body#ttrssMain #headlines-frame .dijitCheckBox { opacity : 1; } +.claro .dijitButton .dijitButtonNode, +.claro .dijitComboButton .dijitButtonNode, +.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode, +.claro .dijitToolbar .dijitComboButton, +.claro .dijitToolbar .dijitComboButton .dijitButtonNode { + background : none; + border-color : transparent; + box-shadow : none; +} + +.claro .dijitButton, +.claro .dijitComboButton { + display: inline-block; + padding: 4px 12px; + margin-bottom: 0; + font-size: 14px; + line-height: 20px; + color: #333333; + text-align: center; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); + vertical-align: middle; + cursor: pointer; + background-color: #f5f5f5; + background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); + background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); + background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); + background-repeat: repeat-x; + border: 1px solid #cccccc; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + border-bottom-color: #b3b3b3; + -webkit-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); +} + +.claro .dijitButton:hover, +.claro .dijitButton:focus, +.claro .dijitButton:active, +.claro .dijitComboButton:hover, +.claro .dijitComboButton:focus, +.claro .dijitComboButton:active, +.claro .dijitButton.dijitButtonDisabled { + color: #333333; + background-color: #e6e6e6; +} + +.claro .dijitButton:active, +.claro .dijitComboButton:active { + background-color: #cccccc \9; +} + +.claro .dijitToolbar .dijitButton, +.claro .dijitToolbar .dijitButton.dijitHover, +.claro .dijitToolbar .dijitComboButton, +.claro .dijitToolbar .dijitComboButton.dijitHover { + background : none; + border-color : transparent; + box-shadow : none; + padding : 0px; + margin : 0px; + line-height : auto; +} + +.claro .dijitToolbar .dijitButton.dijitHover, +.claro .dijitToolbar .dijitDropDownButton.dijitHover .dijitButtonNode, +.claro .dijitToolbar .dijitComboButton.dijitHover { + border-color : #ccc; +} + +.claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode, +.claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode { + background : none; +} + +.claro .dijitToolbar .dijitButton .dijitButtonContents, +.claro .dijitToolbar .dijitDropDownButton .dijitButtonContents, +.claro .dijitToolbar .dijitComboButton .dijitButtonContents { + font-size : 13px; +} + +.claro .dijitButton:hover, +.claro .dijitToolbar .dijitButton:hover .dijitButtonNode, +.claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode, +.claro .dijitButton:focus, +.claro .dijitComboButton:hover, +.claro .dijitComboButton:focus { + color: #333333; + text-decoration: none; + background-position: 0 -15px; + -webkit-transition: background-position 0.1s linear; + transition: background-position 0.1s linear; +} + +.claro .dijitButton:focus, +.claro .dijitComboButton:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +.claro .dijitButton:active, +.claro .dijitComboButton:active, +.claro .dijitToolbar .dijitDropDownButton.dijitOpened, +.claro .dijitToolbar .dijitComboButton.dijitOpened, +.claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode { + background-image: none; + outline: 0; + -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); +} + +.claro .dijitButton[disabled], +.claro .dijitButton.dijitButtonDisabled, +.claro .dijitComboButton.dijitButtonDisabled { + cursor: default; + background-image: none; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + box-shadow: none; +} + +.claro .dijitButton .dijitButtonContents, +.claro .dijitComboButton .dijitButtonContents { + font-size : 14px; + font-weight : normal; + line-height : 20px; +} + +.claro .dijitMenu { + border-color : #ccc; +} + +.claro .dijitMenu .dijitMenuItem.dijitHover, +.claro .dijitMenu .dijitMenuItem.dijitFocused, +.claro .dijitMenuTable .dijitMenuItem.dijitHover .dijitMenuItemLabel, +.claro .dijitMenuTable .dijitMenuItem.dijitFocused .dijitMenuItemLabel { + background : #eee; + border-color : transparent; +} + +.claro .dijitButton .dijitButtonNode, +.claro .dijitComboButton .dijitButtonNode { + padding : 0px; +} + :focus { outline: none; } -- cgit v1.2.3 From d0b72e7a92d0ed23dced0fc731ea8c499f426f3c Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Tue, 28 Jan 2014 13:33:53 +0400 Subject: extend button code for regular buttons --- css/tt-rss.css | 15 +++++++++++++++ 1 file changed, 15 insertions(+) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index c3bb7b810..459413ed5 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -1161,6 +1161,12 @@ body#ttrssMain #headlines-frame .dijitCheckBox { box-shadow : none; } +button { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size : 14px; +} + +button, .claro .dijitButton, .claro .dijitComboButton { display: inline-block; @@ -1187,6 +1193,9 @@ body#ttrssMain #headlines-frame .dijitCheckBox { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } +button:hover, +button:focus, +button:active, .claro .dijitButton:hover, .claro .dijitButton:focus, .claro .dijitButton:active, @@ -1198,6 +1207,7 @@ body#ttrssMain #headlines-frame .dijitCheckBox { background-color: #e6e6e6; } +button:active, .claro .dijitButton:active, .claro .dijitComboButton:active { background-color: #cccccc \9; @@ -1232,6 +1242,8 @@ body#ttrssMain #headlines-frame .dijitCheckBox { font-size : 13px; } +button:hover, +button:focus, .claro .dijitButton:hover, .claro .dijitToolbar .dijitButton:hover .dijitButtonNode, .claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode, @@ -1245,6 +1257,7 @@ body#ttrssMain #headlines-frame .dijitCheckBox { transition: background-position 0.1s linear; } +button:focus, .claro .dijitButton:focus, .claro .dijitComboButton:focus { outline: thin dotted #333; @@ -1252,6 +1265,7 @@ body#ttrssMain #headlines-frame .dijitCheckBox { outline-offset: -2px; } +button:active, .claro .dijitButton:active, .claro .dijitComboButton:active, .claro .dijitToolbar .dijitDropDownButton.dijitOpened, @@ -1263,6 +1277,7 @@ body#ttrssMain #headlines-frame .dijitCheckBox { box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } +button[disabled], .claro .dijitButton[disabled], .claro .dijitButton.dijitButtonDisabled, .claro .dijitComboButton.dijitButtonDisabled { -- cgit v1.2.3 From 6a4bb7be3370a706bd707089ac02095b727b12dc Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Tue, 28 Jan 2014 14:20:35 +0400 Subject: minor update to zoom css --- css/zoom.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) (limited to 'css') diff --git a/css/zoom.css b/css/zoom.css index 166361a70..d8d865d9c 100644 --- a/css/zoom.css +++ b/css/zoom.css @@ -45,7 +45,10 @@ body#ttrssZoom div.postContent p { body#ttrssZoom div.postHeader { margin : 10px; - border : 1px solid #eee; + border-width : 0px 0px 1px 0px; + border-style : solid; + border-color #eee; + background : white; } body#ttrssZoom div.postReply { -- cgit v1.2.3 From ea2dbc7ad5a7dc9e16ec86f32dd9e37d58888534 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Tue, 28 Jan 2014 14:21:32 +0400 Subject: update normal postHeader --- css/tt-rss.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index 459413ed5..7f7a6b642 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -25,8 +25,7 @@ div.postReply div.postHeader { padding : 5px; margin-right : 4px; color : #909090; - background : #f5f5f5; - border-width : 1px; + border-width : 0px 0px 1px 0px; border-color : #eee; border-style : solid; } -- cgit v1.2.3 From 196724d1b57e4cf47a1de9cd361f9a4f36472e1c Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Tue, 28 Jan 2014 15:12:22 +0400 Subject: add dijit.css to default theme --- css/dijit.css | 315 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ css/prefs.css | 5 + css/tt-rss.css | 313 +------------------------------------------------------- 3 files changed, 322 insertions(+), 311 deletions(-) create mode 100644 css/dijit.css (limited to 'css') diff --git a/css/dijit.css b/css/dijit.css new file mode 100644 index 000000000..d13958dfb --- /dev/null +++ b/css/dijit.css @@ -0,0 +1,315 @@ +/* Tree */ + +.claro .dijitTreeLabel { + outline : 0; +} + +.claro .dijitTree .feedParam { + color : #555; + float : right; + margin-right : 1em; +} + +.claro .dijitTree .labelParam { + float : right; + margin-right : 1em; +} + +.claro .dijitTree .dijitTreeLabel.Disabled, +.claro .dijitTree .labelParam.Disabled { + color : #555; +} + +.claro .dijitTreeRow.Error { + color : red; +} + +.claro .dijitTreeRow.Hidden { + display : none; +} + +.claro .dijitTreeNode .loadingNode { + margin-left : 3px; + height : 9px; +} + +.claro .dijitFolderClosed, +.claro .dijitFolderOpened { + display : none; +} + +.claro .dijitTreeNode .dijitCheckBox { + margin-left : 4px; +} + +.claro .dijitTreeIsRoot > .dijitTreeRow > .dijitTreeExpando { + margin-left : 5px; +} + +.claro .dijitTree .dijitTreeExpando { + margin-top : 0px; + opacity : 0.6; +} + +.claro .dijitTree .dijitTreeNode { + padding : 0px; + border-width : 0px; +} + +.claro .dijitTree .dijitTreeRow { + max-width: 100%; + overflow: hidden; + text-overflow: ellipsis; +} + +.claro .dijitTree .dijitTreeRowSelected { + background : white; +} + +.claro .dijitTree .dijitTreeRowHover { + background : #f0f0f0; + border-color : #ddd; +} + +.claro .dijitTree .dijitTreeRowSelected { + background : white; + border-color : #ddd; +} + +.claro .dijitTreeRowSelected .dijitTreeLabel { + text-shadow : 1px 1px 2px #fff; +} + +.claro .dijitTreeRow .dijitTreeExpando { + background-image: url("../images/treeExpandImages.png"); + position : relative; + top : -1px; +} + +.claro .dijitTreeRow .dijitTreeExpandoLeaf { + background : none; +} + +/* Toolbar */ + +.claro .dijitToolbar { + text-shadow : 1px 1px 2px #fff; +} + +/* Dialog */ + +.claro .dijitDialog .dijitToolbar { + border : 1px solid #eee; +} + +.claro .dijitDialog h2 { + margin-top : 0px; + margin-bottom : 4px; + border-width : 0px; +} + +.claro .dijitMenuItemLabel { + font-size : 13px; +} + +/* Checkbox */ + +.claro .dijitCheckBox { + background-image : url("../images/untick.png"); + background-color : transparent; + width : 16px; + height : 16px; + background-position : center center; + opacity : 0.4; + -webkit-transition : opacity 0.25s; + transition : opacity 0.25s; + border : 1px solid #eee; + border-radius : 2px; + padding : 1px; +} + +.claro .dijitCheckBox:hover { + opacity : 1; +} + +.claro .dijitCheckBox.dijitCheckBoxDisabled:hover { + opacity : 0.6; +} + +.claro .dijitCheckBox.dijitCheckBoxChecked { + border-color : #ddffdd; + background-image : url("../images/tick.png"); + opacity : 1; +} + +/* Various buttons */ + +.claro .dijitButton .dijitButtonNode, +.claro .dijitComboButton .dijitButtonNode, +.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode, +.claro .dijitToolbar .dijitComboButton, +.claro .dijitToolbar .dijitComboButton .dijitButtonNode { + background : none; + border-color : transparent; + box-shadow : none; +} + +button { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size : 14px; +} + +button, +.claro .dijitButton, +.claro .dijitComboButton { + display: inline-block; + padding: 4px 12px; + margin-bottom: 0; + font-size: 14px; + line-height: 20px; + color: #333333; + text-align: center; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); + vertical-align: middle; + cursor: pointer; + background-color: #f5f5f5; + background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); + background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); + background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); + background-repeat: repeat-x; + border: 1px solid #cccccc; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + border-bottom-color: #b3b3b3; + -webkit-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); +} + +button:hover, +button:focus, +button:active, +.claro .dijitButton:hover, +.claro .dijitButton:focus, +.claro .dijitButton:active, +.claro .dijitComboButton:hover, +.claro .dijitComboButton:focus, +.claro .dijitComboButton:active, +.claro .dijitButton.dijitButtonDisabled { + color: #333333; + background-color: #e6e6e6; +} + +button:active, +.claro .dijitButton:active, +.claro .dijitComboButton:active { + background-color: #cccccc \9; +} + +.claro .dijitToolbar .dijitButton, +.claro .dijitToolbar .dijitButton.dijitHover, +.claro .dijitToolbar .dijitComboButton, +.claro .dijitToolbar .dijitComboButton.dijitHover { + background : none; + border-color : transparent; + box-shadow : none; + padding : 0px; + margin : 0px; + line-height : auto; +} + +.claro .dijitToolbar .dijitButton.dijitHover, +.claro .dijitToolbar .dijitDropDownButton.dijitHover .dijitButtonNode, +.claro .dijitToolbar .dijitComboButton.dijitHover { + border-color : #ccc; +} + +.claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode, +.claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode { + background : none; +} + +.claro .dijitToolbar .dijitButton .dijitButtonContents, +.claro .dijitToolbar .dijitDropDownButton .dijitButtonContents, +.claro .dijitToolbar .dijitComboButton .dijitButtonContents { + font-size : 13px; +} + +button:hover, +button:focus, +.claro .dijitButton:hover, +.claro .dijitToolbar .dijitButton:hover .dijitButtonNode, +.claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode, +.claro .dijitButton:focus, +.claro .dijitComboButton:hover, +.claro .dijitComboButton:focus { + color: #333333; + text-decoration: none; + background-position: 0 -15px; + -webkit-transition: background-position 0.1s linear; + transition: background-position 0.1s linear; +} + +button:focus, +.claro .dijitButton:focus, +.claro .dijitComboButton:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +button:active, +.claro .dijitButton:active, +.claro .dijitComboButton:active, +.claro .dijitToolbar .dijitDropDownButton.dijitOpened, +.claro .dijitToolbar .dijitComboButton.dijitOpened, +.claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode { + background-image: none; + outline: 0; + -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); +} + +button[disabled], +.claro .dijitButton[disabled], +.claro .dijitButton.dijitButtonDisabled, +.claro .dijitComboButton.dijitButtonDisabled { + cursor: default; + background-image: none; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + box-shadow: none; +} + +.claro .dijitButton .dijitButtonContents, +.claro .dijitComboButton .dijitButtonContents { + font-size : 14px; + font-weight : normal; + line-height : 20px; +} + +.claro .dijitMenu { + border-color : #ccc; +} + +.claro .dijitMenu .dijitMenuItem.dijitHover, +.claro .dijitMenu .dijitMenuItem.dijitFocused, +.claro .dijitMenuTable .dijitMenuItem.dijitHover .dijitMenuItemLabel, +.claro .dijitMenuTable .dijitMenuItem.dijitFocused .dijitMenuItemLabel { + background : #eee; + border-color : transparent; +} + +.claro .dijitButton .dijitButtonNode, +.claro .dijitComboButton .dijitButtonNode { + padding : 0px; +} + +/* Other stuff */ + +.claro .dijitAccordionTitleFocus { + text-shadow : 1px 1px 2px #fff; +} + + diff --git a/css/prefs.css b/css/prefs.css index b5763f4ab..502552599 100644 --- a/css/prefs.css +++ b/css/prefs.css @@ -118,6 +118,11 @@ table.prefErrorLog td.filename, table.prefErrorLog td.login, table.prefErrorLog color : #555; } +body#ttrssPrefs hr { + border-color : #ecf4ff; + max-width : 100%; +} + .claro .dijitTabPaneWrapper, .claro .dijitTabContainerTop-tabs, .claro .dijitTab, diff --git a/css/tt-rss.css b/css/tt-rss.css index 7f7a6b642..2d5787e51 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -824,33 +824,6 @@ div.fatalError textarea { color : red; } -.claro .dijitTreeLabel { - outline : 0; -} - -.feedParam { - color : #555; - float : right; - margin-right : 1em; -} - -.labelParam { - float : right; - margin-right : 1em; -} - -.dijitTreeLabel.Disabled, .labelParam.Disabled { - color : #555; -} - -.dijitTreeRow.Error { - color : red; -} - -.dijitTreeRow.Hidden { - display : none; -} - img.feedIcon, img.tinyFeedIcon { width : 16px; height : 16px; @@ -859,24 +832,6 @@ img.feedIcon, img.tinyFeedIcon { display : inline-block; } -.dijitToolbar { - text-shadow : 1px 1px 2px #fff; -} - -.dijitAccordionTitleFocus { - text-shadow : 1px 1px 2px #fff; -} - -.claro .dijitDialog .dijitToolbar { - border : 1px solid #eee; -} - -.dijitDialog h2 { - margin-top : 0px; - margin-bottom : 4px; - border-width : 0px; -} - .player { display : inline-block; color : #555; @@ -926,10 +881,6 @@ ul#filterDlg_Matches li, ul#filterDlg_Actions li { padding : 0px 0px 0px 5px; } -ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox { - margin-right : 5px; -} - ul.helpKbList { max-height : 300px; overflow : auto; @@ -952,11 +903,6 @@ ul.helpKbList h2 { margin-top : 0px; } -.dijitTreeNode .loadingNode { - margin-left : 3px; - height : 9px; -} - span.collapseBtn { cursor : pointer; } @@ -1000,31 +946,8 @@ body#ttrssMain #feedTree .dijitTreeRow { color : #333; } -.claro .dijitTreeRow { - border-color : transparent; -} - -.claro .dijitFolderClosed, -.claro .dijitFolderOpened { - display : none; -} - -.claro .dijitTreeNode .dijitCheckBox { - margin-left : 4px; -} - -.claro .dijitTreeIsRoot > .dijitTreeRow > .dijitTreeExpando { - margin-left : 5px; -} - -.claro .dijitTree .dijitTreeExpando { - margin-top : 0px; - opacity : 0.6; -} - -.claro .dijitTreeNode { - padding : 0px; - border-width : 0px; +ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox { + margin-right : 5px; } body#ttrssMain #feedTree { @@ -1058,39 +981,6 @@ body#ttrssMain #feedTree .counterNode { height : 14px; } -.claro .dijitTree .dijitTreeRow { - max-width: 100%; - overflow: hidden; - text-overflow: ellipsis; -} - -body#ttrssPrefs hr { - border-color : #ecf4ff; - max-width : 100%; -} - -.claro .dijitMenuItemLabel { - font-size : 13px; -} - -.claro .dijitTree .dijitTreeRowSelected { - background : white; -} - -.claro .dijitTree .dijitTreeRowHover { - background : #ecf4ff; -} - -.claro .dijitTree .dijitTreeRowActive { - background-color : transparent; - background-image : none; - border-color : transparent; -} - -.claro .dijitTreeRowSelected .dijitTreeLabel { - text-shadow : 1px 1px 2px #fff; -} - #feedTree img[src*='indicator_white.gif'] { position : relative; top : -2px; @@ -1101,16 +991,6 @@ span.highlight { color : #cc90cc; } -.claro .dijitTreeRow .dijitTreeExpando { - background-image: url("../images/treeExpandImages.png"); - position : relative; - top : -1px; -} - -.claro .dijitTreeRow .dijitTreeExpandoLeaf { - background : none; -} - /* body#ttrssMain #feedTree .dijitTreeRow .dijitTreeExpandoLeaf { display : none; } */ @@ -1123,195 +1003,6 @@ body#ttrssMain #headlines-frame .dijitCheckBox { border-width : 0px; } -.claro .dijitCheckBox { - background-image : url("../images/untick.png"); - background-color : transparent; - width : 16px; - height : 16px; - background-position : center center; - opacity : 0.4; - -webkit-transition : opacity 0.25s; - transition : opacity 0.25s; - border : 1px solid #eee; - border-radius : 2px; - padding : 1px; -} -.claro .dijitCheckBox:hover { - opacity : 1; -} - -.claro .dijitCheckBox.dijitCheckBoxDisabled:hover { - opacity : 0.6; -} - -.claro .dijitCheckBox.dijitCheckBoxChecked { - border-color : #ddffdd; - background-image : url("../images/tick.png"); - opacity : 1; -} - -.claro .dijitButton .dijitButtonNode, -.claro .dijitComboButton .dijitButtonNode, -.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode, -.claro .dijitToolbar .dijitComboButton, -.claro .dijitToolbar .dijitComboButton .dijitButtonNode { - background : none; - border-color : transparent; - box-shadow : none; -} - -button { - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size : 14px; -} - -button, -.claro .dijitButton, -.claro .dijitComboButton { - display: inline-block; - padding: 4px 12px; - margin-bottom: 0; - font-size: 14px; - line-height: 20px; - color: #333333; - text-align: center; - text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); - vertical-align: middle; - cursor: pointer; - background-color: #f5f5f5; - background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); - background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); - background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); - background-repeat: repeat-x; - border: 1px solid #cccccc; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - border-bottom-color: #b3b3b3; - -webkit-border-radius: 4px; - border-radius: 4px; - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -} - -button:hover, -button:focus, -button:active, -.claro .dijitButton:hover, -.claro .dijitButton:focus, -.claro .dijitButton:active, -.claro .dijitComboButton:hover, -.claro .dijitComboButton:focus, -.claro .dijitComboButton:active, -.claro .dijitButton.dijitButtonDisabled { - color: #333333; - background-color: #e6e6e6; -} - -button:active, -.claro .dijitButton:active, -.claro .dijitComboButton:active { - background-color: #cccccc \9; -} - -.claro .dijitToolbar .dijitButton, -.claro .dijitToolbar .dijitButton.dijitHover, -.claro .dijitToolbar .dijitComboButton, -.claro .dijitToolbar .dijitComboButton.dijitHover { - background : none; - border-color : transparent; - box-shadow : none; - padding : 0px; - margin : 0px; - line-height : auto; -} - -.claro .dijitToolbar .dijitButton.dijitHover, -.claro .dijitToolbar .dijitDropDownButton.dijitHover .dijitButtonNode, -.claro .dijitToolbar .dijitComboButton.dijitHover { - border-color : #ccc; -} - -.claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode, -.claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode { - background : none; -} - -.claro .dijitToolbar .dijitButton .dijitButtonContents, -.claro .dijitToolbar .dijitDropDownButton .dijitButtonContents, -.claro .dijitToolbar .dijitComboButton .dijitButtonContents { - font-size : 13px; -} - -button:hover, -button:focus, -.claro .dijitButton:hover, -.claro .dijitToolbar .dijitButton:hover .dijitButtonNode, -.claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode, -.claro .dijitButton:focus, -.claro .dijitComboButton:hover, -.claro .dijitComboButton:focus { - color: #333333; - text-decoration: none; - background-position: 0 -15px; - -webkit-transition: background-position 0.1s linear; - transition: background-position 0.1s linear; -} - -button:focus, -.claro .dijitButton:focus, -.claro .dijitComboButton:focus { - outline: thin dotted #333; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} - -button:active, -.claro .dijitButton:active, -.claro .dijitComboButton:active, -.claro .dijitToolbar .dijitDropDownButton.dijitOpened, -.claro .dijitToolbar .dijitComboButton.dijitOpened, -.claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode { - background-image: none; - outline: 0; - -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -} - -button[disabled], -.claro .dijitButton[disabled], -.claro .dijitButton.dijitButtonDisabled, -.claro .dijitComboButton.dijitButtonDisabled { - cursor: default; - background-image: none; - opacity: 0.65; - filter: alpha(opacity=65); - -webkit-box-shadow: none; - box-shadow: none; -} - -.claro .dijitButton .dijitButtonContents, -.claro .dijitComboButton .dijitButtonContents { - font-size : 14px; - font-weight : normal; - line-height : 20px; -} - -.claro .dijitMenu { - border-color : #ccc; -} - -.claro .dijitMenu .dijitMenuItem.dijitHover, -.claro .dijitMenu .dijitMenuItem.dijitFocused, -.claro .dijitMenuTable .dijitMenuItem.dijitHover .dijitMenuItemLabel, -.claro .dijitMenuTable .dijitMenuItem.dijitFocused .dijitMenuItemLabel { - background : #eee; - border-color : transparent; -} - -.claro .dijitButton .dijitButtonNode, -.claro .dijitComboButton .dijitButtonNode { - padding : 0px; -} - :focus { outline: none; } -- cgit v1.2.3 From 2204dca90b86685b7611a83fc4b189686349b6ce Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Tue, 28 Jan 2014 15:30:48 +0400 Subject: handle input type submit --- css/dijit.css | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) (limited to 'css') diff --git a/css/dijit.css b/css/dijit.css index d13958dfb..8bebe8694 100644 --- a/css/dijit.css +++ b/css/dijit.css @@ -154,12 +154,14 @@ box-shadow : none; } -button { +button, +input[type="submit"] { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size : 14px; } button, +input[type="submit"], .claro .dijitButton, .claro .dijitComboButton { display: inline-block; @@ -189,6 +191,9 @@ button, button:hover, button:focus, button:active, +input[type="submit"]:hover, +input[type="submit"]:focus, +input[type="submit"]:active, .claro .dijitButton:hover, .claro .dijitButton:focus, .claro .dijitButton:active, @@ -201,6 +206,7 @@ button:active, } button:active, +input[type="submit"]:active, .claro .dijitButton:active, .claro .dijitComboButton:active { background-color: #cccccc \9; @@ -237,6 +243,8 @@ button:active, button:hover, button:focus, +input[type="submit"]:hover, +input[type="submit"]:focus, .claro .dijitButton:hover, .claro .dijitToolbar .dijitButton:hover .dijitButtonNode, .claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode, @@ -251,6 +259,7 @@ button:focus, } button:focus, +input[type="submit"]:focus, .claro .dijitButton:focus, .claro .dijitComboButton:focus { outline: thin dotted #333; @@ -259,6 +268,7 @@ button:focus, } button:active, +input[type="submit"]:active, .claro .dijitButton:active, .claro .dijitComboButton:active, .claro .dijitToolbar .dijitDropDownButton.dijitOpened, @@ -270,6 +280,7 @@ button:active, box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } +input[type="submit"][disabled], button[disabled], .claro .dijitButton[disabled], .claro .dijitButton.dijitButtonDisabled, -- cgit v1.2.3 From 24a1ac78a79e522cbeddd6d55cd389ff2eb642cb Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Tue, 28 Jan 2014 15:31:13 +0400 Subject: update utility.css --- css/utility.css | 9 ++------- 1 file changed, 2 insertions(+), 7 deletions(-) (limited to 'css') diff --git a/css/utility.css b/css/utility.css index 587061bcc..b110c08b8 100644 --- a/css/utility.css +++ b/css/utility.css @@ -1,5 +1,5 @@ body { - background : #f9fbff; + background : #f5f5f5; color : black; padding : 0px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; @@ -19,8 +19,6 @@ div.content { background : white; border : 1px solid #ccc; padding : 10px; - border-radius : 4px; - box-shadow : inset 0 0 3px rgba(0,0,0,0.1); } p.warning { @@ -41,9 +39,7 @@ div.insensitive-small { } .floatingLogo { - float : right; - position : relative; - top : -10px; + display : none; } a { @@ -62,7 +58,6 @@ div.notice, div.warning, div.error { font-size : 12px; border-style : solid; border-color : #ccc; - border-radius : 4px; border-width : 1px; box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); } -- cgit v1.2.3 From 03700cb6398e26c197ccc91ce4d8b85b60f49ba8 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Tue, 28 Jan 2014 15:40:33 +0400 Subject: increase border contrast a bit --- css/cdm.css | 8 ++++++-- css/dijit.css | 6 +++--- css/tt-rss.css | 30 +++++++++++++----------------- css/utility.css | 2 +- css/zoom.css | 2 +- 5 files changed, 24 insertions(+), 24 deletions(-) (limited to 'css') diff --git a/css/cdm.css b/css/cdm.css index 1c2311399..a7b7c74f5 100644 --- a/css/cdm.css +++ b/css/cdm.css @@ -68,6 +68,10 @@ div.cdmFooter { clear : both; } +div.cdm { + margin-right : 4px; +} + div.cdm.expanded { margin-top : 4px; margin-bottom : 4px; @@ -76,7 +80,7 @@ div.cdm.expanded { div.cdm.expanded div.cdmFooter { border-style : solid; border-width : 0px 0px 1px 0px; - border-color : #f0f0f0; + border-color : #ddd; } div.cdm.expandable { @@ -250,7 +254,7 @@ div#floatingTitle { top : 0px; right : 0px; left : 0px; - border-color : #eee; + border-color : #ddd; border-width : 0px 0px 1px 0px; border-style : solid; background : white; diff --git a/css/dijit.css b/css/dijit.css index 8bebe8694..a3d1e19c5 100644 --- a/css/dijit.css +++ b/css/dijit.css @@ -96,12 +96,12 @@ text-shadow : 1px 1px 2px #fff; } -/* Dialog */ - .claro .dijitDialog .dijitToolbar { - border : 1px solid #eee; + border : 1px solid #ddd; } +/* Dialog */ + .claro .dijitDialog h2 { margin-top : 0px; margin-bottom : 4px; diff --git a/css/tt-rss.css b/css/tt-rss.css index 2d5787e51..5b7567db0 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -26,7 +26,7 @@ div.postReply div.postHeader { margin-right : 4px; color : #909090; border-width : 0px 0px 1px 0px; - border-color : #eee; + border-color : #ddd; border-style : solid; } @@ -200,7 +200,7 @@ a:hover { .hl { border-width : 0px 0px 1px 0px; border-style : solid; - border-color : #eee; + border-color : #ddd; } .hl.active { @@ -210,7 +210,7 @@ a:hover { div.filterTestHolder { height : 300px; overflow : auto; - border-color : #eee; + border-color : #ddd; border-style : solid; margin : 0px 0px 5px 0px; background-color : #f5f5f5; @@ -382,7 +382,7 @@ div.postHeader div { #allEntryTags { border-width : 0px 0px 1px 0px; border-style : solid; - border-color : #eee; + border-color : #ddd; padding-bottom : 5px; display : none; } @@ -421,7 +421,7 @@ img[src*='pub_set.png'], img[src*='mark_set.png'] { } div.tagCloudContainer { - border : 1px solid #eee; + border : 1px solid #ddd; background-color : #f5f5f5; margin : 5px 0px 5px 0px; padding : 5px; @@ -429,7 +429,7 @@ div.tagCloudContainer { } div.errorExplained { - border : 1px solid #eee; + border : 1px solid #ddd; background-color : #f5f5f5; margin : 5px 0px 5px 0px; padding : 5px; @@ -439,7 +439,7 @@ ul.feedErrorsList { max-height : 300px; overflow : auto; list-style-type : none; - border : 1px solid #eee; + border : 1px solid #ddd; background-color : #f5f5f5; margin : 0px 0px 5px 0px; padding : 5px; @@ -453,7 +453,7 @@ ul.browseFeedList { height : 300px; overflow : auto; border-width : 0px 1px 1px 1px; - border-color : #eee; + border-color : #ddd; border-style : solid; margin : 0px 0px 5px 0px; background-color : white; @@ -739,8 +739,6 @@ div.fatalError textarea { #content-wrap { padding : 0px; border-width : 0px; - border-style : solid; - border-color : #eee; margin : 0px; } @@ -748,7 +746,7 @@ div.fatalError textarea { padding : 0px; border-width : 0px 1px 0px 0px; border-style : solid; - border-color : #eee; + border-color : #ddd; overflow : hidden; background : #f5f5f5; } @@ -761,8 +759,6 @@ div.fatalError textarea { #headlines-frame { padding : 0px; - border-color : #eee; - border-style : solid; border-width : 0px; margin-top : 0px; } @@ -782,7 +778,7 @@ div.fatalError textarea { #main-toolbar { background : white; border-width : 0px 0px 1px 0px; - border-color : #eee; + border-color : #ddd; border-style : solid; padding-left : 4px; height : 26px; @@ -810,7 +806,7 @@ div.fatalError textarea { #content-insert { padding : 0px; - border-color : #eee; + border-color : #ddd; border-width : 0px; line-height: 20px; overflow : auto; @@ -869,7 +865,7 @@ ul#filterDlg_Matches, ul#filterDlg_Actions { overflow : auto; list-style-type : none; border-style : solid; - border-color : #eee; + border-color : #ddd; border-width : 0px 1px 1px 1px; background-color : white; margin : 0px 0px 5px 0px; @@ -885,7 +881,7 @@ ul.helpKbList { max-height : 300px; overflow : auto; list-style-type : none; - border : 1px solid #eee; + border : 1px solid #ddd; background-color : #f5f5f5; margin : 0px 0px 5px 0px; padding : 5px; diff --git a/css/utility.css b/css/utility.css index b110c08b8..037987540 100644 --- a/css/utility.css +++ b/css/utility.css @@ -17,7 +17,7 @@ form { div.content { overflow : hidden; background : white; - border : 1px solid #ccc; + border : 1px solid #ddd; padding : 10px; } diff --git a/css/zoom.css b/css/zoom.css index d8d865d9c..01c7cc090 100644 --- a/css/zoom.css +++ b/css/zoom.css @@ -52,7 +52,7 @@ body#ttrssZoom div.postHeader { } body#ttrssZoom div.postReply { - border : 1px solid #eee; + border : 1px solid #ddd; background : white; } -- cgit v1.2.3 From 94847c985be2b21d6bcd301befd337644a10d694 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Tue, 28 Jan 2014 16:12:17 +0400 Subject: add blockquote/zoom/pre styles to zoom.css --- css/zoom.css | 55 ++++++++++++++++++++++++++++++++++++++++--------------- 1 file changed, 40 insertions(+), 15 deletions(-) (limited to 'css') diff --git a/css/zoom.css b/css/zoom.css index 01c7cc090..b71625fc4 100644 --- a/css/zoom.css +++ b/css/zoom.css @@ -1,4 +1,4 @@ -body#ttrssZoom { +body { margin-left : auto; margin-right : auto; padding : 20px; @@ -6,20 +6,20 @@ body#ttrssZoom { background : #f5f5f5; } -body#ttrssZoom div.postHeader div.postFeedTitle { +div.postHeader div.postFeedTitle { float : left; text-align : right; padding-left : 0px; font-size : 10px; } -body#ttrssZoom div.postHeader a.postComments { +div.postHeader a.postComments { text-align : right; padding-left : 0px; font-size : 10px; } -body#ttrssZoom div.postHeader div.postDate { +div.postHeader div.postDate { float : none; text-align : right; padding-left : 0px; @@ -27,23 +27,23 @@ body#ttrssZoom div.postHeader div.postDate { font-size : 10px; } -body#ttrssZoom div.postHeader div.postTags { +div.postHeader div.postTags { color : #777; font-size : 10px; } -body#ttrssZoom div.postHeader div.postTitle { +div.postHeader div.postTitle { white-space : normal; } -body#ttrssZoom div.postContent p { +div.postContent p { max-width : 650px; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } -body#ttrssZoom div.postHeader { +div.postHeader { margin : 10px; border-width : 0px 0px 1px 0px; border-style : solid; @@ -51,23 +51,48 @@ body#ttrssZoom div.postHeader { background : white; } -body#ttrssZoom div.postReply { +div.postReply { border : 1px solid #ddd; background : white; } -body#ttrssZoom div.postContent { - -} - -body#ttrssZoom div.footer { +div.footer { margin-top : 1em; text-align : center; } -body#ttrssZoom div.postContent img { +div.postContent img { max-width : 650px; 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; +} -- cgit v1.2.3 From 8b381f7f26b779c287b5dcdf98dc169ca35beaed Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Tue, 28 Jan 2014 18:36:48 +0400 Subject: remove blue accent from tabs, move some other dijit overrides to dijit.css --- css/dijit.css | 36 ++++++++++++++++++++++++++++++++++++ css/prefs.css | 25 ------------------------- 2 files changed, 36 insertions(+), 25 deletions(-) (limited to 'css') diff --git a/css/dijit.css b/css/dijit.css index a3d1e19c5..a529129f3 100644 --- a/css/dijit.css +++ b/css/dijit.css @@ -1,5 +1,10 @@ /* Tree */ +.claro .dijitTreeRow .dijitCheckBox { + position : relative; + top : -2px; +} + .claro .dijitTreeLabel { outline : 0; } @@ -92,6 +97,11 @@ /* Toolbar */ +.claro .dijitToolbar { + background : #f5f5f5; + border-color : #ddd; +} + .claro .dijitToolbar { text-shadow : 1px 1px 2px #fff; } @@ -323,4 +333,30 @@ button[disabled], text-shadow : 1px 1px 2px #fff; } +.claro .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected { + border-color : #ccc; +} + +.claro .dijitAccordionContainer .dijitAccordionChildWrapper { + border-color : #ddd; +} + +/* Tabs */ + +.claro .dijitTabContent { + background : #eee; +} + +.claro .dijitTabContent.dijitTabChecked, +.claro .dijitTabContent.dijitTabHover, +.claro .dijitTabContent.dijitFocused { + background : white; +} + +.claro .dijitTabPaneWrapper, +.claro .dijitTabContainerTop-tabs, +.claro .dijitTab, +.claro .dijitAccordionInnerContainer { + border-color : #ddd; +} diff --git a/css/prefs.css b/css/prefs.css index 502552599..a60cdca99 100644 --- a/css/prefs.css +++ b/css/prefs.css @@ -123,29 +123,4 @@ body#ttrssPrefs hr { max-width : 100%; } -.claro .dijitTabPaneWrapper, -.claro .dijitTabContainerTop-tabs, -.claro .dijitTab, -.claro .dijitAccordionInnerContainer { - border-color : #ddd; -} - -.claro .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected { - border-color : #ccc; -} - -.claro .dijitToolbar { - background : #f5f5f5; - border-color : #eee; -} - -.claro .dijitAccordionContainer .dijitAccordionChildWrapper { - border-color : #ddd; -} - -.claro .dijitTreeRow .dijitCheckBox { - position : relative; - top : -2px; -} - -- cgit v1.2.3 From cc4083ab81d35ab5775dd00bc6a5112083e88292 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Tue, 28 Jan 2014 18:38:29 +0400 Subject: add some increased contrast borders to dialogs --- css/prefs.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'css') diff --git a/css/prefs.css b/css/prefs.css index a60cdca99..b505f47f8 100644 --- a/css/prefs.css +++ b/css/prefs.css @@ -52,7 +52,7 @@ div.prefProfileHolder, div.prefFeedOPMLHolder, div.inactiveFeedHolder { height : 300px; overflow : auto; border-width : 0px 1px 1px 1px; - border-color : #eee; + border-color : #ddd; border-style : solid; margin : 0px 0px 5px 0px; background-color : white; @@ -65,7 +65,7 @@ ul.selfUpdateList, ul.userFeedList { height : 200px; overflow : auto; list-style-type : none; - border : 1px solid #eee; + border : 1px solid #ddd; background-color : #f5f5f5; margin : 0px 0px 5px 0px; padding : 5px; @@ -87,7 +87,7 @@ div#feedlistLoading img, div#filterlistLoading img, div#labellistLoading { a.bookmarklet { color : #4684ff; - border : 1px solid #eee; + border : 1px solid #ddd; background : #f5f5f5; padding : 2px; } -- cgit v1.2.3 From 5470cfab6dc09c1e6fda29d145d746d2c46ae42d Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Tue, 28 Jan 2014 23:37:07 +0400 Subject: add some experimental font family updates for headlines and chrome elements --- css/cdm.css | 24 ++++++++++++++++++++---- css/dijit.css | 15 +++++++++++++-- css/prefs.css | 1 - css/tt-rss.css | 38 +++++++++++++++++++++++++++++++++----- 4 files changed, 66 insertions(+), 12 deletions(-) (limited to 'css') diff --git a/css/cdm.css b/css/cdm.css index a7b7c74f5..eb4a2243c 100644 --- a/css/cdm.css +++ b/css/cdm.css @@ -123,11 +123,15 @@ div.cdm.expandable.active div.cdmHeader span.titleWrap { } div.cdm.expandable div.cdmHeader a.title { - font-weight : bold; + font-weight : 600; color : #555; font-size : 14px; -webkit-transition : color 0.2s; transition : color 0.2s; + text-rendering: optimizelegibility; + font-family : "Segoe WP Semibold", "Segoe UI Semibold", + "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue", + Helvetica, Arial, sans-serif; } div.cdm.expandable.Unread div.cdmHeader a.title { @@ -137,6 +141,11 @@ div.cdm.expandable.Unread div.cdmHeader a.title { div.cdm.expandable.active div.cdmHeader a.title { color : #4684ff; font-size : 16px; + font-weight : 600; + text-rendering: optimizelegibility; + font-family : "Segoe WP Semibold", "Segoe UI Semibold", + "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue", + Helvetica, Arial, sans-serif; } div.cdm.expanded div.cdmHeader { @@ -146,9 +155,13 @@ div.cdm.expanded div.cdmHeader { div.cdm.expanded div.cdmHeader a.title { font-size : 16px; color : #999; - font-weight : bold; + font-weight : 600; -webkit-transition : color 0.2s; transition : color 0.2s; + text-rendering: optimizelegibility; + font-family : "Segoe WP Semibold", "Segoe UI Semibold", + "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue", + Helvetica, Arial, sans-serif; } div.cdm.expanded.active { @@ -283,9 +296,13 @@ div#floatingTitle span.author { div#floatingTitle a.title { font-size : 16px; color : #999; - font-weight : bold; -webkit-transition : color 0.2s; transition : color 0.2s; + font-weight : 600; + text-rendering: optimizelegibility; + font-family : "Segoe WP Semibold", "Segoe UI Semibold", + "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue", + Helvetica, Arial, sans-serif; } div#floatingTitle.Unread a.title { @@ -293,7 +310,6 @@ div#floatingTitle.Unread a.title { } div#floatingTitle img.anchor { - margin-right : 1px; margin-left : 0px; } diff --git a/css/dijit.css b/css/dijit.css index a529129f3..696648f0f 100644 --- a/css/dijit.css +++ b/css/dijit.css @@ -100,6 +100,10 @@ .claro .dijitToolbar { background : #f5f5f5; border-color : #ddd; + /* text-rendering: optimizelegibility; + font-family : "Segoe WP Semibold", "Segoe UI Semibold", + "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue", + Helvetica, Arial, sans-serif; */ } .claro .dijitToolbar { @@ -329,9 +333,16 @@ button[disabled], /* Other stuff */ -.claro .dijitAccordionTitleFocus { +/* .claro .dijitAccordionTitleFocus { text-shadow : 1px 1px 2px #fff; -} +} + +.claro .dijitAccordionTitle { + text-rendering: optimizelegibility; + font-family : "Segoe WP Semibold", "Segoe UI Semibold", + "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue", + Helvetica, Arial, sans-serif; +} */ .claro .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected { border-color : #ccc; diff --git a/css/prefs.css b/css/prefs.css index b505f47f8..d3fe064df 100644 --- a/css/prefs.css +++ b/css/prefs.css @@ -18,7 +18,6 @@ div#pref-tabs { div#pref-tabs .dijitContentPane h3 { font-size : 14px; - font-weight : bold; } #pref-filter-wrap, #pref-filter-header, #pref-filter-content, diff --git a/css/tt-rss.css b/css/tt-rss.css index 5b7567db0..673c51b65 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -34,6 +34,11 @@ div.postReply div.postTitle { overflow : hidden; text-overflow: ellipsis; white-space : nowrap; + font-weight : 600; + text-rendering: optimizelegibility; + font-family : "Segoe WP Semibold", "Segoe UI Semibold", + "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue", + Helvetica, Arial, sans-serif; } div.postReply div.postDate { @@ -84,22 +89,35 @@ div.postReply span.author { h1 { font-size : 18px; + font-weight : 600; + text-rendering: optimizelegibility; + font-family : "Segoe WP Semibold", "Segoe UI Semibold", + "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue", + Helvetica, Arial, sans-serif; } h2 { font-size : 16px; - font-weight : bold; + font-weight : 600; border-width : 0px 0px 1px 0px; border-style : solid; border-color : #ecf4ff; + text-rendering: optimizelegibility; + font-family : "Segoe WP Semibold", "Segoe UI Semibold", + "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue", + Helvetica, Arial, sans-serif; } h3 { font-size : 12px; - font-weight : bold; border-width : 0px 0px 1px 0px; border-style : solid; border-color : #ecf4ff; + font-weight : 600; + text-rendering: optimizelegibility; + font-family : "Segoe WP Semibold", "Segoe UI Semibold", + "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue", + Helvetica, Arial, sans-serif; } hr { @@ -176,7 +194,11 @@ a:hover { } .hl div.hlTitle a { - font-weight : bold; + font-weight : 600; + text-rendering: optimizelegibility; + font-family : "Segoe WP Semibold", "Segoe UI Semibold", + "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue", + Helvetica, Arial, sans-serif; color : #777; } @@ -307,7 +329,10 @@ div.prefHelp { white-space : nowrap; display : table-cell; color : #999; - font-family : "Segoe UI", Tahoma, sans-serif; + text-rendering: optimizelegibility; + font-family : "Segoe WP Semibold", "Segoe UI Semibold", + "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue", + Helvetica, Arial, sans-serif; font-size : 12px; } @@ -949,7 +974,10 @@ ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitChec body#ttrssMain #feedTree { height : 100%; overflow-x : hidden; - font-family : "Segoe UI", Tahoma, sans-serif; + text-rendering: optimizelegibility; + font-family : "Segoe WP Semibold", "Segoe UI Semibold", + "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue", + Helvetica, Arial, sans-serif; } body#ttrssMain #feedTree .counterNode.aux { -- cgit v1.2.3 From ad926dfb3be9f4706889b21c916e32e124166272 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Tue, 28 Jan 2014 23:51:59 +0400 Subject: toolbar css fixes --- css/tt-rss.css | 14 ++++++++++++++ 1 file changed, 14 insertions(+) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index 673c51b65..d791f163f 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -329,11 +329,20 @@ div.prefHelp { white-space : nowrap; display : table-cell; color : #999; +} + +#main-toolbar > *, +#main-toolbar table * { text-rendering: optimizelegibility; font-family : "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size : 12px; + +} + +#main-toolbar .dijitDownArrowButton { + font-size : 11px; } #main-toolbar #headlines-toolbar { @@ -354,6 +363,11 @@ div.prefHelp { text-align : right; } +#main-toolbar #headlines-toolbar .main, +#main-toolbar #headlines-toolbar .r { + line-height : 24px; +} + #headlines-toolbar span.r img { margin-right : 4px; position : relative; -- cgit v1.2.3 From 96cac8fe05fcc7836af32138959c4b8d85e20a69 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Tue, 28 Jan 2014 23:56:10 +0400 Subject: toolbar css fixes (2) --- css/tt-rss.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index d791f163f..506780908 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -332,7 +332,8 @@ div.prefHelp { } #main-toolbar > *, -#main-toolbar table * { +#main-toolbar table *, +#main-toolbar .actionChooser * { text-rendering: optimizelegibility; font-family : "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue", @@ -341,7 +342,7 @@ div.prefHelp { } -#main-toolbar .dijitDownArrowButton { +#main-toolbar #headlines-toolbar .dijitDownArrowButton { font-size : 11px; } -- cgit v1.2.3 From 14f3509f62be3cc4857cad9b676f610d49220c1d Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Tue, 28 Jan 2014 23:59:42 +0400 Subject: enlarge zoomed post title a bit --- css/zoom.css | 1 + 1 file changed, 1 insertion(+) (limited to 'css') diff --git a/css/zoom.css b/css/zoom.css index b71625fc4..4ec191849 100644 --- a/css/zoom.css +++ b/css/zoom.css @@ -34,6 +34,7 @@ div.postHeader div.postTags { div.postHeader div.postTitle { white-space : normal; + font-size : 16px; } div.postContent p { -- cgit v1.2.3 From b4eff716b2d515a32d71813de872529d827df71d Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Wed, 29 Jan 2014 00:04:36 +0400 Subject: reduce size of h1,2,3 elements inside article content --- css/cdm.css | 9 +++++++++ css/tt-rss.css | 9 +++++++++ 2 files changed, 18 insertions(+) (limited to 'css') diff --git a/css/cdm.css b/css/cdm.css index eb4a2243c..560c68fdd 100644 --- a/css/cdm.css +++ b/css/cdm.css @@ -61,6 +61,15 @@ div.cdmContentInner img { height : auto; } +div.cdmContentInner h1 { + font-size : 16px; +} + +div.cdmContentInner h2, +div.cdmContentInner h3 { + font-size : 14px; +} + div.cdmFooter { padding : 5px; font-weight : normal; diff --git a/css/tt-rss.css b/css/tt-rss.css index 506780908..61c1db0d8 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -943,6 +943,15 @@ span.collapseBtn { cursor : pointer; } +div.postContent h1 { + font-size : 16px; +} + +div.postContent h2, +div.postContent h3 { + font-size : 14px; +} + div.postContent p { max-width : 650px; -webkit-hyphens: auto; -- cgit v1.2.3 From 029005c49b29bc5deaebb45ccfb098a0196a2ff3 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Wed, 29 Jan 2014 00:21:57 +0400 Subject: minor style updates to make 3panel headlines mode look closer to cdm --- css/cdm.css | 2 +- css/tt-rss.css | 56 ++++++++++++++++++++++++++++++++++---------------------- 2 files changed, 35 insertions(+), 23 deletions(-) (limited to 'css') diff --git a/css/cdm.css b/css/cdm.css index 560c68fdd..5de6cd824 100644 --- a/css/cdm.css +++ b/css/cdm.css @@ -199,7 +199,7 @@ div.cdm.active div.cdmContent { span.cdmExcerpt { font-size : 11px; - color : #555; + color : #999; font-weight : normal; cursor : pointer; } diff --git a/css/tt-rss.css b/css/tt-rss.css index 61c1db0d8..29ef021c1 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -223,6 +223,7 @@ a:hover { border-width : 0px 0px 1px 0px; border-style : solid; border-color : #ddd; + padding : 1px; } .hl.active { @@ -390,6 +391,7 @@ span.contentPreview { font-weight : normal; text-shadow : 1px 1px 2px #fff; font-size : 11px; + padding-left : 4px; } span.hlLabelRef { @@ -427,23 +429,6 @@ div.postHeader div { display : none; } -a.hlFeed { - display : block; - white-space : nowrap; - font-size : 9px; - font-style : italic; - font-weight : normal; - display : inline-block; - padding : 1px 2px 1px 2px; - margin-bottom : 2px; - margin-top : 2px; - color : #555; -} - -a.hlFeed:hover { - color : #4684ff; -} - img.markedPic, img.pubPic { cursor : pointer; vertical-align : middle; @@ -597,11 +582,13 @@ div.autocomplete ul li { cursor : pointer; } -.hlTitle { +.hl .hlTitle { overflow : hidden; white-space : nowrap; max-width : 500px; text-overflow : ellipsis; + padding-left : 6px; + padding-right : 6px; } div#headlines-frame.wide .hlTitle { @@ -723,14 +710,39 @@ div.hlRight img { max-height : 16px; } -span.hlUpdated { +.hl span.hlFeed { + display : table-cell; + vertical-align : middle; + text-align : right; +} + +.hl span.hlFeed a { + border-radius : 4px; + display : inline-block; + padding : 1px 4px 1px 4px; + font-size : 11px; + font-style : italic; + font-weight : normal; + color : #555; + white-space : nowrap; +} + +.hl span.hlFeed a:hover { + color : #4684ff; +} + +.hl span.hlUpdated { color : #555; - min-width : 100px; display : table-cell; - width : 100%; vertical-align : middle; text-align : right; - font-size : 10px; + font-size : 11px; + white-space : nowrap; + padding-left : 10px; +} + +span.hlUpdated div { + display : inline-block; } div.hlLeft { -- cgit v1.2.3 From a0fa61a2c3c5fa5d0e099150f634bc103188052b Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Wed, 29 Jan 2014 00:31:22 +0400 Subject: fix zoom style not properly applying --- css/zoom.css | 30 +++++++++++++++--------------- 1 file changed, 15 insertions(+), 15 deletions(-) (limited to 'css') diff --git a/css/zoom.css b/css/zoom.css index 4ec191849..9e2f16bf2 100644 --- a/css/zoom.css +++ b/css/zoom.css @@ -1,4 +1,4 @@ -body { +body#ttrssZoom { margin-left : auto; margin-right : auto; padding : 20px; @@ -6,20 +6,20 @@ body { background : #f5f5f5; } -div.postHeader div.postFeedTitle { +body#ttrssZoom div.postHeader div.postFeedTitle { float : left; text-align : right; padding-left : 0px; font-size : 10px; } -div.postHeader a.postComments { +body#ttrssZoom div.postHeader a.postComments { text-align : right; padding-left : 0px; font-size : 10px; } -div.postHeader div.postDate { +body#ttrssZoom div.postHeader div.postDate { float : none; text-align : right; padding-left : 0px; @@ -27,24 +27,24 @@ div.postHeader div.postDate { font-size : 10px; } -div.postHeader div.postTags { +body#ttrssZoom div.postHeader div.postTags { color : #777; font-size : 10px; } -div.postHeader div.postTitle { +body#ttrssZoom div.postHeader div.postTitle { white-space : normal; font-size : 16px; } -div.postContent p { +body#ttrssZoom div.postContent p { max-width : 650px; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } -div.postHeader { +body#ttrssZoom div.postHeader { margin : 10px; border-width : 0px 0px 1px 0px; border-style : solid; @@ -52,22 +52,22 @@ div.postHeader { background : white; } -div.postReply { +body#ttrssZoom div.postReply { border : 1px solid #ddd; background : white; } -div.footer { +body#ttrssZoom div.footer { margin-top : 1em; text-align : center; } -div.postContent img { - max-width : 650px; +body#ttrssZoom div.postContent img { + max-width : 630px; height : auto; } -div.postContent blockquote { +body#ttrssZoom div.postContent blockquote { margin : 5px 0px 5px 0px; color : #555; padding-left : 10px; @@ -76,13 +76,13 @@ div.postContent blockquote { border-style : solid; } -div.postContent code { +body#ttrssZoom div.postContent code { color : #009900; font-family : monospace; font-size : 12px; } -div.postContent pre { +body#ttrssZoom div.postContent pre { margin : 5px 0px 5px 0px; padding : 10px; color : #555; -- cgit v1.2.3 From f80c5326f00d0f3f6bbec180d8d27b2c3fc5aa2d Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Wed, 29 Jan 2014 00:43:48 +0400 Subject: remove unused headline-toolbar style --- css/tt-rss.css | 4 ---- 1 file changed, 4 deletions(-) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index 29ef021c1..7c93ea2e9 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -343,10 +343,6 @@ div.prefHelp { } -#main-toolbar #headlines-toolbar .dijitDownArrowButton { - font-size : 11px; -} - #main-toolbar #headlines-toolbar { padding-right : 4px; width : 100%; -- cgit v1.2.3 From 17fdd4e1f82c403524c9b839b05a3b189af9112b Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Wed, 29 Jan 2014 09:48:19 +0400 Subject: tweak utility/zoom main content css --- css/utility.css | 1 + css/zoom.css | 1 + 2 files changed, 2 insertions(+) (limited to 'css') diff --git a/css/utility.css b/css/utility.css index 037987540..85f136ad9 100644 --- a/css/utility.css +++ b/css/utility.css @@ -19,6 +19,7 @@ div.content { background : white; border : 1px solid #ddd; padding : 10px; + box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1); } p.warning { diff --git a/css/zoom.css b/css/zoom.css index 9e2f16bf2..aa1e39f45 100644 --- a/css/zoom.css +++ b/css/zoom.css @@ -55,6 +55,7 @@ body#ttrssZoom div.postHeader { body#ttrssZoom div.postReply { border : 1px solid #ddd; background : white; + box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1); } body#ttrssZoom div.footer { -- cgit v1.2.3 From 8b1e87fa1a22627019f94b042ef472dd61ab062d Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Wed, 29 Jan 2014 09:54:08 +0400 Subject: add some shadows, move 2 prefs-related classes to prefs.css --- css/prefs.css | 12 ++++++++++++ css/tt-rss.css | 11 +---------- 2 files changed, 13 insertions(+), 10 deletions(-) (limited to 'css') diff --git a/css/prefs.css b/css/prefs.css index d3fe064df..e93f3a2fc 100644 --- a/css/prefs.css +++ b/css/prefs.css @@ -1,3 +1,14 @@ +body#ttrssPrefs { + background-color : #f5f5f5; +} + +body#ttrssPrefs #footer, body#ttrssPrefs #header { + background-color : #f5f5f5; + padding-left : 8px; + padding-right : 8px; +} + + #header a:hover { color : black; } @@ -13,6 +24,7 @@ div#pref-tabs .dijitContentPane { } div#pref-tabs { + box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1); margin : 0px 5px 0px 5px; } diff --git a/css/tt-rss.css b/css/tt-rss.css index 7c93ea2e9..31aaccdd6 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -7,16 +7,6 @@ body#ttrssMain, body#ttrssPrefs, body#ttrssLogin, body { font-size: 14px; } -body#ttrssPrefs { - background-color : #ecf4ff; -} - -body#ttrssPrefs #footer, body#ttrssPrefs #header { - background-color : #ecf4ff; - padding-left : 8px; - padding-right : 8px; -} - div.postReply { padding : 0px; } @@ -797,6 +787,7 @@ div.fatalError textarea { border-color : #ddd; overflow : hidden; background : #f5f5f5; + box-shadow : inset -1px 0px 2px -1px rgba(0,0,0,0.1); } #headlines-wrap-inner { -- cgit v1.2.3 From 7193e121b3ebc29a718f8102801f43eb6d5bb170 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Wed, 29 Jan 2014 10:00:26 +0400 Subject: fix headlines-frame border color --- css/tt-rss.css | 1 + 1 file changed, 1 insertion(+) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index 31aaccdd6..fdd4915ed 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -799,6 +799,7 @@ div.fatalError textarea { #headlines-frame { padding : 0px; border-width : 0px; + border-color : #ddd; margin-top : 0px; } -- cgit v1.2.3 From 013507bff4fc5f30e80b77335a042ccd6ae4e391 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Wed, 29 Jan 2014 16:53:42 +0400 Subject: apply heading style to h4 --- css/cdm.css | 3 ++- css/tt-rss.css | 14 ++++++++++++-- 2 files changed, 14 insertions(+), 3 deletions(-) (limited to 'css') diff --git a/css/cdm.css b/css/cdm.css index 5de6cd824..b8c763b31 100644 --- a/css/cdm.css +++ b/css/cdm.css @@ -66,7 +66,8 @@ div.cdmContentInner h1 { } div.cdmContentInner h2, -div.cdmContentInner h3 { +div.cdmContentInner h3, +div.cdmContentInner h4 { font-size : 14px; } diff --git a/css/tt-rss.css b/css/tt-rss.css index fdd4915ed..7207a7d54 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -99,7 +99,7 @@ h2 { } h3 { - font-size : 12px; + font-size : 13px; border-width : 0px 0px 1px 0px; border-style : solid; border-color : #ecf4ff; @@ -110,6 +110,15 @@ h3 { Helvetica, Arial, sans-serif; } +h4 { + font-size : 14px; + font-weight : 600; + text-rendering: optimizelegibility; + font-family : "Segoe WP Semibold", "Segoe UI Semibold", + "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue", + Helvetica, Arial, sans-serif; +} + hr { border-width : 0px 0px 1px 0px; border-style : solid; @@ -948,7 +957,8 @@ div.postContent h1 { } div.postContent h2, -div.postContent h3 { +div.postContent h3, +div.postContent h4 { font-size : 14px; } -- cgit v1.2.3 From c34bc41a9b0fb9a7ff26f2fd5f59dd9a487b428d Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Wed, 29 Jan 2014 18:43:14 +0400 Subject: fix some feedtree wobbling caused by expandoicon (wtf), do not use semibold font on feedtree --- css/tt-rss.css | 14 ++++++++------ 1 file changed, 8 insertions(+), 6 deletions(-) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index 7207a7d54..8bd44ffc7 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -1009,8 +1009,7 @@ body#ttrssMain #feedTree { height : 100%; overflow-x : hidden; text-rendering: optimizelegibility; - font-family : "Segoe WP Semibold", "Segoe UI Semibold", - "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue", + font-family : "Segoe UI Web", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; } @@ -1049,10 +1048,6 @@ span.highlight { color : #cc90cc; } -/* body#ttrssMain #feedTree .dijitTreeRow .dijitTreeExpandoLeaf { - display : none; -} */ - div.enclosure_title { } @@ -1061,6 +1056,13 @@ body#ttrssMain #headlines-frame .dijitCheckBox { border-width : 0px; } +body#ttrssMain #feedTree .dijitTreeRow img.dijitTreeExpandoLeaf { + width : 16px; + height : 16px; + vertical-align : middle; + position : relative; +} + :focus { outline: none; } -- cgit v1.2.3 From f67e182c5e5af8e0a29619ceedbe21cc55aa7dcc Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Wed, 29 Jan 2014 18:44:21 +0400 Subject: do not use semibold fonts on main toolbar --- css/tt-rss.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index 8bd44ffc7..6f8191b4d 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -335,8 +335,7 @@ div.prefHelp { #main-toolbar table *, #main-toolbar .actionChooser * { text-rendering: optimizelegibility; - font-family : "Segoe WP Semibold", "Segoe UI Semibold", - "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue", + font-family : "Segoe WP", "Segoe UI Web", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size : 12px; -- cgit v1.2.3 From 10c45b4f9e26ccecd917f95ad6830c1c87c3ec77 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Wed, 29 Jan 2014 19:48:35 +0400 Subject: minor fixes for toolbar wobbling --- css/dijit.css | 9 +++++++++ 1 file changed, 9 insertions(+) (limited to 'css') diff --git a/css/dijit.css b/css/dijit.css index 696648f0f..4322dd21e 100644 --- a/css/dijit.css +++ b/css/dijit.css @@ -238,6 +238,15 @@ input[type="submit"]:active, line-height : auto; } +.claro .dijitToolbar .dijitDropDownButton .dijitButtonText, +.claro .dijitToolbar .dijitComboButton .dijitButtonText { + padding : 0px; +} + +.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode { + border-radius : 4px; +} + .claro .dijitToolbar .dijitButton.dijitHover, .claro .dijitToolbar .dijitDropDownButton.dijitHover .dijitButtonNode, .claro .dijitToolbar .dijitComboButton.dijitHover { -- cgit v1.2.3 From a674c03314ed654da2b26dd8ec2a0a8594dfcb2c Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Wed, 29 Jan 2014 20:23:37 +0400 Subject: remove some unused shadows --- css/dijit.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) (limited to 'css') diff --git a/css/dijit.css b/css/dijit.css index 4322dd21e..671a0de27 100644 --- a/css/dijit.css +++ b/css/dijit.css @@ -106,9 +106,9 @@ Helvetica, Arial, sans-serif; */ } -.claro .dijitToolbar { +/* .claro .dijitToolbar { text-shadow : 1px 1px 2px #fff; -} +} */ .claro .dijitDialog .dijitToolbar { border : 1px solid #ddd; @@ -236,6 +236,7 @@ input[type="submit"]:active, padding : 0px; margin : 0px; line-height : auto; + text-shadow : none; } .claro .dijitToolbar .dijitDropDownButton .dijitButtonText, -- cgit v1.2.3 From d2cd36fb52af4e8809b8899b7bfa920eaa505769 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Wed, 29 Jan 2014 21:05:04 +0400 Subject: increase main reading font to 15px and set line-height to 1.5 --- css/cdm.css | 5 +++-- css/tt-rss.css | 5 +++-- 2 files changed, 6 insertions(+), 4 deletions(-) (limited to 'css') diff --git a/css/cdm.css b/css/cdm.css index b8c763b31..c4f9111c9 100644 --- a/css/cdm.css +++ b/css/cdm.css @@ -52,7 +52,8 @@ div.cdmHeader input { div.cdmContentInner { margin : 10px; - line-height : 20px; + line-height : 1.5; + font-size : 15px; } div.cdmContentInner img { @@ -68,7 +69,7 @@ div.cdmContentInner h1 { div.cdmContentInner h2, div.cdmContentInner h3, div.cdmContentInner h4 { - font-size : 14px; + font-size : 15px; } div.cdmFooter { diff --git a/css/tt-rss.css b/css/tt-rss.css index 6f8191b4d..016d3d566 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -856,7 +856,8 @@ div.fatalError textarea { padding : 0px; border-color : #ddd; border-width : 0px; - line-height: 20px; + line-height: 1.5; + font-size : 15px; overflow : auto; } @@ -958,7 +959,7 @@ div.postContent h1 { div.postContent h2, div.postContent h3, div.postContent h4 { - font-size : 14px; + font-size : 15px; } div.postContent p { -- cgit v1.2.3 From 420ec634253674ff38f24032c72adb2fb9da60a7 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Fri, 31 Jan 2014 14:46:51 +0400 Subject: add some improvements for night css --- css/tt-rss.css | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index 016d3d566..67e8aca7e 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -207,7 +207,7 @@ a:hover { .hl.active div.hlTitle a { color : #4684ff; - text-shadow : 1px 1px 2px #fff; + /* text-shadow : 1px 1px 2px #fff; */ } .hl.Selected { @@ -383,8 +383,7 @@ div.prefHelp { span.contentPreview { color : #999; font-weight : normal; - text-shadow : 1px 1px 2px #fff; - font-size : 11px; + font-size : 12px; padding-left : 4px; } -- cgit v1.2.3 From 6e93e96d11bb51234fa6dcb45e24dc096ee0b7f4 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Fri, 31 Jan 2014 15:27:42 +0400 Subject: tweak checkbox appearance a bit to conform better to general claro style --- css/dijit.css | 18 +++++++++--------- css/tt-rss.css | 6 ++++++ 2 files changed, 15 insertions(+), 9 deletions(-) (limited to 'css') diff --git a/css/dijit.css b/css/dijit.css index 671a0de27..f62f6e561 100644 --- a/css/dijit.css +++ b/css/dijit.css @@ -131,27 +131,27 @@ .claro .dijitCheckBox { background-image : url("../images/untick.png"); background-color : transparent; - width : 16px; - height : 16px; + width : 15px; + height : 15px; + margin : 1px; + opacity : 0.7; background-position : center center; - opacity : 0.4; - -webkit-transition : opacity 0.25s; transition : opacity 0.25s; - border : 1px solid #eee; - border-radius : 2px; + -webkit-transition : opacity 0.25s; + border : 1px solid #b5bcc7; padding : 1px; } -.claro .dijitCheckBox:hover { + .claro .dijitCheckBox:hover { opacity : 1; } .claro .dijitCheckBox.dijitCheckBoxDisabled:hover { - opacity : 0.6; + opacity : 0.7; } .claro .dijitCheckBox.dijitCheckBoxChecked { - border-color : #ddffdd; + border-color : #69C671; background-image : url("../images/tick.png"); opacity : 1; } diff --git a/css/tt-rss.css b/css/tt-rss.css index 67e8aca7e..676e7ba3e 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -1053,6 +1053,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 { -- cgit v1.2.3 From bad135bdd6712713044e4eab24f2d11552068079 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Sat, 8 Feb 2014 01:36:50 +0400 Subject: update zoom.css to bring it in line with the rest of font changes --- css/zoom.css | 13 +++++++++---- 1 file changed, 9 insertions(+), 4 deletions(-) (limited to 'css') diff --git a/css/zoom.css b/css/zoom.css index aa1e39f45..2bd3c0703 100644 --- a/css/zoom.css +++ b/css/zoom.css @@ -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,12 +24,12 @@ 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 { @@ -37,6 +37,11 @@ body#ttrssZoom div.postHeader div.postTitle { font-size : 16px; } +body#ttrssZoom div.postContent { + font-size : 15px; + line-height : 1.5; +} + body#ttrssZoom div.postContent p { max-width : 650px; -webkit-hyphens: auto; -- cgit v1.2.3 From 92d9e4f5623ee67265d0ce5425589992fc02942c Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Sun, 9 Feb 2014 01:40:17 +0400 Subject: use ubuntu fontset as one of the alternatives for headings --- css/cdm.css | 8 ++++---- css/tt-rss.css | 2 +- 2 files changed, 5 insertions(+), 5 deletions(-) (limited to 'css') diff --git a/css/cdm.css b/css/cdm.css index c4f9111c9..353fe2e71 100644 --- a/css/cdm.css +++ b/css/cdm.css @@ -141,7 +141,7 @@ div.cdm.expandable div.cdmHeader a.title { transition : color 0.2s; 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, "Helvetica Neue", Helvetica, Arial, sans-serif; } @@ -155,7 +155,7 @@ div.cdm.expandable.active div.cdmHeader a.title { 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, "Helvetica Neue", Helvetica, Arial, sans-serif; } @@ -171,7 +171,7 @@ div.cdm.expanded div.cdmHeader a.title { transition : color 0.2s; 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, "Helvetica Neue", Helvetica, Arial, sans-serif; } @@ -312,7 +312,7 @@ div#floatingTitle a.title { 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, "Helvetica Neue", Helvetica, Arial, sans-serif; } diff --git a/css/tt-rss.css b/css/tt-rss.css index 676e7ba3e..3fe90bf11 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -1008,7 +1008,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, "Helvetica Neue", Helvetica, Arial, sans-serif; } -- cgit v1.2.3 From e9db9f945c745ea100dc13702c4bb29b42ae392d Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Sun, 9 Feb 2014 02:50:02 +0400 Subject: add dejavu sans to heading font list --- css/cdm.css | 8 ++++---- css/tt-rss.css | 2 +- 2 files changed, 5 insertions(+), 5 deletions(-) (limited to 'css') diff --git a/css/cdm.css b/css/cdm.css index 353fe2e71..70ed6d732 100644 --- a/css/cdm.css +++ b/css/cdm.css @@ -141,7 +141,7 @@ div.cdm.expandable div.cdmHeader a.title { transition : color 0.2s; text-rendering: optimizelegibility; font-family : "Segoe WP Semibold", "Segoe UI Semibold", - "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue", + "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } @@ -155,7 +155,7 @@ div.cdm.expandable.active div.cdmHeader a.title { font-weight : 600; text-rendering: optimizelegibility; font-family : "Segoe WP Semibold", "Segoe UI Semibold", - "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue", + "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } @@ -171,7 +171,7 @@ div.cdm.expanded div.cdmHeader a.title { transition : color 0.2s; text-rendering: optimizelegibility; font-family : "Segoe WP Semibold", "Segoe UI Semibold", - "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue", + "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } @@ -312,7 +312,7 @@ div#floatingTitle a.title { font-weight : 600; text-rendering: optimizelegibility; font-family : "Segoe WP Semibold", "Segoe UI Semibold", - "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue", + "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } diff --git a/css/tt-rss.css b/css/tt-rss.css index 3fe90bf11..eb6a7d05f 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -1008,7 +1008,7 @@ body#ttrssMain #feedTree { height : 100%; overflow-x : hidden; text-rendering: optimizelegibility; - font-family : "Segoe UI Web", "Segoe UI", Ubuntu, "Helvetica Neue", + font-family : "Segoe UI Web", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } -- cgit v1.2.3 From 42072427e24f0ccf193e2a9d235129cde844f5d1 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Mon, 10 Feb 2014 14:16:24 +0400 Subject: main css: add missing font families --- css/tt-rss.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index eb6a7d05f..96992d0e7 100644 --- 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; } @@ -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; } -- cgit v1.2.3 From 18d33ec18b5f19d73e2c150a1e6176774cfab863 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Mon, 10 Feb 2014 14:23:16 +0400 Subject: main css: add missing font families (2) --- css/tt-rss.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index 96992d0e7..91fc756ef 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -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; } @@ -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; -- cgit v1.2.3 From 051a07b0ada2612ae23a6deeeb50f4bc1ccfe69a Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Fri, 21 Feb 2014 00:22:08 +0400 Subject: dijit checkbox: remove border --- css/dijit.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'css') diff --git a/css/dijit.css b/css/dijit.css index f62f6e561..9379f9263 100644 --- a/css/dijit.css +++ b/css/dijit.css @@ -138,7 +138,7 @@ background-position : center center; transition : opacity 0.25s; -webkit-transition : opacity 0.25s; - border : 1px solid #b5bcc7; + /* border : 1px solid #b5bcc7; */ padding : 1px; } -- cgit v1.2.3 From 943f3b6e4dfe5c74cab6809a00ef0183415ece11 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Sun, 23 Mar 2014 15:27:40 +0400 Subject: disable hlfeed badge in widescreen mode --- css/tt-rss.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index 91fc756ef..f336043fe 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -590,6 +590,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; } -- cgit v1.2.3 From 50e04efdc854fc58fab9692f0d6d4b83e60d79c7 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Wed, 2 Apr 2014 08:15:33 +0000 Subject: expand filtertree display to make filters easier to distinguish --- css/dijit.css | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) (limited to 'css') diff --git a/css/dijit.css b/css/dijit.css index 9379f9263..bd51929a7 100644 --- a/css/dijit.css +++ b/css/dijit.css @@ -15,6 +15,28 @@ margin-right : 1em; } +.claro .dijitTree .filterRules { + display : block; + color : #ccc; + font-size : 10px; + margin-left : 100px; +} + +.claro .dijitTree .filterRules span { + display : block; + color : green; +} + +#filterDlg_Matches span.filterRule { + color : green; +} + +.claro .dijitTree .filterRules span.inverse, +#filterDlg_Matches span.filterRule.inverse { + color : red; +} + + .claro .dijitTree .labelParam { float : right; margin-right : 1em; -- cgit v1.2.3 From a47e631c1ba3e76a98cd7a3da7244c4e85a7ab51 Mon Sep 17 00:00:00 2001 From: Dave Zaikos Date: Wed, 25 Jun 2014 16:18:11 -0400 Subject: Added webkit-specific overflow scrolling for iOS devices to allow for inertial scrolling. --- css/tt-rss.css | 3 +++ 1 file changed, 3 insertions(+) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index f336043fe..4852c8ca1 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -799,6 +799,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 { @@ -812,6 +813,7 @@ div.fatalError textarea { border-width : 0px; border-color : #ddd; margin-top : 0px; + -webkit-overflow-scrolling : touch; } #headlines-toolbar_splitter, #toolbar_splitter { @@ -862,6 +864,7 @@ div.fatalError textarea { line-height: 1.5; font-size : 15px; overflow : auto; + -webkit-overflow-scrolling : touch; } #feedTree .dijitTreeRow .dijitTreeLabel.Unread { -- cgit v1.2.3 From 22f675e5c4195285b6b5033b451efa9cbb30384b Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Fri, 25 Jul 2014 13:54:10 +0400 Subject: add a link to headlines-spacer to open next unread feed --- css/tt-rss.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index 4852c8ca1..76e35e110 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -910,10 +910,15 @@ img.feedIcon, img.tinyFeedIcon { height : 100%; margin-left : 1px; text-align : center; - padding : 1em; + padding : 10px; color : #555; + font-size : 11px; + font-style : italic; } +#headlines-spacer a { + color : #555; +} ul#filterDlg_Matches, ul#filterDlg_Actions { max-height : 100px; -- cgit v1.2.3 From 170e00033da077467c718b649335c3a3df047908 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Fri, 25 Jul 2014 14:02:26 +0400 Subject: minor style tweaks for whiteBox and headlines-spacer --- css/tt-rss.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index 76e35e110..278242ede 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -544,7 +544,7 @@ div.loadingPrompt { div.whiteBox { margin-left : 1px; text-align : center; - padding : 1em; + padding : 1em 1em 0px 1em; } div.autocomplete { @@ -910,7 +910,6 @@ img.feedIcon, img.tinyFeedIcon { height : 100%; margin-left : 1px; text-align : center; - padding : 10px; color : #555; font-size : 11px; font-style : italic; -- cgit v1.2.3 From 2d2ec8a81aed56a90c22d4db85f9694fb3a09232 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Fri, 25 Jul 2014 14:03:08 +0400 Subject: minor style tweaks for whiteBox and headlines-spacer (2) --- css/tt-rss.css | 1 + 1 file changed, 1 insertion(+) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index 278242ede..6dbb36a54 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -545,6 +545,7 @@ div.whiteBox { margin-left : 1px; text-align : center; padding : 1em 1em 0px 1em; + font-size : 11px; } div.autocomplete { -- cgit v1.2.3 From 760183e37dbea8c0ab21db73446c294fd63e9a5b Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Sat, 26 Jul 2014 22:08:33 +0400 Subject: minor spacer/whiteBox appearance tweaks --- css/tt-rss.css | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index 6dbb36a54..1f8c36bf0 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -546,6 +546,9 @@ div.whiteBox { text-align : center; padding : 1em 1em 0px 1em; font-size : 11px; + border-width : 0px 0px 1px 0px; + border-style : solid; + border-color : #ddd; } div.autocomplete { @@ -916,8 +919,14 @@ img.feedIcon, img.tinyFeedIcon { font-style : italic; } -#headlines-spacer a { +#headlines-spacer a, #headlines-spacer span { color : #555; + padding : 10px; + display : block; +} + +#headlines-spacer a:hover { + color : #88b0f0; } ul#filterDlg_Matches, ul#filterDlg_Actions { -- cgit v1.2.3 From 0e21b0b4753937bb825c69afcf35e37771fcd329 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Sun, 27 Jul 2014 01:31:03 +0400 Subject: css fixes as reported by pull 394 --- css/tt-rss.css | 1 - css/zoom.css | 2 +- 2 files changed, 1 insertion(+), 2 deletions(-) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index 1f8c36bf0..d732c13ba 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -64,7 +64,6 @@ div.articleNote { border-style : solid; border-color : #e7d796; border-width : 1px; - background-color : #fff7d5; color : #9a8c59; } diff --git a/css/zoom.css b/css/zoom.css index 2bd3c0703..0591eef83 100644 --- a/css/zoom.css +++ b/css/zoom.css @@ -53,7 +53,7 @@ body#ttrssZoom div.postHeader { margin : 10px; border-width : 0px 0px 1px 0px; border-style : solid; - border-color #eee; + border-color : #eee; background : white; } -- cgit v1.2.3 From 4a1d122c8758c61955ca8344d6c1017ef80bc62e Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Wed, 8 Oct 2014 16:38:03 +0400 Subject: edit feed: smaller buttons for icon upload; allow uploading larger favicons --- css/dijit.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'css') diff --git a/css/dijit.css b/css/dijit.css index bd51929a7..eb4f767db 100644 --- a/css/dijit.css +++ b/css/dijit.css @@ -346,6 +346,10 @@ button[disabled], line-height : 20px; } +.claro .dijitButton.small .dijitButtonText { + font-size : 11px; +} + .claro .dijitMenu { border-color : #ccc; } -- cgit v1.2.3 From d9c93ebfdb860878609c6a59ef4df99f8f93643f Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Sun, 2 Nov 2014 20:58:46 +0300 Subject: tweak notifications; use css animations for notifications --- css/tt-rss.css | 30 +++++++++++++++++++++--------- 1 file changed, 21 insertions(+), 9 deletions(-) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index d732c13ba..d5737989a 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -138,18 +138,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); + + 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 { - 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; 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); } #notify img { @@ -176,17 +188,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; } -- cgit v1.2.3 From 2f43089de1ead3f164b8b31967d1abbb784319fa Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Mon, 3 Nov 2014 10:54:54 +0300 Subject: body: disable overflow --- css/tt-rss.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'css') diff --git a/css/tt-rss.css b/css/tt-rss.css index d5737989a..8d692cfa5 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -7,6 +7,10 @@ body#ttrssMain, body#ttrssPrefs, body#ttrssLogin, body { font-size: 14px; } +body#ttrssMain { + overflow : hidden; +} + div.postReply { padding : 0px; } -- cgit v1.2.3