Mercurial > repos > immport-devteam > cs_overview
comparison css/parallelCoordinates.css @ 2:a64ece32a01a draft default tip
"planemo upload for repository https://github.com/ImmPortDB/immport-galaxy-tools/tree/master/flowtools/cs_overview commit a46097db0b6056e1125237393eb6974cfd51eb41"
| author | azomics |
|---|---|
| date | Tue, 28 Jul 2020 08:32:36 -0400 |
| parents | |
| children |
comparison
equal
deleted
inserted
replaced
| 1:bca68066a957 | 2:a64ece32a01a |
|---|---|
| 1 /*Chart*/ | |
| 2 .chartDiv { | |
| 3 margin-top: 10px; | |
| 4 margin-bottom: 10px; | |
| 5 margin-left: 10px; | |
| 6 margin-right: 10px; | |
| 7 background-color: #ffffff; | |
| 8 } | |
| 9 /*This for stacked / bar plot*/ | |
| 10 .optionButtons{ | |
| 11 padding-bottom: 8px; | |
| 12 } | |
| 13 .igbtn { | |
| 14 border-radius: 4px; | |
| 15 color: white; | |
| 16 background-color: #0E3163; | |
| 17 border:1px; | |
| 18 font-size: 14px; | |
| 19 font-weight: bold; | |
| 20 border-color: #0E3163; | |
| 21 padding: 6px 12px; | |
| 22 background: -webkit-linear-gradient(#0E3163, #3e6db0); | |
| 23 background: -o-linear-gradient(#0E3163, #3e6db0); | |
| 24 background: -moz-linear-gradient(#0E3163, #3e6db0); | |
| 25 background: linear-gradient(#0E3163, #3e6db0); | |
| 26 } | |
| 27 #togglePlot { | |
| 28 display: block; | |
| 29 margin-left: auto; | |
| 30 margin-right: auto; | |
| 31 height: 60px; | |
| 32 width: 90px; | |
| 33 padding: 4px 8px 8px 4px; | |
| 34 } | |
| 35 /*DataTables config*/ | |
| 36 div.dt-buttons { | |
| 37 float: right; | |
| 38 } | |
| 39 th { | |
| 40 background-color:#3965A4; | |
| 41 color:#fff; | |
| 42 border-radius: 2px; | |
| 43 padding:6px 12px; | |
| 44 font-size:14px; | |
| 45 text-align: center; | |
| 46 } | |
| 47 .igtable th { | |
| 48 background: -webkit-linear-gradient(#0E3163, #3e6db0); | |
| 49 background: -o-linear-gradient(#0E3163, #3e6db0); | |
| 50 background: -moz-linear-gradient(#0E3163, #3e6db0); | |
| 51 background: linear-gradient(#0E3163, #3e6db0) | |
| 52 } | |
| 53 body td { | |
| 54 max-width: 50px; | |
| 55 font-size: 14px; | |
| 56 overflow: hidden; | |
| 57 text-overflow: ellipsis; | |
| 58 } | |
| 59 .pctable td { | |
| 60 max-width: 100px; | |
| 61 } | |
| 62 .dtable td { | |
| 63 max-width: 50px; | |
| 64 word-break: break-all; | |
| 65 word-wrap: break-word; | |
| 66 } | |
| 67 .popt thead { | |
| 68 display:none; | |
| 69 } | |
| 70 .popt td { | |
| 71 max-width: 40px; | |
| 72 word-break: break-all; | |
| 73 word-wrap: break-word; | |
| 74 } | |
| 75 div.dataTables_wrapper { | |
| 76 width: 95%; | |
| 77 margin: 0 auto; | |
| 78 } | |
| 79 /*Opacity widget*/ | |
| 80 .widget { | |
| 81 margin-top: 4px; | |
| 82 padding: 4px 4px 8px 4px; | |
| 83 margin-bottom: 10px | |
| 84 height: 36px; | |
| 85 line-height: 12px; | |
| 86 font-size: 12px; | |
| 87 text-align: center; | |
| 88 // float: right; | |
| 89 } | |
| 90 /*This section for coordinates plot*/ | |
| 91 .table th { | |
| 92 text-align: center; | |
| 93 padding: 10px; | |
| 94 } | |
| 95 .table { | |
| 96 width:100%; | |
| 97 border:0px solid; | |
| 98 border-collapse:collapse; | |
| 99 text-align:center; | |
| 100 font-size: 14px; | |
| 101 } | |
| 102 svg { | |
| 103 font: 10px sans-serif; | |
| 104 } | |
| 105 .background path { | |
| 106 fill: none; | |
| 107 stroke: #F0F0F0; | |
| 108 shape-rendering: crispEdges; | |
| 109 } | |
| 110 .foreground path { | |
| 111 fill: none; | |
| 112 stroke-opacity: .8; | |
| 113 } | |
| 114 .brush .extent { | |
| 115 fill-opacity: .3; | |
| 116 stroke: #fff; | |
| 117 shape-rendering: crispEdges; | |
| 118 } | |
| 119 .axis line, | |
| 120 .axis path { | |
| 121 fill: none; | |
| 122 stroke: #000; | |
| 123 stroke-width: 2; | |
| 124 shape-rendering: crispEdges; | |
| 125 } | |
| 126 .axis text { | |
| 127 text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff; | |
| 128 } | |
| 129 .xlabel { | |
| 130 font-size: 14px; | |
| 131 fill: #808080; | |
| 132 } | |
| 133 .ylabel { | |
| 134 font-size: 16px; | |
| 135 fill: #808080; | |
| 136 } | |
| 137 /*This section for boxplots*/ | |
| 138 .box { | |
| 139 font: 10px sans-serif; | |
| 140 } | |
| 141 .box line, | |
| 142 .box rect, | |
| 143 .box circle { | |
| 144 fill: red; | |
| 145 stroke: #000; | |
| 146 stroke-width: 1px; | |
| 147 } | |
| 148 .box .center { | |
| 149 stroke-dasharray: 3,3; | |
| 150 } | |
| 151 .box .outlier { | |
| 152 fill: none; | |
| 153 stroke: #000; | |
| 154 } | |
| 155 .axisbp path, | |
| 156 .axisbp line { | |
| 157 stroke-width: 1px; | |
| 158 fill: | |
| 159 } | |
| 160 .y.axisbp path { | |
| 161 stroke-width: 2; | |
| 162 stroke: #000; | |
| 163 fill: none; | |
| 164 } | |
| 165 .x.axisbp path { | |
| 166 fill: none; | |
| 167 stroke: #C8C8C8; | |
| 168 stroke-width: 0px; | |
| 169 shape-rendering: crispEdges; | |
| 170 } |
