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 ++++++++ 1 file changed, 8 insertions(+) (limited to 'css/prefs.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; } -- cgit v1.2.3-54-g00ecf 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/prefs.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-54-g00ecf 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/prefs.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-54-g00ecf 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/prefs.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-54-g00ecf 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/prefs.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-54-g00ecf 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 +--------------------------------------------------- themes/default.css | 1 + 4 files changed, 323 insertions(+), 311 deletions(-) create mode 100644 css/dijit.css (limited to 'css/prefs.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; } diff --git a/themes/default.css b/themes/default.css index 83e15257b..acdb23c5d 100644 --- a/themes/default.css +++ b/themes/default.css @@ -1,3 +1,4 @@ @import "../css/tt-rss.css"; +@import "../css/dijit.css"; @import "../css/cdm.css"; @import "../css/prefs.css"; -- cgit v1.2.3-54-g00ecf 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/prefs.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-54-g00ecf 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/prefs.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-54-g00ecf 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/prefs.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-54-g00ecf 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/prefs.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-54-g00ecf