X-Git-Url: https://git.wh0rd.org/?a=blobdiff_plain;f=css%2Fdijit.less;h=a4ab5529560917c220c68c38164fe7fc50e96a1a;hb=07fd4f8d9d4f301f5ad88ff9e80f042fc3eb0c36;hp=b350a79da37f8d02d0349ed033682b38a58c378b;hpb=c463a95dca0a5f2fbcdc1b67fd97f8c1159523f5;p=tt-rss.git diff --git a/css/dijit.less b/css/dijit.less index b350a79d..a4ab5529 100644 --- a/css/dijit.less +++ b/css/dijit.less @@ -12,7 +12,7 @@ } .dijitTree .feedParam { - color: #555; + color: @default-text; float: right; margin-right: 1em; } @@ -45,7 +45,7 @@ .dijitTree .dijitTreeLabel.filterDisabled, .dijitTree .labelParam.filterDisabled { - color: #555; + color: @default-text; text-decoration: line-through; } @@ -184,11 +184,13 @@ /* Various buttons */ - .dijitButton.danger .dijitButtonText { + /* danger */ + + .dijitButton.btn-danger .dijitButtonText { color: #ffffff; } - .dijitButton.danger { + .dijitButton.btn-danger { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; *background-color: #bd362f; @@ -204,19 +206,62 @@ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } - .dijitButton.dijitButtonDisabled.danger, - .dijitButton.dijitButtonActive.danger, - .dijitButton.dijitButtonHover.danger, - .dijitButton.dijitFocused.danger { + .dijitButton.dijitButtonDisabled.btn-danger, + .dijitButton.dijitButtonActive.btn-danger, + .dijitButton.dijitButtonHover.btn-danger, + .dijitButton.dijitFocused.btn-danger { color: #ffffff; background-color: #bd362f; *background-color: #a9302a; } - .dijitButton.dijitButtonActive.danger { + .dijitButton.dijitButtonActive.btn-danger { background-color: #942a25 \9; } + .dijitButton.dijitButtonActive.btn-danger { + color: rgba(255, 255, 255, 0.75); + } + + /* primary */ + + .dijitButton.btn-primary .dijitButtonText { + color: #ffffff; + } + + .dijitButton.btn-primary { + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #2883b3; + *background-color: #257aa7; + background-image: -moz-linear-gradient(top, #4ba6d8, #257aa7); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4ba6d8), to(#257aa7)); + background-image: -webkit-linear-gradient(top, #4ba6d8, #257aa7); + background-image: -o-linear-gradient(top, #4ba6d8, #257aa7); + background-image: linear-gradient(to bottom, #4ba6d8, #257aa7); + background-repeat: repeat-x; + border-color: #257aa7 #257aa7 #1d5f82; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + } + + .dijitButton.dijitButtonDisabled.btn-primary, + .dijitButton.dijitButtonActive.btn-primary, + .dijitButton.dijitButtonHover.btn-primary, + .dijitButton.dijitFocused.btn-primary { + color: #ffffff; + background-color: #257aa7; + *background-color: #1d6185; + } + + .dijitButton.dijitButtonActive.btn-primary { + background-color: #1f678d \9; + } + + .dijitButton.dijitButtonActive.btn-primary { + color: rgba(255, 255, 255, 0.75); + } + + /* others */ + .dijitDropDownButton { margin: 0px; } @@ -225,10 +270,6 @@ padding: 0px; } - .dijitButton.dijitButtonActive.danger { - color: rgba(255, 255, 255, 0.75); - } - .dijitButton .dijitButtonNode, .dijitDropDownButton .dijitButtonNode, .dijitComboButton .dijitButtonNode, @@ -413,14 +454,14 @@ } .dijitMenu { - border-color: rgba(82, 168, 236, 0.8); + border-color: @color-accent; } .dijitMenu .dijitMenuItemSelected, .dijitMenu .dijitMenuItemSelected td { - background: rgb(82, 168, 236); + background: @color-accent; color: white; - border-color: rgba(82, 168, 236, 0.8); + border-color: @color-accent; } .dijitButton .dijitButtonNode, @@ -453,7 +494,7 @@ .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected, .dijitAccordionTitle.dijitAccordionTitleSelected { - background: #0088cc; + background: @color-accent; transition: background 0.25s; } @@ -462,7 +503,7 @@ } .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected { - border-color: #0088cc; + border-color: @color-accent; } .dijitAccordionContainer .dijitAccordionChildWrapper { @@ -520,7 +561,7 @@ padding: 4px 6px; font-size: 14px; line-height: 20px; - color: #555555; + color: @default-text; vertical-align: middle; border-width: 0px; } @@ -534,7 +575,7 @@ padding: 4px 6px; font-size: 14px; line-height: 20px; - color: #555555; + color: @default-text; vertical-align: middle; -webkit-border-radius: 4px; -moz-border-radius: 4px; @@ -575,9 +616,9 @@ 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); + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(red(@color-accent), green(@color-accent), blue(@color-accent), 0.6); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(red(@color-accent), green(@color-accent), blue(@color-accent), 0.6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(red(@color-accent), green(@color-accent), blue(@color-accent), 0.6); } .dijitError .dijitValidationContainer { @@ -636,7 +677,7 @@ background: white; padding: 8px; font-weight: 600; - color: #555; + color: @default-text; font-size: 16px; text-rendering: optimizelegibility; font-family: @fonts-ui-bold; @@ -649,11 +690,11 @@ .dijitProgressBar.dijitProgressBarEmpty { background: #ddd; - border-color: #0088cc; + border-color: @color-accent; } .dijitProgressBar.dijitProgressBarEmpty .dijitProgressBarFull .dijitProgressBarTile { - background: rgb(82, 168, 236); + background: @color-accent; }