gclui.css

.gclui {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*max-height: 50em;
  overflow-y: scroll;*/
}
.gclui p, .data_ontology_display p {
  width:auto;
  float:left;
  margin: .1em;
}
.data_ontology_display {
  margin-bottom: 1px;
}
.predicates {
  margin-bottom: 50px;
  overflow-y: scroll;
  height: 30em;
}
.buffer_space {
  height: 10em;
  clear: both;
}

.alternates {
  float:left;
}

.verb {
  margin:1px 2px 4px 0;
  cursor: pointer;
  border-top:1px solid #eee;
  border-right:1px solid #aaa;
  border-left:1px solid #eee;
  border-bottom:1px solid #aaa;
  background-color: #f5f5f5;
  padding: 3px 4px;
  border-radius: 3px;
  color: #666;
}
.control_label.activate_depth {
  margin-left: 1em;
  font-weight: normal;
}
.control_label {
  margin-bottom: 1px;
}
.activate_depth .depth_input {
  width: 2.3em;
  text-align: center;
  margin-left: 0.5em;
}

.engaged {
  background-color: #ddd;
  border-top:1px solid #aaa;
  border-right:1px solid #eee;
  border-left:1px solid #aaa;
  border-bottom:1px solid #eee;
  color: #222;
}
.verb:hover {
  background-color: #ccc;
}

.contents { /* Boxes in a treepicker are clickable */
  cursor: pointer;
}
.expander { /* Show expanders as clickable even if they are within treepicker-empty */
  cursor: pointer;
}
.treepicker-empty {  /*   If empty then it is not clickable ORDER MATTERS */
  cursor: default;
}
.treepicker-collapse { /* but if it is also collapsed then it IS clickable again! ORDER MATTERS */
  cursor: pointer;
}
.verbs {
  color: #444;
  font-size: 85%;
}
.taxonomydiv {
  margin:0.1em;
}
.shield {
  position: absolute;
  top:0px;
  left:0px;
  background-color:rgba(63,63,63,.5);
  z-index:5000;
}
/*  http://net.tutsplus.com/tutorials/html-css-techniques/lets-create-paper-with-css/ */
.command {
  margin-top: .1em;
  margin-top: .1em;
  padding: .1em;
  color: gray;
  background-color: rgb(235, 245, 255);
  border-style: solid;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  border: none;
  position: relative;
  cursor: default;
  padding-right: 1em;
}
.command.played {
  background-color: #fcf59b;  /* legal pad yellow */
}
.delete-command {
  display:normal;
  color: #777;
  font: 70% sans-serif;
  position: absolute;
  right: 5px;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
  top: 3px;
  cursor: pointer;
}
.delete-command::after {
  content: "x";
}
.played .delete-command {
  display: none
}
.command code {
  font-family: sans-serif;
  font-weight: normal;
  font-style: italic;
  font-size: .9em;
  letter-spacing: .3px;
}
.commandlist {
  /* overflow-y: auto; */
  /* -webkit-border-top-right-radius: 20px 300px; */
  /* background-color: #81cbbc;  hairline blue */
  /* background-color: blue;  hairline blue */
}
.nextcommand {
  color: black;
  font-weight:bold;
  height: 2.2em;
  -webkit-touch-callout: auto;
  -webkit-user-select: auto;
  -khtml-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.cmdlistbar {
  color: white;
  background-color: blue;
}
.cmdlisttitlebarcontent {
  background-color: blue;
  color: white;
}
.commandhistory {
  overflow-y: scroll;
}
.commandhistory .command{
  padding: .2em .4em;
}
.display_none {
  display:none;
}
.container {
  display:inline-block;
  border:1px solid;
  overflow:hidden;
}
.contents {
  font-size: 90%;
  /*border:1px solid;*/
  padding: .1em;
  overflow:auto;
}
.treepicker-showing {
    background-color: tan;
}
/* display: inline-block and white-space: nowrap */
.treepicker-hidden {
  /* for debugging, comment the following line disable collapsing */
  /*
  text-decoration: strikethrough;
   */
}
.treepicker-empty {
  background-color: white;
}
.treepicker-indirect-empty {
  /* for debugging, comment the following line to disable hiding */
  display: none;
}
#anything.treepicker-indirect-empty.treepicker-empty {
  background-color: white;
  display: block;
}
#anything.treepicker-indirect-empty.treepicker-empty .expander {
  display: none;
}
.treepicker-mixed {
  font-style: italic;
}
.close_snippet:before {
  margin-right: .2em;
  margin-top: .2em;
  float: right;
  color: white;
  padding: .05em;
  background-color: red;
  content: '✘';
}
.lateral {
  display:inline-flex;
}
.payload {
  color: grey;
  text-align: center;
}
.container .payload {
  display: inline;
  margin-left: 2px;
}
.container .payload:before {
  content: '(';
}
.container .payload:after {
  content: ')';
}
.treepicker-collapse > .container {
  /* for debugging, comment the following line disable collapsing */
  display:none; /* */
}
#sets {
  margin-right: 2px;
}
#sets.locked {
  background: darkgray;
  cursor: inherit;
}
.set_picker_box_parent {
  float: left;
  width: 32%;
}
.taxon_picker_box_parent {
  float: right;
  width: 66%
}
.nextcommand_command {
  -webkit-touch-callout: initial;
  -webkit-user-select: initial;
  -khtml-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
}
.nextcommand_prompt_ready {
  color: #888;
}
.nextcommand_prompt_unready {
  color: grey;
  font-style: italic;
}
.nextcommand_prompt_proposed {
  color: red;
  font-style: bold;
}

