git.wh0rd.org / tt-rss.git / blame
| Commit | Line | Data |
|---|---|---|
| 81bea17a AD |
1 | /* ========= Styling rules to affect widgets ========= */ |
| 2 | ||
| 3 | @import "variables"; | |
| 4 | ||
| 5 | .claro .dijitPopup { | |
| 6 | .box-shadow(0 1px 5px rgba(0,0,0,0.25)); | |
| 7 | } | |
| 8 | .claro .dijitTooltipDialogPopup { | |
| 9 | /* exception popups: do not use a shadow on these because they aren't rectangular */ | |
| 10 | .box-shadow(none); | |
| 11 | } | |
| 12 | ||
| 13 | /* The highlight is shown in the ComboBox menu. TODO: move to form/Common.less */ | |
| 14 | .claro .dijitComboBoxHighlightMatch { | |
| 15 | background-color: @select-matchedtext-background-color; | |
| 16 | } | |
| 17 | ||
| 18 | .claro .dijitFocusedLabel { | |
| 19 | /* for checkboxes or radio buttons, hatch border around the corresponding label, to indicate focus */ | |
| 20 | outline: 1px dotted @focus-outline-color; | |
| 21 | } | |
| 22 | ||
| f0cfe83e AD |
23 | /* Drag and Drop*/ |
| 24 | .claro .dojoDndItem { | |
| 25 | border-color: rgba(0,0,0,0); // rgba() instead of none to prevent flash on hover fade-in | |
| 26 | .transition-duration(.25s); | |
| 27 | .transition-property(background-color, border-color) | |
| 81bea17a AD |
28 | } |
| 29 | .claro .dojoDndItemOver { | |
| f0cfe83e AD |
30 | // Hovered item. Matches dijitTreeRowHover. |
| 31 | background-color:@hovered-background-color; | |
| 32 | .standard-gradient; | |
| 33 | padding: 1px; // reduce from 2px in dijit.css | |
| 34 | border:solid 1px @hovered-border-color; | |
| 35 | color:@hovered-text-color; | |
| 36 | } | |
| 37 | .claro .dojoDndItemAnchor, | |
| 38 | .claro .dojoDndItemSelected { | |
| 39 | // Selected items(s). Matches dijitTreeRowSelected. | |
| 40 | background-color:@selected-background-color; | |
| 41 | .standard-gradient; | |
| 42 | padding: 1px; // reduce from 2px in dijit.css | |
| 43 | border:solid 1px @selected-border-color; | |
| 44 | color:@selected-text-color; | |
| 45 | } | |
| 46 | ||
| 47 | .claro .dojoDndItemBefore, | |
| 48 | .claro .dojoDndItemAfter { | |
| 49 | // line to indicate that user is dropping before/after this dojoDndItem | |
| 50 | border-color: @dnd-dropseparator-color; | |
| 51 | } | |
| 52 | ||
| 81bea17a AD |
53 | .claro table.dojoDndAvatar { |
| 54 | border: 1px solid @border-color; | |
| 55 | border-collapse: collapse; | |
| 56 | background-color: @dnd-avatar-background-color; | |
| 57 | .box-shadow(0 1px 3px rgba(0, 0, 0, .25)); | |
| 58 | } | |
| 59 | .claro .dojoDndAvatarHeader td { | |
| 60 | height: 20px; | |
| 61 | padding-left:21px; | |
| 62 | } | |
| 63 | .claro.dojoDndMove .dojoDndAvatarHeader, .claro.dojoDndCopy .dojoDndAvatarHeader { | |
| 1354d172 | 64 | background-image: url(@image-dnd); |
| 81bea17a AD |
65 | background-repeat: no-repeat; |
| 66 | background-position:2px -122px; | |
| 67 | } | |
| 68 | .claro .dojoDndAvatarItem td { | |
| 69 | padding: 5px; | |
| 70 | } | |
| 71 | .claro.dojoDndMove .dojoDndAvatarHeader { | |
| 72 | background-color: @dnd-avatar-header-background-color; | |
| 73 | background-position:2px -103px; | |
| 74 | } | |
| 75 | .claro.dojoDndCopy .dojoDndAvatarHeader { | |
| 76 | background-color: @dnd-avatar-header-background-color; | |
| 77 | background-position:2px -68px; | |
| 78 | } | |
| 79 | .claro.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader { | |
| 80 | background-color: @dnd-avatar-candrop-header-background-color; | |
| 81 | background-position:2px -33px; | |
| 82 | } | |
| 83 | .claro.dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader { | |
| 84 | background-color: @dnd-avatar-candrop-header-background-color; | |
| 85 | background-position:2px 2px; | |
| 86 | } |