]> git.wh0rd.org - tt-rss.git/blobdiff - css/dijit.css
git.wh0rd.org / tt-rss.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
add styles for several other dijit elements (4)
[tt-rss.git] / css / dijit.css
diff --git a/css/dijit.css b/css/dijit.css
index 696648f0f62682774f75e212b9aa0c3fcdb4b8e4..e08e410a19800180f5223b664c4bf0c1aae7c586 100644 (file)
--- 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;
@@ -71,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;
@@ -106,9 +132,9 @@
                Helvetica, Arial, sans-serif; */
 }
 
-.claro .dijitToolbar {
+/* .claro .dijitToolbar {
        text-shadow : 1px 1px 2px #fff;
-}
+} */
 
 .claro .dijitDialog .dijitToolbar {
        border : 1px solid #ddd;
@@ -131,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;
 }
@@ -159,9 +185,11 @@
 /* Various buttons */
 
 .claro .dijitButton .dijitButtonNode,
+.claro .dijitDropDownButton .dijitButtonNode,
 .claro .dijitComboButton .dijitButtonNode, 
 .claro .dijitToolbar .dijitDropDownButton .dijitButtonNode,
 .claro .dijitToolbar .dijitComboButton,
+.claro .dijitToolbar .dijitSelect.dijitDownArrowButton .dijitButtonNode,
 .claro .dijitToolbar .dijitComboButton .dijitButtonNode {
        background : none;
        border-color : transparent;
@@ -177,6 +205,7 @@ input[type="submit"] {
 button,
 input[type="submit"],
 .claro .dijitButton,
+.claro .dijitDropDownButton .dijitDownArrowButton,
 .claro .dijitComboButton {
   display: inline-block;
   padding: 4px 12px;
@@ -211,6 +240,9 @@ input[type="submit"]:active,
 .claro .dijitButton:hover,
 .claro .dijitButton:focus,
 .claro .dijitButton:active,
+.claro .dijitDropDownButton .dijitDownArrowButton:hover,
+.claro .dijitDropDownButton .dijitDownArrowButton:focus,
+.claro .dijitDropDownButton .dijitDownArrowButton:active,
 .claro .dijitComboButton:hover,
 .claro .dijitComboButton:focus,
 .claro .dijitComboButton:active,
@@ -222,6 +254,7 @@ input[type="submit"]:active,
 button:active,
 input[type="submit"]:active,
 .claro .dijitButton:active,
+.claro .dijitDropDownButton .dijitDownArrowButton:active,
 .claro .dijitComboButton:active {
        background-color: #cccccc \9;
 }
@@ -229,6 +262,7 @@ input[type="submit"]:active,
 .claro .dijitToolbar .dijitButton,
 .claro .dijitToolbar .dijitButton.dijitHover,
 .claro .dijitToolbar .dijitComboButton,
+.claro .dijitToolbar .dijitDropDownButton .dijitDownArrowButton,
 .claro .dijitToolbar .dijitComboButton.dijitHover {
        background : none;
        border-color : transparent;
@@ -236,6 +270,17 @@ input[type="submit"]:active,
        padding : 0px;
        margin : 0px;
        line-height : auto;
+       text-shadow : none;
+}
+
+.claro .dijitToolbar .dijitDropDownButton .dijitButtonText,
+.claro .dijitToolbar .dijitDownArrowButton .dijitButtonText,
+.claro .dijitToolbar .dijitComboButton .dijitButtonText {
+       padding : 0px;
+}
+
+.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode {
+       border-radius : 4px;
 }
 
 .claro .dijitToolbar .dijitButton.dijitHover,
@@ -260,6 +305,7 @@ button:focus,
 input[type="submit"]:hover,
 input[type="submit"]:focus,
 .claro .dijitButton:hover,
+.claro .dijitDropDownButton .dijitDownArrowButton:hover,
 .claro .dijitToolbar .dijitButton:hover .dijitButtonNode,
 .claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,
 .claro .dijitButton:focus,
@@ -275,6 +321,7 @@ input[type="submit"]:focus,
 button:focus,
 input[type="submit"]:focus,
 .claro .dijitButton:focus,
+.claro .dijitDropDownButton .dijitDownArrowButton:focus,
 .claro .dijitComboButton:focus {
   outline: thin dotted #333;
   outline: 5px auto -webkit-focus-ring-color;
@@ -297,6 +344,7 @@ input[type="submit"]:active,
 input[type="submit"][disabled],
 button[disabled],
 .claro .dijitButton[disabled],
+.claro .dijitDropDownButton .dijitDownArrowButton[disabled],
 .claro .dijitButton.dijitButtonDisabled,
 .claro .dijitComboButton.dijitButtonDisabled {
   cursor: default;
@@ -308,22 +356,28 @@ button[disabled],
 }
 
 .claro .dijitButton .dijitButtonContents,
+.claro .dijitDropDownButton .dijitButtonContents,
 .claro .dijitComboButton .dijitButtonContents {
        font-size : 14px;
        font-weight : normal;
        line-height : 20px;
 }
 
+.claro .dijitButton.small .dijitButtonText {
+       font-size : 11px;
+}
+
 .claro .dijitMenu {
-       border-color : #ccc;
+       border-color: rgba(82, 168, 236, 0.8);
 }
 
 .claro .dijitMenu .dijitMenuItem.dijitHover,
 .claro .dijitMenu .dijitMenuItem.dijitFocused,
 .claro .dijitMenuTable .dijitMenuItem.dijitHover .dijitMenuItemLabel,
 .claro .dijitMenuTable .dijitMenuItem.dijitFocused .dijitMenuItemLabel {
-       background : #eee;
-       border-color : transparent;
+       background :  rgba(82, 168, 236, 0.8);
+       color : white;
+       border-color : rgba(82, 168, 236, 0.8);
 }
 
 .claro .dijitButton .dijitButtonNode,
@@ -371,3 +425,131 @@ button[disabled],
        border-color : #ddd;
 }
 
+/* Text fields & selects */
+
+.claro .dijitComboBox .dijitArrowButton,
+.claro .dijitSelect .dijitArrowButton {
+       background : transparent;
+       border-color : transparent;
+}
+
+.claro .dijitSelect .dijitArrowButton .dijitArrowButtonInner {
+       margin-right : 5px;
+}
+
+.claro .dijitDownArrowButton.dijitSelect {
+       -webkit-border-radius: 4px;
+       -moz-border-radius: 4px;
+       border-radius: 4px;
+       margin-bottom : 4px;
+
+}
+
+.claro .dijitSelect .dijitButtonContents {
+       display: inline-block;
+       height: 20px;
+       padding: 4px 6px;
+       font-size: 14px;
+       line-height: 20px;
+       color: #555555;
+       vertical-align: middle;
+       border-width : 0px;
+}
+
+.claro .dijitTextBox {
+       display: inline-block;
+       height: 20px;
+       padding: 4px 6px;
+       font-size: 14px;
+       line-height: 20px;
+       color: #555555;
+       vertical-align: middle;
+       -webkit-border-radius: 4px;
+       -moz-border-radius: 4px;
+       border-radius: 4px;
+       margin-bottom : 4px;
+}
+
+.claro .dijitTextBox,
+.claro .dijitSelect {
+       background-color: #ffffff;
+       border: 1px solid #cccccc;
+       -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+       -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+       box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+       -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
+       -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
+       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
+       transition: border linear 0.2s, box-shadow linear 0.2s;
+}
+
+.claro .dijitTextBox.dijitFocused,
+.claro .dijitSelect.dijitFocused {
+       border-color: rgba(82, 168, 236, 0.8);
+       outline: 0;
+       outline: thin dotted \9;
+       /* IE6-9 */
+
+       -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+       -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+       box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+}
+
+.claro .dijitError .dijitValidationContainer {
+       padding : 0px;
+       width : 13px;
+       border-width : 1px;
+       display : none;
+}
+
+.claro .dijitTextBox.dijitReadOnly,
+.claro .dijitTextBox.dijitReadOnly .dijitInputField .dijitInputInner {
+       cursor: not-allowed;
+       background-color: #eeeeee;
+}
+
+.claro .dijitToolbar .dijitDownArrowButton.dijitSelect {
+       border-color : rgba(0,0,0,0.1);
+}
+
+.claro .dijitToolbar .dijitDownArrowButton.dijitSelect .dijitButtonContents {
+       padding : 2px 2px 0px 4px;
+}
+
+.claro .dijitToolbar .dijitDownArrowButton.dijitSelect {
+       margin : 0px;
+}
+
+.claro .dijitToolbar .dijitTextBox {
+       padding : 0px;
+       margin-bottom : 0px;
+       border-radius : 0px;
+}
+
+/* dialog */
+
+.claro .dijitDialog {
+       border-radius : 6px;
+
+}
+
+.claro .dijitDialog .dijitDialogCloseIcon {
+       margin-top : 5px;
+}
+
+.claro .dijitDialog .dijitDialogTitleBar {
+       background : white;
+       padding : 10px;
+       font-weight : 600;
+       color : #555;
+       font-size : 16px;
+       text-rendering: optimizelegibility;
+       font-family : "Segoe WP Semibold", "Segoe UI Semibold",
+       "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
+       Helvetica, Arial, sans-serif;
+}
+
+.claro .dijitDialog .dijitDialogPaneContent {
+       border-color : #ddd;
+       padding : 10px;
+}
\ No newline at end of file
web-based news feed (RSS/Atom) reader and aggregator; see https://tt-rss.org/