mercury-rails 0.1.2 → 0.2.0

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

@@ -1,179 +0,0 @@
-/*
- * Dialogs
- *----------------------------------------------------------------------------*/
-.mercury-dialog,
-.mercury-select,
-.mercury-palette {
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  user-select: none;
-  position: absolute;
-  z-index: 10012;
-  width: 30px;
-  height: 30px;
-  border: 1px solid #727272;
-  border-radius: 2px;
-  -moz-border-radius: 2px;
-  margin-top: -1px;
-  background-color: #E2E1E2;
-	box-shadow: 1px 1px 4px rgba(0,0,0, .5);
-	-moz-box-shadow: 1px 1px 4px rgba(0,0,0, .5);
-  font-family: Helvetica, Tahoma, Arial, sans-serif;
-  font-size: 8.5pt;
-  &.loading {
-    background-image: url(/assets/mercury/loading-light.gif);
-    background-repeat: no-repeat;
-    background-position: center;
-  }
-}
-/*
- * Selects
- *----------------------------------------------------------------------------*/
-.mercury-select {
-  border-radius: 4px;
-  -moz-border-radius: 4px;
-  overflow: auto;
-  background-color: #FFF;
-}
-/*
- * Panels
- *----------------------------------------------------------------------------*/
-.mercury-panel {
-  position: absolute;
-  z-index: 10011;
-  background-color: #111;
-  opacity: .9;
-  box-shadow: 1px 1px 4px rgba(0,0,0, .5);
-  -moz-box-shadow: 1px 1px 4px rgba(0,0,0, .5);
-  border-radius: 4px;
-  -moz-border-radius: 4px;
-  color: #FFF;
-  font-family: Helvetica, Tahoma, Arial, sans-serif;
-  font-size: 9.5pt;
-  max-width: 500px;
-  &.loading {
-    background-image: url(/assets/mercury/loading-dark.gif);
-    background-repeat: no-repeat;
-    background-position: center;
-  }
-  h1,
-  h3 {
-    font-size: 9pt;
-    padding: 10px 15px 8px;
-    margin: 0;
-    background: #333;
-    white-space: nowrap;
-  }
-  h1 {
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    user-select: none;
-    font-size: 10pt;
-    -moz-border-radius-topleft: 4px;
-    -moz-border-radius-topright: 4px;
-    border-top-left-radius: 4px;
-    border-top-right-radius: 4px;
-    height: 15px;
-    cursor: move;
-    text-shadow: 1px 1px 2px rgba(0,0,0, .9);
-  }
-  h4, h5, h6 {
-    margin: 0;
-  }
-  .mercury-panel-pane {
-    box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    padding: 15px;
-    overflow-y: auto;
-    overflow-x: hidden;
-    width: 100%;
-    h3 {
-      margin: 10px -15px;
-      font-size: 9.5pt;
-      font-weight: normal;
-      padding: 8px 14px;
-    }
-  }
-}
-/*
- * Specific Dialogs (eg. color palettes, selects)
- *----------------------------------------------------------------------------*/
-.mercury-color-picker {
-  width: 170px;
-  height: auto;
-  padding: 1px;
-  cursor: default;
-  .picker {
-    float: left;
-    width: 15px;
-    height: 15px;
-    margin: 1px;
-    &:hover {
-      outline: 1px solid #333;
-    }
-  }
-  .last-picked {
-    position: relative;
-    top: 1px;
-    width: 166px;
-    border: 1px solid #333;
-    border-radius: 2px;
-    margin: 1px 1px 2px 1px;
-    -moz-border-radius: 2px;
-    clear: left;
-    text-align: center;
-  }
-}
-.mercury-select-options {
-  margin: 10px 0;
-  white-space: nowrap;
-  * {
-    cursor: default;
-    padding: 0 10px;
-    margin: 0;
-    line-height: 1.6em;
-  }
-  *:hover {
-    background-color: #E2E1E2 !important;
-    color: #000 !important;
-  }
-  div[data-tag=pre] {
-    font-family: monospace;
-  }
-}
-/*
- * Specific Panels (eg. snippets, notes, todos)
- *----------------------------------------------------------------------------*/
-.mercury-snippet-panel {
-  width: 300px;
-  input.filter {
-    outline: none;
-    font-size: 1em;
-    border-radius: 30px;
-    moz-border-radius: 30px;
-    width: 100%;
-    padding-left: 20px;
-    background: #FFF url(/assets/mercury/search-icon.png) no-repeat 4px center;
-  }
-  ul {
-    font-size: .9em;
-    padding: 10px 0 0 0;
-    margin: 0;
-    list-style-type: none;
-    li {
-      clear: both;
-      padding-top: 20px;
-      img {
-        float: left;
-      }
-      h4, .description {
-        float: right;
-        width: 245px;
-      }
-      h4 {
-        margin-bottom: 5px;
-      }
-    }
-  }
-}

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

