mercury-rails 0.1.2 → 0.2.0

data/app/assets/stylesheets/mercury/toolbar.scss

@@ -1,415 +0,0 @@
-/*
- * Toolbar
- *----------------------------------------------------------------------------*/
-.mercury-toolbar-container {
-  user-select: none;
-  position: absolute;
-  z-index: 10010;
-  top: 0;
-  width: 100%;
-  border-bottom: 1px solid #E2E1E2;
-}
-.mercury-toolbar {
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  user-select: none;
-  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(198,198,198)), color-stop(1, rgb(226,225,226)));
-  background-image: -moz-linear-gradient(center bottom, rgb(198,198,198) 0%, rgb(226,225,226) 100%);
-  border-bottom: 1px solid #727272;
-  cursor: default;
-}
-.mercury-toolbar-button-container {
-  float: left;
-}
-.mercury-toolbar-expander {
-  position: absolute;
-  display: none;
-  right: 0;
-  border-left: 1px solid #727272;
-}
-.mercury-button,
-.mercury-button-group,
-.mercury-separator,
-.mercury-line-separator {
-  display: block;
-  float: left;
-}
-.mercury-separator,
-.mercury-line-separator {
-  width: 1px;
-  border: 0;
-  margin: 0;
-}
-.mercury-line-separator {
-  width: 1px;
-  background: #727272;
-}
-.mercury-button em {
-  display: block;
-  font-style: normal;
-}
-.mercury-expander {
-  padding: 5px 0;
-  border-radius: 4px;
-  -moz-border-radius: 4px;
-  .mercury-expander-button {
-    cursor: default;
-    white-space: nowrap;
-    padding: 0 20px 0 10px;
-    &:hover {
-      background: #CCC;
-    }
-    em {
-      display: inline-block;
-      float: left;
-      width: 20px;
-      height: 20px;
-      margin-right: 10px;
-      -webkit-background-size: 100% 100%;
-      -moz-background-size: 100% 100%;
-      background-size: 100% 100%;
-    }
-    span {
-      display: inline-block;
-      line-height: 20px;
-    }
-  }
-}
-.disabled .mercury-button,
-.mercury-button.disabled {
-  opacity: 0.33;
-}
-/*
- * Toolbar: Primary Toolbar
- *----------------------------------------------------------------------------*/
-.mercury-primary-toolbar {
-  position: relative;
-  height: 58px;
-  overflow: hidden;
-  text-shadow: #EEE 0 1px 0;
-  .mercury-button {
-    display: inline-block;
-    height: 58px;
-    margin-bottom: 20px;
-    min-width: 55px;
-    text-align: center;
-    white-space: nowrap;
-    text-decoration: none;
-    font-family: Helvetica, Tahoma, Arial, sans-serif;
-    &.pressed {
-      background: url(/assets/mercury/toolbar/primary/_pressed.png) no-repeat top center;
-    }
-    em {
-      margin: 0 -5px;
-      height: 15px;
-      padding-top: 41px;
-      background-repeat: no-repeat;
-      background-position: 50% 7px;
-      font-size: 8.5pt;
-      line-height: 15px;
-      color: #222;
-    }
-    &.active {
-      em {
-        background-position: 51% 8px;
-      }
-    }
-  }
-  .mercury-separator,
-  .mercury-line-separator {
-    display: inline-block;
-    width: 1px;
-    height: 50px;
-    margin: 5px 20px 28px;
-  }
-  .mercury-toolbar-button-container {
-    white-space: nowrap;
-    padding-right: 10px;
-  }
-  .mercury-toolbar-expander {
-    width: 12px;
-    height: 58px;
-    background: rgba(0, 0, 0, .2) url(/assets/mercury/toolbar/primary/_expander.png) no-repeat center 90%;
-  }
-}
-/* default buttons */
-.mercury-primary-toolbar .mercury-save-button em,
-.mercury-expander-button[data-button=save] em             { background-image: url(/assets/mercury/toolbar/primary/save.png) }
-.mercury-primary-toolbar .mercury-preview-button em,
-.mercury-expander-button[data-button=preview] em          { background-image: url(/assets/mercury/toolbar/primary/preview.png) }
-.mercury-primary-toolbar .mercury-undo-button em,
-.mercury-expander-button[data-button=undo] em             { background-image: url(/assets/mercury/toolbar/primary/undo.png) }
-.mercury-primary-toolbar .mercury-redo-button em,
-.mercury-expander-button[data-button=redo] em             { background-image: url(/assets/mercury/toolbar/primary/redo.png) }
-.mercury-primary-toolbar .mercury-insertLink-button em,
-.mercury-expander-button[data-button=insertLink] em       { background-image: url(/assets/mercury/toolbar/primary/insertlink.png) }
-.mercury-primary-toolbar .mercury-insertMedia-button em,
-.mercury-expander-button[data-button=insertMedia] em      { background-image: url(/assets/mercury/toolbar/primary/insertmedia.png) }
-.mercury-primary-toolbar .mercury-insertTable-button em,
-.mercury-expander-button[data-button=insertTable] em      { background-image: url(/assets/mercury/toolbar/primary/inserttable.png) }
-.mercury-primary-toolbar .mercury-insertCharacter-button em,
-.mercury-expander-button[data-button=insertCharacter] em  { background-image: url(/assets/mercury/toolbar/primary/insertcharacter.png) }
-.mercury-primary-toolbar .mercury-objectsPanel-button em,
-.mercury-expander-button[data-button=objectsPanel] em     { background-image: url(/assets/mercury/toolbar/primary/objectspanel.png) }
-.mercury-primary-toolbar .mercury-historyPanel-button em,
-.mercury-expander-button[data-button=historyPanel] em     { background-image: url(/assets/mercury/toolbar/primary/historypanel.png) }
-.mercury-primary-toolbar .mercury-notesPanel-button em,
-.mercury-expander-button[data-button=notesPanel] em       { background-image: url(/assets/mercury/toolbar/primary/notespanel.png) }
-.mercury-primary-toolbar .mercury-todospanel-button em,
-.mercury-expander-button[data-button=todospanel] em       { background-image: url(/assets/mercury/toolbar/primary/todospanel.png) }
-.mercury-primary-toolbar .mercury-todospanel-button em,
-.mercury-expander-button[data-button=todospanel] em       { background-image: url(/assets/mercury/toolbar/primary/todospanel.png) }
-/*
- * Toolbar: Editable Region Toolbar
- *----------------------------------------------------------------------------*/
-.mercury-editable-toolbar {
-  padding: 3px 13px 1px 10px;
-  border-top: 1px solid #E2E1E2;
-  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(198,198,198)), color-stop(1, rgb(210,210,209)));
-  background-image: -moz-linear-gradient(center bottom, rgb(198,198,198) 0%, rgb(210,210,209) 100%);
-  &:after {
-    content: '\00a0';
-    display: block;
-    visibility: hidden;
-    clear: both;
-    height: 0;
-  }
-  .mercury-separator,
-  .mercury-line-separator {
-    height: 18px;
-    padding: 0;
-    margin: 0 7px 2px;
-  }
-  .mercury-separator {
-    margin: 0 3px 2px;
-  }
-  .mercury-button-group {
-    white-space: nowrap;
-    .mercury-button:first-child {
-      width: 23px;
-    }
-  }
-  .mercury-button {
-    width: 22px;
-    height: 18px;
-    margin: 0 0 2px;
-    background-image: url(/assets/mercury/toolbar/editable/buttons.png);
-    em {
-      background-image: url(/assets/mercury/toolbar/editable/buttons.png);
-      display: none;
-    }
-  }
-  .mercury-button-palette {
-    width: 23px;
-    background-position: 0 -36px;
-  }
-  .mercury-button-select {
-    width: auto !important;
-    overflow: hidden;
-    padding-left: 6px;
-    background-position: -24px -36px;
-    em {
-      display: block;
-      padding-right: 15px;
-      background-position: right -36px;
-      cursor: pointer;
-      white-space: nowrap;
-      font-style: normal;
-      font-family: Helvetica, Tahoma, Arial, sans-serif;
-      font-size: 8.5pt;
-      line-height: 19px;
-      color: #222;
-    }
-  }
-  /* default buttons */
-  .mercury-bold-button                       { background-position: 0 0 }
-  .mercury-bold-button.active                { background-position: 0 -18px }
-  .mercury-italic-button                     { background-position: -23px 0 }
-  .mercury-italic-button.active              { background-position: -23px -18px }
-  .mercury-overline-button                   { background-position: -45px 0 }
-  .mercury-overline-button.active            { background-position: -45px -18px }
-  .mercury-strikethrough-button              { background-position: -67px 0 }
-  .mercury-strikethrough-button.active       { background-position: -67px -18px }
-  .mercury-underline-button                  { background-position: -89px 0 }
-  .mercury-underline-button.active           { background-position: -89px -18px }
-  .mercury-subscript-button                  { background-position: -112px 0 }
-  .mercury-subscript-button.active           { background-position: -112px -18px }
-  .mercury-superscript-button                { background-position: -135px 0 }
-  .mercury-superscript-button.active         { background-position: -135px -18px }
-  .mercury-justifyLeft-button                { background-position: -158px 0 }
-  .mercury-justifyLeft-button.active         { background-position: -158px -18px }
-  .mercury-justifyCenter-button              { background-position: -181px 0 }
-  .mercury-justifyCenter-button.active       { background-position: -181px -18px }
-  .mercury-justifyRight-button               { background-position: -203px 0 }
-  .mercury-justifyRight-button.active        { background-position: -203px -18px }
-  .mercury-justifyFull-button                { background-position: -225px 0 }
-  .mercury-justifyFull-button.active         { background-position: -225px -18px }
-  .mercury-insertUnorderedList-button        { background-position: -248px 0 }
-  .mercury-insertUnorderedList-button.active { background-position: -248px -18px }
-  .mercury-insertOrderedList-button          { background-position: -271px 0 }
-  .mercury-insertOrderedList-button.active   { background-position: -271px -18px }
-  .mercury-outdent-button                    { background-position: -294px 0 }
-  .mercury-outdent-button.active             { background-position: -294px -18px }
-  .mercury-indent-button                     { background-position: -317px 0 }
-  .mercury-indent-button.active              { background-position: -317px -18px }
-  .mercury-insertRowBefore-button            { background-position: -340px 0 }
-  .mercury-insertRowBefore-button.active     { background-position: -340px -18px }
-  .mercury-insertRowAfter-button             { background-position: -363px 0 }
-  .mercury-insertRowAfter-button.active      { background-position: -363px -18px }
-  .mercury-deleteRow-button                  { background-position: -385px 0 }
-  .mercury-deleteRow-button.active           { background-position: -385px -18px }
-  .mercury-insertColumnBefore-button         { background-position: -407px 0 }
-  .mercury-insertColumnBefore-button.active  { background-position: -407px -18px }
-  .mercury-insertColumnAfter-button          { background-position: -429px 0 }
-  .mercury-insertColumnAfter-button.active   { background-position: -429px -18px }
-  .mercury-deleteColumn-button               { background-position: -451px 0 }
-  .mercury-deleteColumn-button.active        { background-position: -451px -18px }
-  .mercury-increaseColspan-button            { background-position: -474px 0; width: 23px }
-  .mercury-increaseColspan-button.active     { background-position: -474px -18px }
-  .mercury-decreaseColspan-button            { background-position: -497px 0 }
-  .mercury-decreaseColspan-button.active     { background-position: -497px -18px }
-  .mercury-increaseRowspan-button            { background-position: -520px 0 }
-  .mercury-increaseRowspan-button.active     { background-position: -520px -18px }
-  .mercury-decreaseRowspan-button            { background-position: -542px 0 }
-  .mercury-decreaseRowspan-button.active     { background-position: -542px -18px }
-  .mercury-horizontalRule-button             { background-position: -564px 0 }
-  .mercury-horizontalRule-button.active      { background-position: -564px -18px }
-  .mercury-removeFormatting-button           { background-position: -588px 0 }
-  .mercury-removeFormatting-button.active    { background-position: -588px -18px }
-  .mercury-htmlEditor-button                 { background-position: -612px 0 }
-  .mercury-htmlEditor-button.active          { background-position: -612px -18px }
-}
-/*
- * Toolbar: Markupable Region Toolbar
- *----------------------------------------------------------------------------*/
-.mercury-markupable-toolbar {
-  padding: 3px 13px 1px 10px;
-  border-top: 1px solid #E2E1E2;
-  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(198,198,198)), color-stop(1, rgb(210,210,209)));
-  background-image: -moz-linear-gradient(center bottom, rgb(198,198,198) 0%, rgb(210,210,209) 100%);
-  &:after {
-    content: '\00a0';
-    display: block;
-    visibility: hidden;
-    clear: both;
-    height: 0;
-  }
-  .mercury-separator,
-  .mercury-line-separator {
-    height: 18px;
-    padding: 0;
-    margin: 0 7px 2px;
-  }
-  .mercury-separator {
-    margin: 0 3px 2px;
-  }
-  .mercury-button-group {
-    white-space: nowrap;
-    .mercury-button:first-child {
-      width: 23px;
-    }
-  }
-  .mercury-button {
-    width: 22px;
-    height: 18px;
-    margin: 0 0 2px;
-    background-image: url(/assets/mercury/toolbar/markupable/buttons.png);
-    em {
-      background-image: url(/assets/mercury/toolbar/markupable/buttons.png);
-      display: none;
-    }
-  }
-  .mercury-button-palette {
-    width: 23px;
-    background-position: 0 -36px;
-  }
-  .mercury-button-select {
-    width: auto !important;
-    overflow: hidden;
-    padding-left: 6px;
-    background-position: -24px -36px;
-    em {
-      display: block;
-      padding-right: 15px;
-      background-position: right -36px;
-      cursor: pointer;
-      white-space: nowrap;
-      font-style: normal;
-      font-family: Helvetica, Tahoma, Arial, sans-serif;
-      font-size: 8.5pt;
-      line-height: 19px;
-      color: #222;
-    }
-  }
-  /* default buttons */
-  .mercury-bold-button                       { background-position: 0 0 }
-  .mercury-bold-button.active                { background-position: 0 -18px }
-  .mercury-italic-button                     { background-position: -23px 0 }
-  .mercury-italic-button.active              { background-position: -23px -18px }
-  .mercury-subscript-button                  { background-position: -112px 0 }
-  .mercury-subscript-button.active           { background-position: -112px -18px }
-  .mercury-superscript-button                { background-position: -135px 0 }
-  .mercury-superscript-button.active         { background-position: -135px -18px }
-  .mercury-insertUnorderedList-button        { background-position: -248px 0 }
-  .mercury-insertUnorderedList-button.active { background-position: -248px -18px }
-  .mercury-insertOrderedList-button          { background-position: -271px 0 }
-  .mercury-insertOrderedList-button.active   { background-position: -271px -18px }
-  .mercury-outdent-button                    { background-position: -294px 0 }
-  .mercury-outdent-button.active             { background-position: -294px -18px }
-  .mercury-indent-button                     { background-position: -317px 0 }
-  .mercury-indent-button.active              { background-position: -317px -18px }
-  .mercury-horizontalRule-button             { background-position: -564px 0 }
-  .mercury-horizontalRule-button.active      { background-position: -564px -18px }
-}
-/*
- * Toolbar: Snippetable Region Toolbar
- *----------------------------------------------------------------------------*/
-.mercury-snippet-toolbar {
-  position: absolute;
-  top: 100px;
-  left: 15px;
-  border: 1px solid #727272;
-  border-radius: 3px;
-  -moz-border-radius: 3px;
-  box-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
-  padding: 3px 7px 1px 7px;
-  &:after {
-    content: '\00a0';
-    display: block;
-    visibility: hidden;
-    clear: both;
-    height: 0;
-  }
-  .mercury-separator,
-  .mercury-line-separator {
-    height: 18px;
-    padding: 0;
-    margin: 0 7px 2px;
-  }
-  .mercury-separator {
-    margin: 0 3px 2px;
-  }
-  .mercury-button-group {
-    white-space: nowrap;
-    .mercury-button:first-child {
-      width: 23px;
-    }
-  }
-  .mercury-button {
-    width: 23px;
-    height: 18px;
-    margin: 0 0 2px;
-    background-image: url(/assets/mercury/toolbar/snippetable/buttons.png);
-    em {
-      background-image: url(/assets/mercury/toolbar/snippetable/buttons.png);
-      display: none;
-    }
-  }
-  /* default buttons */
-  .mercury-editSnippet-button                { background-position: -24px 0 }
-  .mercury-editSnippet-button.active         { background-position: -24px -18px }
-  .mercury-removeSnippet-button              { background-position: -48px 0 }
-  .mercury-removeSnippet-button.active       { background-position: -48px -18px }
-  .mercury-dragsnippet-button                { background-position: -72px 0 }
-  .mercury-dragsnippet-button.active         { background-position: -72px -18px }
-}

