jupyterlab-sos/style/index.css

.sos_icon {
  background-image: url('./sos_icon.svg');
  background-repeat: no-repeat;
  background-position: center center;
}

.cm-sos-interpolated {
  background-color: rgb(223, 144, 207, 0.4);
}

.cm-sos-sigil {
  background-color: rgb(223, 144, 207, 0.4);
}

.cm-sos-unmatched {
  background-color: orange;
}

.jp-OutputArea-prompt:empty {
  padding: 0px;
}

.jp-NotebookPanel.jp-SoSNotebook .jp-CelllanguageDropDown {
  display: block;
}

.jp-CelllanguageDropDown {
  display: none;
}

.jp-CodeCell .jp-InputArea .jp-CelllanguageDropDown {
  width: 70pt;
  background: none;
  z-index: 1000;
  right: 8pt;
  font-size: 80%;
}

.jp-CodeCell .jp-cell-menu .jp-CelllanguageDropDown {
  width: 70pt;
  background: none;
  font-size: 80%;
  margin-left: 5px;
  margin-right: 5px;
  border: 0px;
}

.sos_logging {
  font-family: monospace;
  margin: -0.4em;
  padding-left: 0.4em;
}

.sos_hint {
  color: rgba(0, 0, 0, .4);
  font-family: monospace;
}

.sos_debug {
  color: blue;
}

.sos_trace {
  color: darkcyan;
}

.sos_hilight {
  color: green;
}

.sos_info {
  color: black;
}

.sos_warning {
  color: black;
  background: #fdd
}

.sos_error {
  color: black;
  background: #fdd
}

.report_output {
  border-right-width: 13px;
  border-right-color: #aaaaaa;
  border-right-style: solid;
}

.sos_hint {
  color: gray;
  font-family: monospace;
}


.session_info td {
  text-align: left;
}

.session_info th {
  text-align: left;
}

.session_section {
  text-align: left;
  font-weight: bold;
  font-size: 120%;
}


.one_liner {
  overflow: hidden;
  height: 15px;
}

.one_liner:hover {
  height: auto;
  width: auto;
}

.dataframe_container {
  max-height: 400px
}

.dataframe_input {
  border: 1px solid #ddd;
  margin-bottom: 5px;
}

.scatterplot_by_rowname div.xAxis div.tickLabel {
  transform: translateY(15px) translateX(15px) rotate(45deg);
  -ms-transform: translateY(15px) translateX(15px) rotate(45deg);
  -moz-transform: translateY(15px) translateX(15px) rotate(45deg);
  -webkit-transform: translateY(15px) translateX(15px) rotate(45deg);
  -o-transform: translateY(15px) translateX(15px) rotate(45deg);
  /*rotation-point:50% 50%;*/
  /*rotation:270deg;*/
}

.sos_dataframe td,
.sos_dataframe th {
  white-space: nowrap;
}

pre.section-header.CodeMirror-line {
  border-top: 1px dotted #cfcfcf
}


.jp-CodeCell .cm-header-1,
.jp-CodeCell .cm-header-2,
.jp-CodeCell .cm-header-3,
.jp-CodeCell .cm-header-4,
.jp-CodeCell .cm-header-5,
.jp-CodeCell .cm-header-6 {
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  font-family: monospace;
}

/* jp-NotebooklanguageDropDown */
/* jp-CelllanguageDropDown */

/* sos generated static TOC */

.jp-OutputArea .toc {
  padding: 0px;
  overflow-y: auto;
  font-weight: normal;
  white-space: nowrap;
  overflow-x: auto;
}

.jp-OutputArea .toc ul.toc-item {
  list-style-type: none;
  padding-left: 1em;
}

.jp-OutputArea .toc-item-highlight-select {
  background-color: Gold
}

.jp-OutputArea .toc-item-highlight-execute {
  background-color: red
}

.jp-OutputArea .lev1 {
  margin-left: 5px
}

.jp-OutputArea .lev2 {
  margin-left: 10px
}

