markwords_kids.css

article.js-app-children div.markwords_mainTask {
  display: block;
  vertical-align: middle;
  padding: 1em;
  height: 28em;
  overflow: auto;

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

article.js-app-children div.markwords_sidebar {
  display: inline-block;
  vertical-align: top;
  height: 28em;

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

article.js-app-children div.markwords_sidebar div {
  display: block;
  font-size: 1.6em;
  margin-bottom: 0.2em;
}

article.js-app-children div.markwords_mainTask button {
  font-size: 1.6em;
  display: inline-block;
  color: #000;
  line-height: 1.6em;

  border: none;
  background: transparent;
  margin: 0;
  padding: 0;
  width: auto;

  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;

  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;

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

article.js-app-children div.markwords_mainTask button span.markwords_word {
  cursor: pointer;

  -webkit-border-radius: 0.125em;
  -moz-border-radius: 0.125em;
  border-radius: 0.125em;
  display: inline-block;

  -webkit-transition: all 1s ease 0s;
  -moz-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  -ms-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
}

article.js-app-children
  div.markwords_mainTask
  button
  span.markwords_word:hover {
  background: #ddd;
  border-radius: 1em;
}

article.js-app-children
  div.markwords_mainTask
  button
  span.markwords_word.markwords_flashRed {
  background-color: #e8a2a2;
  border-radius: 1em;

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

article.js-app-children
  div.markwords_mainTask
  button
  span.markwords_word.markwords_selected {
  background-color: #86cc98;
  font-weight: bold;
  padding: 0 0.25em;
  border-radius: 1em;

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