@@ -1,127 +0,0 @@
-/*
- *= require_self
- *= require ./dialog
- *= require ./modal
- *= require ./statusbar
- *= require ./toolbar
- *= require ./tooltip
- *= require ./uploader
- */
-
-
-html, body {
-  margin: 0;
-  padding: 0;
-  overflow: hidden;
-}
-
-
-/*
- * Forms
- *---------------------------------------------------------------------------*/
-form, form ul, form ol, form li, form fieldset, form p, .filter {
-  margin: 0;
-  padding: 0;
-  abbr {
-    border: 0;
-    font-variant: normal;
-  }
-  fieldset {
-    margin-bottom: 10px;
-    background: #F6F6F6;
-    border: 1px solid #CCC;
-    border-radius: 7px;
-    -moz-border-radius: 7px;
-    &:last-child {
-      margin-bottom: 0;
-    }
-    legend {
-      font-weight: bold;
-      margin-left: 10px;
-      margin-bottom: -4px;
-    }
-    ol {
-      margin: 12px 9px;
-      li {
-        display: block;
-        margin-bottom: 10px;
-      }
-    }
-  }
-  label {
-    display: block;
-    float: left;
-    width: 23%;
-    margin-right: 9px;
-    text-align: right;
-    line-height: 27px;
-    font-size: 1.1em;
-    input {
-      width: auto !important;
-      margin: 0 5px 0 -20px !important;
-    }
-  }
-  select,
-  input[type=text],
-  input[type=password],
-  textarea,
-  input.text {
-    margin: 0;
-    border: 2px solid #CCC;
-    padding: 2px 4px;
-    font-family: Arial, Geneva, sans-serif;
-    font-size: 1.5em;
-    width: 74%;
-    box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-  }
-  li.boolean {
-    margin-left: 23%;
-    padding-left: 9px;
-    label {
-      width: auto;
-    }
-  }
-  fieldset.buttons {
-    clear: both;
-    padding: 0;
-    background: none;
-    border: none;
-    text-align: left;
-    ol {
-      margin: 0 -2px 0 0;
-      float: right;
-      li {
-        float: left;
-        padding-left: 0.5em;
-        padding-right: 0;
-      }
-    }
-    .commit {
-      margin: 0;
-      input {
-        padding: 8px 14px 9px !important;
-        font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', sans-serif;
-        font-size: 1.3em;
-        background: #222 url(/assets/mercury/button.png) repeat-x;
-        display: inline-block;
-        color: #FFF;
-        text-decoration: none;
-        -moz-border-radius: 5px;
-        -webkit-border-radius: 5px;
-        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
-        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
-        text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
-        border: 0;
-        border-bottom: 1px solid rgba(0, 0, 0, 0.25);
-        position: relative;
-        cursor: pointer;
-        line-height: normal;
-        &:hover {
-          background-color: #000;
-        }
-      }
-    }
-  }
-}

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

