activeadmin_trumbowyg 0.1.1 → 0.2.0

data/app/assets/javascripts/activeadmin/trumbowyg/ui/trumbowyg.css

@@ -1,584 +0,0 @@
-/**
- * Trumbowyg v2.8.1 - A lightweight WYSIWYG editor
- * Default stylesheet for Trumbowyg editor
- * ------------------------
- * @link http://alex-d.github.io/Trumbowyg
- * @license MIT
- * @author Alexandre Demode (Alex-D)
- *         Twitter : @AlexandreDemode
- *         Website : alex-d.fr
- */
-
-#trumbowyg-icons {
-  overflow: hidden;
-  visibility: hidden;
-  height: 0;
-  width: 0; }
-  #trumbowyg-icons svg {
-    height: 0;
-    width: 0; }
-
-.trumbowyg-box *,
-.trumbowyg-box *::before,
-.trumbowyg-box *::after {
-  box-sizing: border-box; }
-
-.trumbowyg-box svg {
-  width: 17px;
-  height: 100%;
-  fill: #222; }
-
-.trumbowyg-box,
-.trumbowyg-editor {
-  display: block;
-  position: relative;
-  border: 1px solid #DDD;
-  width: 100%;
-  min-height: 300px;
-  margin: 17px auto; }
-
-.trumbowyg-box .trumbowyg-editor {
-  margin: 0 auto; }
-
-.trumbowyg-box.trumbowyg-fullscreen {
-  background: #FEFEFE;
-  border: none !important; }
-
-.trumbowyg-editor,
-.trumbowyg-textarea {
-  position: relative;
-  box-sizing: border-box;
-  padding: 20px;
-  min-height: 300px;
-  width: 100%;
-  border-style: none;
-  resize: none;
-  outline: none;
-  overflow: auto; }
-  .trumbowyg-editor.trumbowyg-autogrow-on-enter,
-  .trumbowyg-textarea.trumbowyg-autogrow-on-enter {
-    transition: height 300ms ease-out; }
-
-.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before {
-  color: transparent !important;
-  text-shadow: 0 0 7px #333; }
-  @media screen and (min-width: 0 \0) {
-    .trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before {
-      color: rgba(200, 200, 200, 0.6) !important; } }
-  @supports (-ms-accelerator: true) {
-    .trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before {
-      color: rgba(200, 200, 200, 0.6) !important; } }
-
-.trumbowyg-box-blur .trumbowyg-editor img,
-.trumbowyg-box-blur .trumbowyg-editor hr {
-  opacity: 0.2; }
-
-.trumbowyg-textarea {
-  position: relative;
-  display: block;
-  overflow: auto;
-  border: none;
-  white-space: normal;
-  font-size: 14px;
-  font-family: "Inconsolata", "Consolas", "Courier", "Courier New", sans-serif;
-  line-height: 18px; }
-
-.trumbowyg-box.trumbowyg-editor-visible .trumbowyg-textarea {
-  height: 1px !important;
-  width: 25%;
-  min-height: 0 !important;
-  padding: 0 !important;
-  background: none;
-  opacity: 0 !important; }
-
-.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-textarea {
-  display: block; }
-
-.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-editor {
-  display: none; }
-
-.trumbowyg-box.trumbowyg-disabled .trumbowyg-textarea {
-  opacity: 0.8;
-  background: none; }
-
-.trumbowyg-editor[contenteditable=true]:empty:not(:focus)::before {
-  content: attr(placeholder);
-  color: #999;
-  pointer-events: none; }
-
-.trumbowyg-button-pane {
-  width: 100%;
-  min-height: 36px;
-  background: #ecf0f1;
-  border-bottom: 1px solid #d7e0e2;
-  margin: 0;
-  padding: 0 5px;
-  position: relative;
-  list-style-type: none;
-  line-height: 10px;
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
-  z-index: 11; }
-  .trumbowyg-button-pane::after {
-    content: " ";
-    display: block;
-    position: absolute;
-    top: 36px;
-    left: 0;
-    right: 0;
-    width: 100%;
-    height: 1px;
-    background: #d7e0e2; }
-  .trumbowyg-button-pane .trumbowyg-button-group {
-    display: inline-block; }
-    .trumbowyg-button-pane .trumbowyg-button-group .trumbowyg-fullscreen-button svg {
-      color: transparent; }
-    .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) + .trumbowyg-button-group::before {
-      content: " ";
-      display: inline-block;
-      width: 1px;
-      background: #d7e0e2;
-      margin: 0 5px;
-      height: 35px;
-      vertical-align: top; }
-  .trumbowyg-button-pane button {
-    display: inline-block;
-    position: relative;
-    width: 35px;
-    height: 35px;
-    padding: 1px 6px !important;
-    margin-bottom: 1px;
-    overflow: hidden;
-    border: none;
-    cursor: pointer;
-    background: none;
-    vertical-align: middle;
-    transition: background-color 150ms, opacity 150ms; }
-    .trumbowyg-button-pane button.trumbowyg-textual-button {
-      width: auto;
-      line-height: 35px;
-      -webkit-user-select: none;
-         -moz-user-select: none;
-          -ms-user-select: none;
-              user-select: none; }
-  .trumbowyg-button-pane.trumbowyg-disable button:not(.trumbowyg-not-disable):not(.trumbowyg-active),
-  .trumbowyg-disabled .trumbowyg-button-pane button:not(.trumbowyg-not-disable):not(.trumbowyg-viewHTML-button) {
-    opacity: 0.2;
-    cursor: default; }
-  .trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::before,
-  .trumbowyg-disabled .trumbowyg-button-pane .trumbowyg-button-group::before {
-    background: #e3e9eb; }
-  .trumbowyg-button-pane button:not(.trumbowyg-disable):hover,
-  .trumbowyg-button-pane button:not(.trumbowyg-disable):focus,
-  .trumbowyg-button-pane button.trumbowyg-active {
-    background-color: #FFF;
-    outline: none; }
-  .trumbowyg-button-pane .trumbowyg-open-dropdown::after {
-    display: block;
-    content: " ";
-    position: absolute;
-    top: 25px;
-    right: 3px;
-    height: 0;
-    width: 0;
-    border: 3px solid transparent;
-    border-top-color: #555; }
-  .trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button {
-    padding-left: 10px !important;
-    padding-right: 18px !important; }
-    .trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button::after {
-      top: 17px;
-      right: 7px; }
-  .trumbowyg-button-pane .trumbowyg-right {
-    float: right; }
-    .trumbowyg-button-pane .trumbowyg-right::before {
-      display: none !important; }
-
-.trumbowyg-dropdown {
-  width: 200px;
-  border: 1px solid #ecf0f1;
-  padding: 5px 0;
-  border-top: none;
-  background: #FFF;
-  margin-left: -1px;
-  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 3px;
-  z-index: 11; }
-  .trumbowyg-dropdown button {
-    display: block;
-    width: 100%;
-    height: 35px;
-    line-height: 35px;
-    text-decoration: none;
-    background: #FFF;
-    padding: 0 10px;
-    color: #333 !important;
-    border: none;
-    cursor: pointer;
-    text-align: left;
-    font-size: 15px;
-    transition: all 150ms; }
-    .trumbowyg-dropdown button:hover, .trumbowyg-dropdown button:focus {
-      background: #ecf0f1; }
-    .trumbowyg-dropdown button svg {
-      float: left;
-      margin-right: 14px; }
-
-/* Modal box */
-.trumbowyg-modal {
-  position: absolute;
-  top: 0;
-  left: 50%;
-  -webkit-transform: translateX(-50%);
-          transform: translateX(-50%);
-  max-width: 520px;
-  width: 100%;
-  height: 350px;
-  z-index: 11;
-  overflow: hidden;
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden; }
-
-.trumbowyg-modal-box {
-  position: absolute;
-  top: 0;
-  left: 50%;
-  -webkit-transform: translateX(-50%);
-          transform: translateX(-50%);
-  max-width: 500px;
-  width: calc(100% - 20px);
-  padding-bottom: 45px;
-  z-index: 1;
-  background-color: #FFF;
-  text-align: center;
-  font-size: 14px;
-  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 3px;
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden; }
-  .trumbowyg-modal-box .trumbowyg-modal-title {
-    font-size: 24px;
-    font-weight: bold;
-    margin: 0 0 20px;
-    padding: 15px 0 13px;
-    display: block;
-    border-bottom: 1px solid #EEE;
-    color: #333;
-    background: #fbfcfc; }
-  .trumbowyg-modal-box .trumbowyg-progress {
-    width: 100%;
-    height: 3px;
-    position: absolute;
-    top: 58px; }
-    .trumbowyg-modal-box .trumbowyg-progress .trumbowyg-progress-bar {
-      background: #2BC06A;
-      width: 0;
-      height: 100%;
-      transition: width 150ms linear; }
-  .trumbowyg-modal-box label {
-    display: block;
-    position: relative;
-    margin: 15px 12px;
-    height: 29px;
-    line-height: 29px;
-    overflow: hidden; }
-    .trumbowyg-modal-box label .trumbowyg-input-infos {
-      display: block;
-      text-align: left;
-      height: 25px;
-      line-height: 25px;
-      transition: all 150ms; }
-      .trumbowyg-modal-box label .trumbowyg-input-infos span {
-        display: block;
-        color: #69878f;
-        background-color: #fbfcfc;
-        border: 1px solid #DEDEDE;
-        padding: 0 7px;
-        width: 150px; }
-      .trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error {
-        color: #e74c3c; }
-    .trumbowyg-modal-box label.trumbowyg-input-error input,
-    .trumbowyg-modal-box label.trumbowyg-input-error textarea {
-      border: 1px solid #e74c3c; }
-    .trumbowyg-modal-box label.trumbowyg-input-error .trumbowyg-input-infos {
-      margin-top: -27px; }
-    .trumbowyg-modal-box label input {
-      position: absolute;
-      top: 0;
-      right: 0;
-      height: 27px;
-      line-height: 27px;
-      border: 1px solid #DEDEDE;
-      background: #fff;
-      font-size: 14px;
-      max-width: 330px;
-      width: 70%;
-      padding: 0 7px;
-      transition: all 150ms; }
-      .trumbowyg-modal-box label input:hover, .trumbowyg-modal-box label input:focus {
-        outline: none;
-        border: 1px solid #95a5a6; }
-      .trumbowyg-modal-box label input:focus {
-        background: #fbfcfc; }
-  .trumbowyg-modal-box .error {
-    margin-top: 25px;
-    display: block;
-    color: red; }
-  .trumbowyg-modal-box .trumbowyg-modal-button {
-    position: absolute;
-    bottom: 10px;
-    right: 0;
-    text-decoration: none;
-    color: #FFF;
-    display: block;
-    width: 100px;
-    height: 35px;
-    line-height: 33px;
-    margin: 0 10px;
-    background-color: #333;
-    border: none;
-    cursor: pointer;
-    font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
-    font-size: 16px;
-    transition: all 150ms; }
-    .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit {
-      right: 110px;
-      background: #2bc06a; }
-      .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus {
-        background: #40d47e;
-        outline: none; }
-      .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active {
-        background: #25a25a; }
-    .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset {
-      color: #555;
-      background: #e6e6e6; }
-      .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus {
-        background: #fbfbfb;
-        outline: none; }
-      .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active {
-        background: #d5d5d5; }
-
-.trumbowyg-overlay {
-  position: absolute;
-  background-color: rgba(255, 255, 255, 0.5);
-  height: 100%;
-  width: 100%;
-  left: 0;
-  display: none;
-  top: 0;
-  z-index: 10; }
-
-/**
- * Fullscreen
- */
-body.trumbowyg-body-fullscreen {
-  overflow: hidden; }
-
-.trumbowyg-fullscreen {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  padding: 0;
-  z-index: 99999; }
-  .trumbowyg-fullscreen.trumbowyg-box,
-  .trumbowyg-fullscreen .trumbowyg-editor {
-    border: none; }
-  .trumbowyg-fullscreen .trumbowyg-editor,
-  .trumbowyg-fullscreen .trumbowyg-textarea {
-    height: calc(100% - 37px) !important;
-    overflow: auto; }
-  .trumbowyg-fullscreen .trumbowyg-overlay {
-    height: 100% !important; }
-  .trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg {
-    color: #222;
-    fill: transparent; }
-
-.trumbowyg-editor {
-  /*
-     * lset for resetCss option
-     */ }
-  .trumbowyg-editor object,
-  .trumbowyg-editor embed,
-  .trumbowyg-editor video,
-  .trumbowyg-editor img {
-    max-width: 100%; }
-  .trumbowyg-editor video,
-  .trumbowyg-editor img {
-    height: auto; }
-  .trumbowyg-editor img {
-    cursor: move; }
-  .trumbowyg-editor.trumbowyg-reset-css {
-    background: #FEFEFE !important;
-    font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif !important;
-    font-size: 14px !important;
-    line-height: 1.45em !important;
-    white-space: normal !important;
-    color: #333; }
-    .trumbowyg-editor.trumbowyg-reset-css a {
-      color: #15c !important;
-      text-decoration: underline !important; }
-    .trumbowyg-editor.trumbowyg-reset-css div,
-    .trumbowyg-editor.trumbowyg-reset-css p,
-    .trumbowyg-editor.trumbowyg-reset-css ul,
-    .trumbowyg-editor.trumbowyg-reset-css ol,
-    .trumbowyg-editor.trumbowyg-reset-css blockquote {
-      box-shadow: none !important;
-      background: none !important;
-      margin: 0 !important;
-      margin-bottom: 15px !important;
-      line-height: 1.4em !important;
-      font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif !important;
-      font-size: 14px !important;
-      border: none; }
-    .trumbowyg-editor.trumbowyg-reset-css iframe,
-    .trumbowyg-editor.trumbowyg-reset-css object,
-    .trumbowyg-editor.trumbowyg-reset-css hr {
-      margin-bottom: 15px !important; }
-    .trumbowyg-editor.trumbowyg-reset-css blockquote {
-      margin-left: 32px !important;
-      font-style: italic !important;
-      color: #555; }
-    .trumbowyg-editor.trumbowyg-reset-css ul,
-    .trumbowyg-editor.trumbowyg-reset-css ol {
-      padding-left: 20px !important; }
-    .trumbowyg-editor.trumbowyg-reset-css ul ul,
-    .trumbowyg-editor.trumbowyg-reset-css ol ol,
-    .trumbowyg-editor.trumbowyg-reset-css ul ol,
-    .trumbowyg-editor.trumbowyg-reset-css ol ul {
-      border: none;
-      margin: 2px !important;
-      padding: 0 !important;
-      padding-left: 24px !important; }
-    .trumbowyg-editor.trumbowyg-reset-css hr {
-      display: block;
-      height: 1px;
-      border: none;
-      border-top: 1px solid #CCC; }
-    .trumbowyg-editor.trumbowyg-reset-css h1,
-    .trumbowyg-editor.trumbowyg-reset-css h2,
-    .trumbowyg-editor.trumbowyg-reset-css h3,
-    .trumbowyg-editor.trumbowyg-reset-css h4 {
-      color: #111;
-      background: none;
-      margin: 0 !important;
-      padding: 0 !important;
-      font-weight: bold; }
-    .trumbowyg-editor.trumbowyg-reset-css h1 {
-      font-size: 32px !important;
-      line-height: 38px !important;
-      margin-bottom: 20px !important; }
-    .trumbowyg-editor.trumbowyg-reset-css h2 {
-      font-size: 26px !important;
-      line-height: 34px !important;
-      margin-bottom: 15px !important; }
-    .trumbowyg-editor.trumbowyg-reset-css h3 {
-      font-size: 22px !important;
-      line-height: 28px !important;
-      margin-bottom: 7px !important; }
-    .trumbowyg-editor.trumbowyg-reset-css h4 {
-      font-size: 16px !important;
-      line-height: 22px !important;
-      margin-bottom: 7px !important; }
-
-/*
- * Dark theme
- */
-.trumbowyg-dark .trumbowyg-textarea {
-  background: #111;
-  color: #ddd; }
-
-.trumbowyg-dark .trumbowyg-box {
-  border: 1px solid #343434; }
-  .trumbowyg-dark .trumbowyg-box.trumbowyg-fullscreen {
-    background: #111; }
-  .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before {
-    text-shadow: 0 0 7px #ccc; }
-    @media screen and (min-width: 0 \0 ) {
-      .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before {
-        color: rgba(20, 20, 20, 0.6) !important; } }
-    @supports (-ms-accelerator: true) {
-      .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before {
-        color: rgba(20, 20, 20, 0.6) !important; } }
-  .trumbowyg-dark .trumbowyg-box svg {
-    fill: #ecf0f1;
-    color: #ecf0f1; }
-
-.trumbowyg-dark .trumbowyg-button-pane {
-  background-color: #222;
-  border-bottom-color: #343434; }
-  .trumbowyg-dark .trumbowyg-button-pane::after {
-    background: #343434; }
-  .trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty)::before {
-    background-color: #343434; }
-  .trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) .trumbowyg-fullscreen-button svg {
-    color: transparent; }
-  .trumbowyg-dark .trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::before {
-    background-color: #2a2a2a; }
-  .trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):hover,
-  .trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):focus,
-  .trumbowyg-dark .trumbowyg-button-pane button.trumbowyg-active {
-    background-color: #333; }
-  .trumbowyg-dark .trumbowyg-button-pane .trumbowyg-open-dropdown::after {
-    border-top-color: #fff; }
-
-.trumbowyg-dark .trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg {
-  color: #ecf0f1;
-  fill: transparent; }
-
-.trumbowyg-dark .trumbowyg-dropdown {
-  border-color: #222;
-  background: #333;
-  box-shadow: rgba(0, 0, 0, 0.3) 0 2px 3px; }
-  .trumbowyg-dark .trumbowyg-dropdown button {
-    background: #333;
-    color: #fff !important; }
-    .trumbowyg-dark .trumbowyg-dropdown button:hover, .trumbowyg-dark .trumbowyg-dropdown button:focus {
-      background: #222; }
-
-.trumbowyg-dark .trumbowyg-modal-box {
-  background-color: #222; }
-  .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-title {
-    border-bottom: 1px solid #555;
-    color: #fff;
-    background: #3c3c3c; }
-  .trumbowyg-dark .trumbowyg-modal-box label {
-    display: block;
-    position: relative;
-    margin: 15px 12px;
-    height: 27px;
-    line-height: 27px;
-    overflow: hidden; }
-    .trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span {
-      color: #eee;
-      background-color: #2f2f2f;
-      border-color: #222; }
-    .trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error {
-      color: #e74c3c; }
-    .trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error input,
-    .trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error textarea {
-      border-color: #e74c3c; }
-    .trumbowyg-dark .trumbowyg-modal-box label input {
-      border-color: #222;
-      color: #eee;
-      background: #333; }
-      .trumbowyg-dark .trumbowyg-modal-box label input:hover, .trumbowyg-dark .trumbowyg-modal-box label input:focus {
-        border-color: #626262; }
-      .trumbowyg-dark .trumbowyg-modal-box label input:focus {
-        background-color: #2f2f2f; }
-  .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit {
-    background: #1b7943; }
-    .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover, .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus {
-      background: #25a25a; }
-    .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active {
-      background: #176437; }
-  .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset {
-    background: #333;
-    color: #ccc; }
-    .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover, .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus {
-      background: #444; }
-    .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active {
-      background: #111; }
-
-.trumbowyg-dark .trumbowyg-overlay {
-  background-color: rgba(15, 15, 15, 0.6); }