]> git.wh0rd.org - tt-rss.git/blobdiff - css/dijit.css
set .loadingExpando height to a correct value
[tt-rss.git] / css / dijit.css
index cde5611b08774cffe4abedc3d3b88940d235b2b4..1912c0d28b5cfc62f553397709a70d13f49a061d 100644 (file)
        margin-right : 1em;
 }
 
-.claro .dijitTree .dijitTreeLabel.Disabled, 
-.claro .dijitTree .labelParam.Disabled {
+.claro .dijitTree .dijitTreeLabel.filterDisabled,
+.claro .dijitTree .labelParam.filterDisabled {
        color : #555;
+       text-decoration: line-through;
 }
 
 .claro .dijitTreeRow.Error {
        height : 9px;
 }
 
+.claro .dijitTreeNode .loadingExpando {
+       left : -3px;
+       height : 22px;
+}
+
 .claro .dijitFolderClosed,
 .claro .dijitFolderOpened {
        display : none;
 
 /* Various buttons */
 
+.claro .dijitButton.danger .dijitButtonText {
+       color: #ffffff;
+}
+
+.claro .dijitButton.danger {
+       text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+       background-color: #da4f49;
+       *background-color: #bd362f;
+       background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
+       background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
+       background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
+       background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
+       background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
+       background-repeat: repeat-x;
+       border-color: #bd362f #bd362f #802420;
+       border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
+       filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+}
+
+.claro .dijitButton.dijitButtonDisabled.danger,
+.claro .dijitButton.dijitButtonActive.danger,
+.claro .dijitButton.dijitButtonHover.danger,
+.claro .dijitButton.dijitFocused.danger {
+       color: #ffffff;
+       background-color: #bd362f;
+       *background-color: #a9302a;
+}
+
+.claro .dijitButton.dijitButtonActive.danger {
+       background-color: #942a25 \9;
+}
+
 .claro .dijitDropDownButton {
        margin : 0px;
 }
        padding : 0px;
 }
 
+.claro .dijitButton.dijitButtonActive.danger {
+       color: rgba(255, 255, 255, 0.75);
+}
+
 .claro .dijitButton .dijitButtonNode,
 .claro .dijitDropDownButton .dijitButtonNode,
 .claro .dijitComboButton .dijitButtonNode, 
@@ -379,11 +422,9 @@ button[disabled],
        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 :  rgba(82, 168, 236, 0.8);
+.claro .dijitMenu .dijitMenuItemSelected,
+.claro .dijitMenu .dijitMenuItemSelected td {
+       background :  rgb(82, 168, 236);
        color : white;
        border-color : rgba(82, 168, 236, 0.8);
 }
@@ -406,8 +447,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 {
@@ -416,6 +478,10 @@ button[disabled],
 
 /* Tabs */
 
+.claro .dijitTabInner.dijitTab {
+       background : #f0f0f0;
+}
+
 .claro .dijitTabContent {
        background : #eee;
 }
@@ -446,6 +512,7 @@ button[disabled],
        float  :right;
 }
 
+.claro select,
 .claro .dijitDownArrowButton.dijitSelect {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
@@ -465,6 +532,8 @@ button[disabled],
        border-width : 0px;
 }
 
+.claro select,
+.claro textarea,
 .claro .input.input-text,
 .claro .dijitTextBox {
        display: inline-block;
@@ -479,11 +548,17 @@ button[disabled],
        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 {
@@ -498,6 +573,7 @@ button[disabled],
        transition: border linear 0.2s, box-shadow linear 0.2s;
 }
 
+.claro select:focus,
 .claro .input.input-text:focus,
 .claro .dijitTextBox.dijitFocused,
 .claro .dijitSelect.dijitFocused {
@@ -518,8 +594,18 @@ button[disabled],
        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 .dijitInputField .dijitInputInner {
+.claro .dijitTextBox.dijitReadOnly .dijitInputInner {
        cursor: not-allowed;
        background-color: #eeeeee;
 }
@@ -555,7 +641,7 @@ button[disabled],
 
 .claro .dijitDialog .dijitDialogTitleBar {
        background : white;
-       padding : 10px;
+       padding : 8px;
        font-weight : 600;
        color : #555;
        font-size : 16px;
@@ -569,3 +655,19 @@ button[disabled],
        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;
+}
+
+