.jp-OutputArea .lev3 {
  margin-left: 10px
}

.jp-OutputArea .lev4 {
  margin-left: 10px
}

.jp-OutputArea .lev5 {
  margin-left: 10px
}

.jp-OutputArea .lev6 {
  margin-left: 10px
}

.jp-OutputArea .lev7 {
  margin-left: 10px
}

.jp-OutputArea .lev8 {
  margin-left: 10px
}


table.workflow_table,
table.task_table {
  border: 0px;
}


table.workflow_table i,
table.task_table i {
  margin-right: 5px;
}

td.workflow_name {
  width: 10em;
  text-align: left;
}

td.workflow_name pre,
td.task_name pre {
  font-size: 1.2em;
}

td.workflow_id,
td.task_id {
  width: 15em;
  text-align: left;
}

td.task_tags {
  text-align: left;
  max-width: 33em;
}

td.task_id {
  text-align: left;
}

td.task_id span,
td.task_tags span {
  display: inline-flex;
}

td.task_tags span pre {
  padding-right: 0.5em;
}

td.task_tags i {
  margin-right: 0px;
}

.task_id_actions,
.task_tag_actions {
  display: none;
}

.task_id_actions .fa:hover,
.task_tag_actions .fa:hover {
  color: blue;
}

.task_id:hover .task_id_actions,
.task_tags:hover .task_tag_actions {
  display: flex;
  flex-direction: row;
}

td.workflow_index {
  width: 5em;
  text-align: left;
}

td.workflow_status {
  width: 20em;
  text-align: left;
}

td.task_timer {
  width: 15em;
  text-align: left !important;
}

td.task_timer pre {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.workflow_table pre,
.task_table pre {
  background: unset;
}

td.task_icon {
  font-size: 0.75em;
}

td.task_status {
  width: 15em;
  text-align: left;
}

table.workflow_table span {
  /* text-transform: uppercase; */
  font-family: monospace;
}

table.task_table span {
  /* text-transform: uppercase; */
  font-family: monospace;
}

table.workflow_table.pending pre,
table.task_table.pending pre,
table.task_table.submitted pre,
table.task_table.missing pre {
  color: #9d9d9d;
  /* gray */
}

table.workflow_table.running pre,
table.task_table.running pre {
  color: #cdb62c;
  /* yellow */
}

table.workflow_table.completed pre,
table.task_table.completed pre {
  color: #39aa56;
  /* green */
}

table.workflow_table.aborted pre,
table.task_table.aborted pre {
  color: #FFA07A;
  /* salmon */
}

table.workflow_table.failed pre,
table.task_table.failed pre {
  color: #db4545;
  /* red */
}

table.task_table {
  border: 0px;
  border-style: solid;
}


.bs-callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px;
}

.bs-callout h4 {
  margin-top: 0 !important;
  margin-bottom: 5px;
  font-weight: 500;
  line-height: 1.1;
  display: block;
  margin-block-start: 1.33em;
  margin-block-end: 1.33em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

.bs-callout p:last-child {
  margin-bottom: 0;
}

.bs-callout code {
  border-radius: 3px;
}

.bs-callout+.bs-callout {
  margin-top: -5px;
}

.bs-callout-default {
  border-left-color: #777;
}

.bs-callout-default h4 {
  color: #777;
}

.bs-callout-primary {
  border-left-color: #428bca;
}

.bs-callout-primary h4 {
  color: #428bca;
}

.bs-callout-success {
  border-left-color: #5cb85c;
}

.bs-callout-success h4 {
  color: #5cb85c;
}

.bs-callout-danger {
  border-left-color: #d9534f;
}

.bs-callout-danger h4 {
  color: #d9534f;
}

.bs-callout-warning {
  border-left-color: #f0ad4e;
}

.bs-callout-warning h4 {
  color: #f0ad4e;
}

.bs-callout-info {
  border-left-color: #5bc0de;
}

.bs-callout-info h4 {
  color: #5bc0de;
}