data/app/assets/stylesheets/mercury/uploader.scss

@@ -1,109 +0,0 @@
-/*
- * Uploader
- *----------------------------------------------------------------------------*/
-.mercury-uploader-overlay {
-  position: absolute;
-  z-index: 10040;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  opacity: .95;
-  /*display: none;*/
-  background: rgba(0,0,0, .65);
-}
-.mercury-uploader {
-  position: absolute;
-  z-index: 10050;
-  top: 300px;
-  left: 400px;
-  width: 500px;
-  height: 150px;
-  overflow: hidden;
-  padding: 15px;
-  background: rgba(0,0,0, .70);
-  border-radius: 10px;
-  -moz-border-radius: 10px;
-  font: normal normal normal 12px/normal Helvetica, Tahoma, Arial, sans-serif;
-  color: #CCC;
-  .mercury-uploader-preview {
-    float: left;
-    width: 150px;
-    height: 150px;
-    border: 1px solid #CCC;
-    border-radius: 5px;
-    -moz-border-radius: 5px;
-    b {
-      display: table-cell;
-      width: 150px;
-      height: 150px;
-      text-align: center;
-      vertical-align: middle;
-    }
-    img {
-      margin: 5px;
-      max-width: 140px;
-      max-height: 140px;
-    }
-  }
-  .mercury-uploader-details {
-    width: 333px;
-    overflow: hidden;
-    float: left;
-    padding-left: 15px;
-    span {
-      color: #F00;
-    }
-  }
-  .mercury-uploader-progress {
-    position: absolute;
-    bottom: 15px;
-    right: 15px;
-    width: 333px;
-    div.mercury-uploader-indicator {
-      width: 100%;
-      height: 30px;
-      margin: 5px 0 0;
-      position: relative;
-      background-color: #BABABA;
-      border-radius: 35px;
-      -moz-border-radius: 35px;
-      background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #C7C7C7), color-stop(1, #B0B0B0));
-      background: -moz-linear-gradient(#B0B0B0 0%, #C7C7C7 100%);
-      -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0,0,0, 0.5), 0px 1px 0px 0px rgba(255,255,255, 0.3);
-      -moz-box-shadow: inset 0px 1px 2px 0px rgba(0,0,0, 0.5), 0px 1px 0px 0px rgba(255,255,255, 0.3);
-      box-shadow: inset 0px 1px 2px 0px rgba(0,0,0, 0.5), 0px 1px 0px 0px rgba(255,255,255, 0.3);
-      div {
-        min-width: 28px;
-        position: relative;
-        overflow: hidden;
-        height: 28px;
-        border-radius: 35px;
-        width: 0;
-        -moz-border-radius: 35px;
-        -webkit-animation: animate-stripes 2s linear infinite;
-        -webkit-background-size: 44px 44px;
-        background: -webkit-gradient(linear, 0 0, 44 44, color-stop(0.00, rgba(255,255,255, 0.17)), color-stop(0.25, rgba(255,255,255, 0.17)), color-stop(0.26, rgba(255,255,255, 0)), color-stop(0.50, rgba(255,255,255, 0)), color-stop(0.51, rgba(255,255,255, 0.17)), color-stop(0.75, rgba(255,255,255, 0.17)), color-stop(0.76, rgba(255,255,255, 0)), color-stop(1.00, rgba(255,255,255, 0))),
-                    -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(255,255,255, 0.1)), color-stop(1, rgba(255,255,255, 0.37)));
-        background: -moz-repeating-linear-gradient(top left -30deg, rgba(255,255,255, 0.17), rgba(255,255,255, 0.17) 15px, rgba(255,255,255, 0) 15px, rgba(255,255,255, 0) 30px),
-                    -moz-linear-gradient(rgba(255,255,255, 0.1) 0%, rgba(255,255,255, 0.37) 100%);
-        background-color: #09F;
-        box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, 0.4),
-                    inset 0px -1px 1px rgba(0,0,0, 0.2);
-        -moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, 0.4),
-                         inset 0px -1px 1px rgba(0,0,0, 0.2);
-        border: 1px solid #0083DA;
-        b {
-          display: none;
-          position: absolute;
-          right: 0;
-          line-height: 28px;
-          padding-right: 12px;
-          color: rgba(0, 0, 0, .6);
-          text-shadow: rgba(255, 255, 255, 0.45) 0 1px 0px;
-          white-space: nowrap;
-        }
-      }
-    }
-  }
-}