X-Git-Url: https://git.wh0rd.org/?a=blobdiff_plain;f=css%2Fdijit.css;h=c49b469e5305e942672f07cbac955d02179538d4;hb=bd076268264c2b57d9fb26baf818b7524d7306f9;hp=8bebe869470ba081a0f335eaaca83f306ccc6027;hpb=2204dca90b86685b7611a83fc4b189686349b6ce;p=tt-rss.git diff --git a/css/dijit.css b/css/dijit.css index 8bebe869..c49b469e 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; } @@ -10,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; @@ -66,6 +93,10 @@ background : white; } +.claro #feedTree.dijitTree .dijitTreeRowSelected { + box-shadow : -1px 0px 2px -1px rgba(0,0,0,0.1); +} + .claro .dijitTree .dijitTreeRowHover { background : #f0f0f0; border-color : #ddd; @@ -93,15 +124,24 @@ /* Toolbar */ .claro .dijitToolbar { - text-shadow : 1px 1px 2px #fff; + 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; */ } -/* Dialog */ +/* .claro .dijitToolbar { + text-shadow : 1px 1px 2px #fff; +} */ .claro .dijitDialog .dijitToolbar { - border : 1px solid #eee; + border : 1px solid #ddd; } +/* Dialog */ + .claro .dijitDialog h2 { margin-top : 0px; margin-bottom : 4px; @@ -117,27 +157,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; } @@ -222,6 +262,16 @@ input[type="submit"]:active, padding : 0px; margin : 0px; line-height : auto; + text-shadow : none; +} + +.claro .dijitToolbar .dijitDropDownButton .dijitButtonText, +.claro .dijitToolbar .dijitComboButton .dijitButtonText { + padding : 0px; +} + +.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode { + border-radius : 4px; } .claro .dijitToolbar .dijitButton.dijitHover, @@ -300,6 +350,10 @@ button[disabled], line-height : 20px; } +.claro .dijitButton.small .dijitButtonText { + font-size : 11px; +} + .claro .dijitMenu { border-color : #ccc; } @@ -319,8 +373,41 @@ 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; } +.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; +}