sorthor.css

article.js-app div.sorthor_tapntapSelection {
  border-color: #FF5100;
  border-style: solid;
}

article.js-app div.sorthor_mainArea {
  display: block;
  overflow: hidden;
  padding: 0px;
  margin-top: 1em;
  margin-bottom: 1em;
  min-height: 13em;
}

article.js-app div.sorthor_solutionArea {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  margin: 1em 1em 0px 1.5em;
  height: 6em;

  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
}

article.js-app div.sorthor_sortArea {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  padding-bottom: 0px;
  margin: 0px 0.5em 1em 0.5em;
  padding: 0px 0.5em 0px 1em;

  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
}

article.js-app div.sorthor_sortArea div,
article.js-app div.sorthor_solutionArea div {
  display: inline;
  font-size: 3em;
  cursor: pointer;

  -webkit-border-radius: 0.125em;
  -moz-border-radius: 0.125em;
  border-radius: 0.125em;
  -ms-touch-action: none;

  /* For IE 7 */
  zoom: 1;
  *display: inline;
}

article.js-app div.sorthor_sortArea div.sorthor_wordMode span {
  padding-right: 0.3em;
}

article.js-app div.sorthor_sortArea div.sorthor_rtlWordMode span {
  padding-left: 0.3em;
}

article.js-app div.sorthor_sortArea div span.sorthor_prefix {
  color: #888;
}

article.js-app div.sorthor_sortArea div span.sorthor_hidden {
  display: none;
}

article.js-app div.sorthor_solutionArea div {
  padding: 0px;
  color: #aaa;
  cursor: default;
}

article.js-app div.sorthor_sortArea div.sorthor_dummy {
  cursor: default;
  min-width: 2000px;
}

article.js-app div.sorthor_sortArea div.sorthor_RColor {
  color: red;
}

article.js-app div.sorthor_sortArea div.sorthor_GColor {
  color: green;
}

article.js-app div.sorthor_sortArea div.sorthor_BColor {
  color: blue;
}

article.js-app div.sorthor_sortArea div.sorthor_YColor {
  color: yellow;
}

article.js-app div.sorthor_sortArea div.sorthor_MColor {
  color: magenta;
}

article.js-app div.sorthor_sortArea div.sorthor_suppressColor {
  color: #000;
}

article.js-app div.sorthor_sortArea div.ui-draggable-dragging {
  visibility: visible;
  color: #888;
}

article.js-app div.sorthor_sortArea div.sorthor_removed {
  display: none;
}

article.js-app div.sorthor_sortArea div.sorthor_hidden {
  visibility: hidden;
}

article.js-app div.sorthor_sortArea.sorthor_correct {
  padding-bottom: 0px;
  background-color: #d0ffbf;

  -webkit-box-shadow: 1px 1px 2px #888;
  -moz-box-shadow: 1px 1px 2px #888;
  box-shadow: 1px 1px 2px #888;
}

article.js-app div.sorthor_sortArea.sorthor_incorrect {
  padding-bottom: 0px;
  background-color: #ff5656;

  -webkit-box-shadow: 1px 1px 2px #888;
  -moz-box-shadow: 1px 1px 2px #888;
  box-shadow: 1px 1px 2px #888;
}

article.js-app div.sorthor_showColorCheckboxContainer {
  margin: 0.5em 0.5em 0.8em 0.3em;
  display: inline-block;

  /* For IE 7 */
  zoom: 1;
  *display: inline;
}

article.js-app div.sorthor_showSolutionCheckboxContainer {
  margin: 0.5em 0px 0.8em 0.3em;
  display: inline-block;

  /* For IE 7 */
  zoom: 1;
  *display: inline;
}

article.js-app div.sorthor_showColorCheckboxContainer label,
article.js-app div.sorthor_showSolutionCheckboxContainer label {
  font-size: 1.2em;
}