edit feed: smaller buttons for icon upload; allow uploading larger favicons

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

diff --git a/css/dijit.css b/css/dijit.css
index d13958dfb15e7904b176f3f3225e37e1910fbac0..eb4f767dbf0db7d9343b9e9c03a32359be4503d1 100644 (file)
--- 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;
@@ -93,15 +120,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 +153,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;
 }
@@ -154,12 +190,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 +227,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 +242,7 @@ button:active,
 }
 
 button:active,
+input[type="submit"]:active,
 .claro .dijitButton:active,
 .claro .dijitComboButton:active {
        background-color: #cccccc \9;
@@ -216,6 +258,16 @@ button: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,
@@ -237,6 +289,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 +305,7 @@ button:focus,
 }
 
 button:focus,
+input[type="submit"]:focus,
 .claro .dijitButton:focus,
 .claro .dijitComboButton:focus {
   outline: thin dotted #333;
@@ -259,6 +314,7 @@ button:focus,
 }
 
 button:active,
+input[type="submit"]:active,
 .claro .dijitButton:active,
 .claro .dijitComboButton:active,
 .claro .dijitToolbar .dijitDropDownButton.dijitOpened,
@@ -270,6 +326,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,
@@ -289,6 +346,10 @@ button[disabled],
        line-height : 20px;
 }
 
+.claro .dijitButton.small .dijitButtonText {
+       font-size : 11px;
+}
+
 .claro .dijitMenu {
        border-color : #ccc;
 }
@@ -308,8 +369,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;
+}