installer: use dijit styles

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

diff --git a/css/dijit.css b/css/dijit.css
index 9165da3a8fd23d5e4cfc18be1690ffe1a0192378..f3fbc686e89b74856459ec3d145b2dcb972f75b3 100644 (file)
--- a/css/dijit.css
+++ b/css/dijit.css
@@ -184,11 +184,20 @@
 
 /* Various buttons */
 
+.claro .dijitDropDownButton {
+       margin : 0px;
+}
+
+.claro .dijitDropDownButton .dijitButtonNode {
+       padding : 0px;
+}
+
 .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;
@@ -273,6 +282,7 @@ input[type="submit"]:active,
 }
 
 .claro .dijitToolbar .dijitDropDownButton .dijitButtonText,
+.claro .dijitToolbar .dijitDownArrowButton .dijitButtonText,
 .claro .dijitToolbar .dijitComboButton .dijitButtonText {
        padding : 0px;
 }
@@ -366,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 :  rgb(82, 168, 236);
+       color : white;
+       border-color : rgba(82, 168, 236, 0.8);
 }
 
 .claro .dijitButton .dijitButtonNode,
@@ -395,8 +406,29 @@ button[disabled],
                Helvetica, Arial, sans-serif;
 } */
 
+
+.claro .dijitAccordionTitle.dijitAccordionTitleHover,
+.claro .dijitAccordionTitle.dijitAccordionTitleFocused {
+       background : white;
+       transition : background 0.25s;
+}
+.claro .dijitAccordionTitle {
+       background : #f0f0f0;
+       transition : background 0.25s;
+}
+
+.claro .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected,
+.claro .dijitAccordionTitle.dijitAccordionTitleSelected {
+       background : #0088cc;
+       transition : background 0.25s;
+}
+
+.claro .dijitAccordionTitle.dijitAccordionTitleSelected .dijitAccordionText {
+       color : white;
+}
+
 .claro .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected {
-       border-color : #ccc;
+       border-color : #0088cc;
 }
 
 .claro .dijitAccordionContainer .dijitAccordionChildWrapper {
@@ -405,6 +437,10 @@ button[disabled],
 
 /* Tabs */
 
+.claro .dijitTabInner.dijitTab {
+       background : #f0f0f0;
+}
+
 .claro .dijitTabContent {
        background : #eee;
 }
@@ -422,3 +458,173 @@ 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;
+       float  :right;
+}
+
+.claro select,
+.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 select,
+.claro textarea,
+.claro .input.input-text,
+.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 textarea {
+       height : auto;
+}
+
+.claro select,
+.claro .input.input-text {
+       height : 30px;
+}
+
+.claro textarea,
+.claro select,
+.claro .input.input-text,
+.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 select: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;
+       /* 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 .dijitSelect.dijitSelectDisabled  {
+       background-color: #eeeeee;
+}
+
+.claro .dijitSelect.dijitSelectDisabled .dijitSelectLabel {
+       cursor: not-allowed;
+}
+
+.claro .dijitTextBox.dijitTextBoxDisabled,
+.claro .dijitTextBox.dijitTextBoxDisabled .dijitInputInner,
+.claro .dijitTextBox.dijitReadOnly,
+.claro .dijitTextBox.dijitReadOnly .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 : 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;
+}
+
+.claro .dijitProgressBar.dijitProgressBarEmpty {
+       background : #ddd;
+       border-color : #0088cc;
+}
+
+.claro .dijitProgressBar.dijitProgressBarEmpty .dijitProgressBarFull .dijitProgressBarTile {
+       background : rgb(82, 168, 236);
+
+}
+
+.claro .dijitProgressBar .dijitProgressBarLabel {
+       color : white;
+}