@@ -1,194 +0,0 @@
-/*
- * Modal
- *----------------------------------------------------------------------------*/
-.mercury-modal-overlay {
-  position: absolute;
-  z-index: 10040;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 0;
-  display: none;
-  background: rgba(0,0,0, .65);
-}
-.mercury-modal {
-  position: absolute;
-  z-index: 10050;
-  top: 0;
-  width: 500px;
-  overflow: hidden;
-  padding: 0 0 10px;
-  background: #EFEFEF;
-  -webkit-border-bottom-left-radius: 4px;
-  -webkit-border-bottom-right-radius: 4px;
-  -moz-border-radius-bottomleft: 4px;
-  -moz-border-radius-bottomright: 4px;
-  border-bottom-left-radius: 4px;
-  border-bottom-right-radius: 4px;
-  -moz-box-shadow: 0 0 40px rgba(0, 0, 0, .9);
-  box-shadow: 0 0 40px rgba(0, 0, 0, .9);
-  font: normal normal normal 12px/normal Helvetica, Tahoma, Arial, sans-serif;
-  &.loading .mercury-modal-content-container {
-    background: #EFEFEF url(/assets/mercury/loading-light.gif) no-repeat center;
-  }
-  h1.mercury-modal-title {
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    user-select: none;
-    margin: 0;
-    padding: 2px 10px 0 10px;
-    background: #DDD;
-    border-bottom: 1px solid #CCC;
-    white-space: nowrap;
-    font-size: 14px;
-    line-height: 23px;
-    overflow: hidden;
-    &:after {
-      content: '\00a0';
-      display: block;
-      visibility: hidden;
-      clear: both;
-      height: 0;
-    }
-    span {
-      float: left;
-      color: #000;
-      text-shadow: #EEE 1px 1px 0;
-    }
-    a {
-      display: block;
-      float: right;
-      font-size: 10px;
-      cursor: pointer;
-      color: #666;
-      padding: 0 4px;
-      line-height: 23px;
-      &:hover {
-        color: #333;
-      }
-    }
-  }
-  .mercury-modal-content-container {
-    float: left;
-    width: 100%;
-  }
-  .mercury-modal-content {
-    position: relative;
-    overflow: auto;
-    float: left;
-    box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    padding: 20px 20px 10px;
-    font-family: Helvetica, Tahoma, Arial, sans-serif;
-    color: #000;
-    &:after {
-      display: block;
-      clear: both;
-      content: '\00a0';
-      visibility: hidden;
-      overflow: hidden;
-      height: 0;
-    }
-  }
-  .mercury-modal-pane-container {
-    overflow: auto;
-    margin: -20px -20px 0;
-    padding: 20px 20px 10px;
-    .mercury-modal-pane {
-      float: left;
-    }
-  }
-  .mercury-modal-controls {
-    padding: 15px 0 0;
-    border-top: 1px solid #CCC;
-    text-align: right;
-  }
-  textarea {
-    resize: none;
-    padding: 0;
-    box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-  }
-}
-/*
- * Specific Modals (eg. htmlEditor)
- *----------------------------------------------------------------------------*/
-/* htmlEditor */
-#mercury_htmlEditor {
-  textarea {
-    margin: 0 0 -2px 0;
-    padding: 0;
-    border: 2px solid #CCC;
-    width: 100%;
-  }
-  .mercury-modal-controls {
-    border: 0;
-    margin-top: -2px;
-  }
-}
-/* html sanitizer (when pasting from msword) */
-#mercury_sanitizer {
-  .information {
-    background: url(/assets/mercury/clippy.png) no-repeat top left;
-    min-height: 65px;
-    padding-left: 50px;
-    margin-bottom: 10px;
-  }
-  textarea {
-    width: 100%;
-    font-family: monospace;
-    white-space: pre;
-  }
-}
-/* insertCharacter */
-#mercury_insertCharacter {
-  .character {
-    float: left;
-    width: 20px;
-    height: 20px;
-    border: 1px solid #999;
-    background: #FFF;
-    margin: 0 2px 2px 0;
-    text-align: center;
-    font-size: 11pt;
-    line-height: 23px;
-    cursor: pointer;
-    &:hover {
-      position: relative;
-      margin: -11px -5px 1px -5px;
-      width: 32px;
-      height: 32px;
-      font-size: 19pt;
-      line-height: 35px;
-      background: #DDD;
-    }
-  }
-}
-/* table */
-#mercury_table {
-  #table_display {
-    width: 285px;
-    height: 285px;
-    float: left;
-    padding: 10px;
-    background: #F6F6F6;
-    border: 1px solid #CCC;
-    border-radius: 7px;
-    -moz-border-radius: 7px;
-    table {
-      width: 100%;
-      height: 100%;
-    }
-    td.selected {
-      background: #09F;
-    }
-  }
-  #table_options {
-    width: 383px;
-    float: left;
-    margin-left: 10px;
-  }
-}