| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144 |
- body {
- background-color: #1E1E1E;
- font-family: "Droid Sans", sans-serif;
- font-size: 14px;
- margin: 0px;
- color: rgb(153, 153, 153);
- }
- .topTabContainer {
- display: flex;
- margin: 1px;
- }
- .topTab {
- background-color: #252525;
- margin: 1px;
- cursor: pointer;
- }
- .topTabLink {
- color: rgb(153, 153, 153);
- padding: 4px 4px 2px 4px;
- text-decoration: none;
- }
- .topTabLink:hover {
- color: #eee;
- transition: color 0.2s ease;
- }
- .toggleIndicator {
- background-color: rgba(247, 166, 0, 0.15);
- width: 100%;
- height: 2px;
- }
- .toggleIndicatorActive {
- background-color: rgb(247, 166, 0);
- -webkit-box-shadow: 0 0 6px 0 #f7a600;
- -moz-box-shadow: 0 0 6px 0 #f7a600;
- box-shadow: 0 0 6px 0 #f7a600;
- }
- .plotly-notifier {
- display: none;
- }
- .selectorSubtypes {
- display: block;
- }
- .selectorSubtypes div {
- display: flex;
- justify-content: center;
- align-items: center;
- margin-top: 10px;
- }
- .plotSelectorContainer {
- display: flex;
- justify-content: center;
- align-items: center;
- margin-top: 10px;
- }
- .plotSelector {
- color: #bbb;
- background-color: #42361d;
- border: none;
- border-bottom: 1px solid #8d6411;
- }
- .plotSelector:focus {
- outline: none;
- }
- .mainPlot {
- display: flex;
- justify-content: center;
- align-items: center;
- margin-top: 10px;
- }
- .plot-container {
- width: auto !important;
- }
- .queryButton {
- background-color: #f7a600;
- display: inline-block;
- border: none;
- line-height: 17px;
- padding: 0 8px;
- font-size: 11px;
- color: #fff;
- font-weight: bold;
- text-transform: uppercase;
- cursor: pointer;
- outline: none;
- margin-left: 5px;
- }
- .queryButton:hover {
- color: rgb(39, 39, 39);
- transition: color 0.2s ease;
- }
- .title {
- text-align: center;
- font-size: 18px;
- padding: 5px;
- font-weight: bold;
- }
- table {
- border-collapse: collapse;
- background: white;
- width: 100%;
- margin-bottom: 40px;
- }
- table, th, td {
- border: 1px solid black;
- }
- th {
- padding: 8px;
- text-align: left;
- background: #26353e;
- }
- td {
- padding: 8px;
- text-align: left;
- background-color: #222;
- }
- td:nth-child(odd) {
- background-color: #23282b;
- }
- select {
- width: 138px;
- cursor: pointer;
- }
- input {
- width: 134px;
- cursor: text;
- }
|