dijit dialog: adjust title padding

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

diff --git a/css/dijit.css b/css/dijit.css
index b9551022e3d6e678ba21fe4daed0a4a773a2f282..8807490f9dc2fdabf0e6e7178a75633a35de49ec 100644 (file)
--- a/css/dijit.css
+++ b/css/dijit.css
@@ -184,6 +184,14 @@
 
 /* Various buttons */
 
+.claro .dijitDropDownButton {
+       margin : 0px;
+}
+
+.claro .dijitDropDownButton .dijitButtonNode {
+       padding : 0px;
+}
+
 .claro .dijitButton .dijitButtonNode,
 .claro .dijitDropDownButton .dijitButtonNode,
 .claro .dijitComboButton .dijitButtonNode, 
@@ -368,15 +376,16 @@ button[disabled],
 }
 
 .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,
@@ -434,6 +443,7 @@ button[disabled],
 
 .claro .dijitSelect .dijitArrowButton .dijitArrowButtonInner {
        margin-right : 5px;
+       float  :right;
 }
 
 .claro .dijitDownArrowButton.dijitSelect {
@@ -455,6 +465,7 @@ button[disabled],
        border-width : 0px;
 }
 
+.claro .input.input-text,
 .claro .dijitTextBox {
        display: inline-block;
        height: 20px;
@@ -469,6 +480,11 @@ button[disabled],
        margin-bottom : 4px;
 }
 
+.claro .input.input-text {
+       height : 30px;
+}
+
+.claro .input.input-text,
 .claro .dijitTextBox,
 .claro .dijitSelect {
        background-color: #ffffff;
@@ -482,7 +498,9 @@ button[disabled],
        transition: border linear 0.2s, box-shadow linear 0.2s;
 }
 
-.claro .dijitTextBox:focus {
+.claro .input.input-text:focus,
+.claro .dijitTextBox.dijitFocused,
+.claro .dijitSelect.dijitFocused {
        border-color: rgba(82, 168, 236, 0.8);
        outline: 0;
        outline: thin dotted \9;
@@ -497,6 +515,7 @@ button[disabled],
        padding : 0px;
        width : 13px;
        border-width : 1px;
+       display : none;
 }
 
 .claro .dijitTextBox.dijitReadOnly,
@@ -510,7 +529,7 @@ button[disabled],
 }
 
 .claro .dijitToolbar .dijitDownArrowButton.dijitSelect .dijitButtonContents {
-       padding : 0px 2px 0px 2px;
+       padding : 2px 2px 0px 4px;
 }
 
 .claro .dijitToolbar .dijitDownArrowButton.dijitSelect {
@@ -520,6 +539,33 @@ button[disabled],
 .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 : 8px;
+       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;
+}