Datasets
Models
Diff of
/openomics_web/assets/alignmentchart-style.css
[000000]
..
[548210]
Switch to unified view
| a | b/openomics_web/assets/alignmentchart-style.css | ||
|---|---|---|---|
| 1 | #alignment-body ::-webkit-scrollbar-thumb { |
||
| 2 | background-color: #34AD99 !important; |
||
| 3 | } |
||
| 4 | |||
| 5 | #alignment-control-tabs { |
||
| 6 | width: 400px; |
||
| 7 | height: 550px; |
||
| 8 | margin: 50px; |
||
| 9 | margin-right: 0px; |
||
| 10 | background-color: #fff; |
||
| 11 | font-size: 10pt; |
||
| 12 | float: left; |
||
| 13 | display: inline-block; |
||
| 14 | } |
||
| 15 | |||
| 16 | #alignment-control-tabs .tab-content { |
||
| 17 | padding: 20px; |
||
| 18 | } |
||
| 19 | |||
| 20 | .alignment-tab { |
||
| 21 | max-height: 420px; |
||
| 22 | overflow-y: auto; |
||
| 23 | padding-right: 15px; |
||
| 24 | } |
||
| 25 | |||
| 26 | #alignment-body .control-tabs .tab--selected { |
||
| 27 | color: #34AD99 !important; |
||
| 28 | } |
||
| 29 | |||
| 30 | #alignment-control-tabs .tab-content { |
||
| 31 | padding: 20px; |
||
| 32 | } |
||
| 33 | |||
| 34 | #alignment-chart { |
||
| 35 | width: calc(100vw - 650px); |
||
| 36 | margin-left: 50px; |
||
| 37 | margin-right: 50px; |
||
| 38 | margin-top: 50px; |
||
| 39 | display: inline-block; |
||
| 40 | } |
||
| 41 | |||
| 42 | #alignment-chart svg { |
||
| 43 | background-color: rgba(0, 0, 0, 0) !important; |
||
| 44 | } |
||
| 45 | |||
| 46 | #alignment-body .control-upload { |
||
| 47 | border-color: #34AD99 !important; |
||
| 48 | } |
||
| 49 | |||
| 50 | #alignment-body .control-download:hover { |
||
| 51 | color: #34AD99 !important; |
||
| 52 | border-color: #34AD99 !important; |
||
| 53 | } |
||
| 54 | |||
| 55 | #alignment-body h5 { |
||
| 56 | margin-bottom: 10px; |
||
| 57 | text-align: center; |
||
| 58 | } |
||
| 59 | |||
| 60 | #alignment-body .rc-slider-track { |
||
| 61 | background-color: #34AD99; |
||
| 62 | } |
||
| 63 | |||
| 64 | #alignment-body .rc-slider-handle, #alignment-body .rc-slider-dot { |
||
| 65 | border-color: #34AD99; |
||
| 66 | } |
||
| 67 | |||
| 68 | .alignment-settings .rc-slider { |
||
| 69 | width: 50% !important; |
||
| 70 | margin-left: 25px; |
||
| 71 | } |
||
| 72 | |||
| 73 | .alignment-radio > label { |
||
| 74 | text-align: left; |
||
| 75 | display: block; |
||
| 76 | } |
||
| 77 | |||
| 78 | .alignment-radio { |
||
| 79 | margin-top: 5px; |
||
| 80 | margin-left: 5px; |
||
| 81 | width: 140px !important; |
||
| 82 | display: inline-block; |
||
| 83 | } |
||
| 84 | |||
| 85 | h3.alignment-settings-section { |
||
| 86 | text-align: center; |
||
| 87 | margin-bottom: 15px; |
||
| 88 | font-size: 16pt; |
||
| 89 | } |
||
| 90 | |||
| 91 | #alignment-colorscale-dropdown, #alignment-overview-dropdown, |
||
| 92 | #alignment-conservationcolorscale-dropdown, #alignment-conservationmethod-dropdown, |
||
| 93 | #alignment-gapcolor-dropdown { |
||
| 94 | display: inline-block; |
||
| 95 | width: 150px; |
||
| 96 | float: right; |
||
| 97 | } |
||
| 98 | |||
| 99 | #alignment-body .rc-slider-track { |
||
| 100 | background-color: #34AD99 !important; |
||
| 101 | } |
||
| 102 | |||
| 103 | #alignment-body .rc-slider-handle { |
||
| 104 | border-color: #34AD99 !important; |
||
| 105 | } |