.close_hint {
  background-color: red;
  color: white;
  border-radius: .5em;
  padding: 2px;
  position: absolute;
  top: 0;
  right: 0;
}
.a_hint {
  border: .2em;
  font-size: 90%;
  font-family: "Times New Roman", Times, serif;
  background-color: #FFFF88;
  padding: .5em;
  margin-left: .7em;
  margin-right: .7em;
  margin-bottom: .7em;
}
.hints {
  margin-top: .5em;
}

/* ----------------- Dataset / Ontology Upload Forms ---------------- */

//.box__dragndrop,
.box__uploading,
.box__success,
.box__error {
  display: none;
}

.box__error {
  background-color: red;
}

.local_file_form.is-dragover {
  background-color: green;
}
.local_file_form .box__file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.local_file_form .box__upload_button {
  display: none;
}
.local_file_form .box__label {
  display: none;
}
.local_file_form.supports-dnd {
  outline: 2px dashed black;
  margin: 3px;
  outline-offset: -2px;
  border: 6px;
  padding: 8px;
}
.local_file_form .box__uri {
  width: 98%;
}
.local_file_form .box__uri:invalid {
  color: red;
}
.local_file_form .box__uri:valid {
  color: green;
}
.pick_or_provide_form {
  margin-top: 1em;
}
.pick_or_provide_label {
  margin-left: 5px;
  text-transform: uppercase;
  color: #888;
  font-size: .8em;
  display: block;
}
.big_go_button {
  margin: 1.5em 0.5em;
  border-color: #999;
  border-radius: 5px;
  background-color: #eee;
  cursor: pointer;
  border-top: 1px solid #eee;
  border-right: 1px solid #aaa;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #aaa;
  background-color: #f5f5f5;
  padding: 3px 4px;
  border-radius: 3px;
  color: #666;
}
.big_go_button:hover {
  background-color: #ddd;
  color:#000;
}
 button.big_go_button:disabled{
  color:#ccc;
  background-color: inherit;
  border-color: #ddd;

}
.pick_or_provide_form button:enabled{
  color: #9c1111;
  border-color: #9c7070;
  background-color: #fdf2f2;
  border-radius: 5px;
}
.pick_or_provide_form button:disabled{
  display: none;
}