| 1 | .claro .rftSelector { |
|---|
| 2 | margin: 4px; |
|---|
| 3 | font-size: 13px; |
|---|
| 4 | } |
|---|
| 5 | .claro .rftLineWithButtons { |
|---|
| 6 | height: 24px; |
|---|
| 7 | line-height: 24px; |
|---|
| 8 | font-size: 13px; |
|---|
| 9 | margin: 4px 0; |
|---|
| 10 | white-space: nowrap; |
|---|
| 11 | } |
|---|
| 12 | .claro .rftSelector .rftLineWithButtons { |
|---|
| 13 | margin: 0; |
|---|
| 14 | } |
|---|
| 15 | .claro .rftLineWithButtons .rftLineWithButtonsButtons { |
|---|
| 16 | float: right; |
|---|
| 17 | height: 24px; |
|---|
| 18 | line-height: 24px; |
|---|
| 19 | margin: 0; |
|---|
| 20 | padding: 0; |
|---|
| 21 | } |
|---|
| 22 | .claro .rftLineWithButtons .rftLineWithButtonsButtons .rftBlockButton { |
|---|
| 23 | float: right; |
|---|
| 24 | clear: none; |
|---|
| 25 | } |
|---|
| 26 | .claro .rftLineWithButtons .rftLineWithButtonsTitle { |
|---|
| 27 | float: left; |
|---|
| 28 | margin: 0 8px 0 8px; |
|---|
| 29 | } |
|---|
| 30 | .claro .rftSelectorSelected .rftSelectorColor { |
|---|
| 31 | width: 8px; |
|---|
| 32 | height: 24px; |
|---|
| 33 | float: left; |
|---|
| 34 | margin: 0; |
|---|
| 35 | } |
|---|
| 36 | |
|---|
| 37 | /* Own standard colour settings */ |
|---|
| 38 | .claro .rftLineWithButtons.blue { |
|---|
| 39 | background-color: #0072bc; |
|---|
| 40 | color: #ffffff; |
|---|
| 41 | } |
|---|
| 42 | .claro .rftLineWithButtons.red { |
|---|
| 43 | background-color: #8c0310; |
|---|
| 44 | color: #ffffff; |
|---|
| 45 | } |
|---|
| 46 | .claro .rftLineWithButtons.green { |
|---|
| 47 | background-color: #3aa605; |
|---|
| 48 | color: #ffffff; |
|---|
| 49 | } |
|---|
| 50 | .claro .rftLineWithButtons.purple { |
|---|
| 51 | background-color: #6529b7; |
|---|
| 52 | color: #ffffff; |
|---|
| 53 | } |
|---|
| 54 | .claro .rftLineWithButtons.orange { |
|---|
| 55 | background-color: #ff5b12; |
|---|
| 56 | color: #ffffff; |
|---|
| 57 | } |
|---|
| 58 | |
|---|
| 59 | /* Background colour settings for the various contexts of rftLineWithButtons */ |
|---|
| 60 | .claro .rftSelector .rftLineWithButtons { |
|---|
| 61 | background-color: #ffffff; |
|---|
| 62 | color: #000000; |
|---|
| 63 | } |
|---|
| 64 | .claro .blue.rftSelector .rftLineWithButtons { |
|---|
| 65 | background-color: #0072bc; |
|---|
| 66 | color: #ffffff; |
|---|
| 67 | } |
|---|
| 68 | .claro .red.rftSelector .rftLineWithButtons { |
|---|
| 69 | background-color: #8c0310; |
|---|
| 70 | color: #ffffff; |
|---|
| 71 | } |
|---|
| 72 | .claro .green.rftSelector .rftLineWithButtons { |
|---|
| 73 | background-color: #3aa605; |
|---|
| 74 | color: #ffffff; |
|---|
| 75 | } |
|---|
| 76 | .claro .purple.rftSelector .rftLineWithButtons { |
|---|
| 77 | background-color: #6529b7; |
|---|
| 78 | color: #ffffff; |
|---|
| 79 | } |
|---|
| 80 | .claro .orange.rftSelector .rftLineWithButtons { |
|---|
| 81 | background-color: #ff5b12; |
|---|
| 82 | color: #ffffff; |
|---|
| 83 | } |
|---|
| 84 | |
|---|
| 85 | /* Black-on-white setting for non-header lines in the rftSelector */ |
|---|
| 86 | .claro .rftSelector .rftSelectorSelected .rftLineWithButtons { |
|---|
| 87 | background-color: #ffffff; |
|---|
| 88 | color: #000000; |
|---|
| 89 | } |
|---|
| 90 | .claro .rftSelector .rftSelectorOptions .rftLineWithButtons { |
|---|
| 91 | background-color: #ffffff; |
|---|
| 92 | color: #000000; |
|---|
| 93 | } |
|---|
| 94 | |
|---|
| 95 | /* Colour settings for the rftSelectorColor status indicator */ |
|---|
| 96 | .claro .rftSelectorSelected .rftSelectorColor.conflict { |
|---|
| 97 | background-color: #ff0000; |
|---|
| 98 | } |
|---|
| 99 | .claro .rftSelectorSelected .rftSelectorColor.pending { |
|---|
| 100 | background-color: #ff8000; |
|---|
| 101 | } |
|---|
| 102 | .claro .rftSelectorSelected .rftSelectorColor.success { |
|---|
| 103 | background-color: #00ff00; |
|---|
| 104 | } |
|---|
