quby 5.6.7 → 5.7.0

data/app/assets/stylesheets/quby/paged/desktop.scss

@@ -1,210 +0,0 @@
-@mixin paged-desktop($width, $columns) {
-  @include at-breakpoint($width $columns lt-ie9) {
-    $label-columns: 8;
-    $field-columns: $columns - $label-columns;
-    $grid-padding: 2em;
-
-    @include general-desktop;
-
-    tr {
-      border: none;
-    }
-
-    .panel {
-      @include container;
-      @include tablemix($columns, $label-columns, $field-columns);
-
-      /* Overwrite width. New susy version seems to break this */
-      max-width: 49.5em;
-
-      border: 4px solid #dddddd;
-      margin-top: 6em;
-      padding: 3em $grid-padding 1.5em;
-    }
-
-    .item {
-      @include span-columns($columns omega);
-
-      margin-bottom: 18px;
-    }
-
-    .item.horizontal {
-      &.radio,
-      &.check_box {
-        .option {
-          @include span-columns($columns omega);
-
-          .radiocheckwrapper { @include span-columns(1); }
-          .labelwrapper {
-            @include span-columns($columns - 1 omega);
-          }
-
-          &.show_values {
-            .value { @include span-columns(1); }
-            .labelwrapper {
-              @include span-columns($columns - 2 omega);
-            }
-          }
-
-          .subquestions {
-            @include pre(1);
-            @include span-columns(23-$label-columns);
-
-            .item {
-              @include span-columns(23-$label-columns);
-              input { width: auto; }
-            }
-
-            .radiocheckwrapper {
-              width: 10px;
-              padding-right: 20px;
-            }
-            .labelwrapper {
-              width: auto;
-              float: none;
-            }
-          }
-        }
-
-        .inner-title { @include span-columns($columns omega); }
-      }
-
-      &.string,
-      &.textarea {
-        input, textarea { @include span-columns($columns omega); }
-        .sized { width: auto; }
-      }
-
-      &.integer.slider,
-      &.float.slider {
-        .slider { @include span-columns($columns omega); }
-        .fd-form-element-hidden { display: none; }
-
-        .labels {
-          position: relative;
-          height: 2em;
-          padding-top: 4px;
-          div {
-            text-align: center;
-            width: 400px;
-            margin-left: -200px;
-            position: absolute;
-          }
-          .first, :first-child {
-            text-align: left;
-            margin-left: 0;
-          }
-          .last { //, :last-child breaks ie8
-            text-align: right;
-            right: 0;
-          }
-        }
-      }
-    }
-
-    .item.vertical {
-      .main {
-        @include span-columns($label-columns);
-      }
-
-      .description-and-fields {
-        @include span-columns($field-columns omega);
-        float: left;
-        .description { @include text; }
-      }
-
-      &.radio,
-      &.check_box {
-        .option {
-          @include span-columns($field-columns omega, $field-columns);
-
-          .radiocheckwrapper { @include span-columns(1, $field-columns); }
-          .labelwrapper { @include span-columns($field-columns - 1 omega, $field-columns); }
-
-          &.show_values {
-            .value { @include span-columns(1, $field-columns); }
-            .labelwrapper { @include span-columns($field-columns - 2 omega, $field-columns); }
-          }
-
-          .subquestions {
-            @include pre(1);
-            @include span-columns($field-columns - 1, $field-columns);
-
-            .item {
-              @include span-columns($field-columns - 1, $field-columns);
-              .main { @include span-columns($field-columns - 1 omega, $field-columns - 1); }
-              input { width: auto; }
-            }
-
-            .radiocheckwrapper {
-              width: 10px;
-              padding-right: 20px;
-            }
-            .labelwrapper {
-              width: auto;
-              float: none;
-            }
-          }
-        }
-
-        .inner-title { @include span-columns($field-columns omega, $field-columns); }
-      }
-
-      &.string,
-      &.textarea {
-        input, textarea { @include span-columns($field-columns omega, $field-columns); }
-        .sized { width: auto; }
-      }
-
-      &.integer.slider,
-      &.float.slider {
-        .slider { @include span-columns($field-columns omega, $field-columns); }
-
-        .slider-label-left {
-          @include span-columns(($field-columns)/2, $field-columns);
-          text-align: left;
-        }
-
-        .slider-label-right {
-          @include span-columns(($field-columns)/2 omega, $field-columns);
-          text-align: right;
-        }
-      }
-    }
-
-    .progress-bar {
-      @include span-columns($total-columns omega);
-      margin: 1.5em (-$grid-padding) -1.5em;
-      padding: 1.5em $grid-padding;
-
-      .progress-wrapper {
-        .progress-slider {
-          background-position: 0 4px;
-          display: inline-block; zoom: 1; *display: inline; // IE7 Hack
-          .progress-stop {
-            margin: 0 3px;
-            width: 10px;
-            height: 10px;
-          }
-          &.long-list {
-            display: inline-block; zoom: 1; *display: inline; // IE7 Hack
-          }
-        }
-      }
-    }
-
-    .buttons {
-      @include span-columns($total-columns omega);
-      margin: 1.5em (-$grid-padding) -1.5em;
-      padding: 1.5em $grid-padding;
-      border-bottom: 0;
-
-      .back  { @include span-columns($columns / 4); }
-      .prev  { @include span-columns($columns / 4); }
-      .abort { @include span-columns($columns / 4); text-align: center; display: block; }
-      .print { @include span-columns($columns); text-align: right; }
-      .next  { @include span-columns($columns / 4 omega); text-align: right; }
-      .save  { @include span-columns($columns / 4 omega); text-align: right; }
-    }
-  }
-}

data/app/assets/stylesheets/quby/paged/mobile.scss

@@ -1,134 +0,0 @@
-@mixin paged-mobile($width, $columns) {
-  $grid-padding: 20px;
-  $label-columns: $columns / 3;
-  $field-columns: $columns - $label-columns;
-
-  .panel {
-    @include container($columns);
-    @include tablemix($columns, $label-columns, $field-columns);
-
-    padding-top: $grid-padding;
-  }
-
-  // Reduce table width of scale questions on small screens
-  @media (max-width: 420px) {
-    .horizontal.item.scale {
-      table {
-        table-layout: fixed;
-        td.last p {
-          position: absolute;
-          right: 20px;
-          max-width: 5rem;
-          text-align: right;
-        }
-      }
-    }
-  }
-
-  tr {
-    border: 1px solid #aaa;
-  }
-
-  .item {
-    @include span-columns($columns omega);
-    margin-bottom: 18px;
-  }
-
-  .item.horizontal,
-  .item.vertical {
-    &.radio,
-    &.check_box {
-      .option {
-        @include span-columns($columns omega);
-        .radiocheckwrapper { @include span-columns(1); }
-        .labelwrapper { @include span-columns($columns - 1 omega); }
-
-        &.show_values {
-           .value { @include span-columns(1); }
-           .labelwrapper { @include span-columns($columns - 2 omega); }
-        }
-
-        // .subquestions {
-        //   @include pre(1);
-        //   @include span-columns(23-$label-columns);
-
-        //   .item {
-        //     @include span-columns(23-$label-columns);
-        //     input { width: auto; }
-        //   }
-        // }
-      }
-
-    }
-
-    &.string,
-    &.textarea {
-      input, textarea { @include span-columns($columns omega) }
-      .sized { width: auto; }
-    }
-
-    &.integer.slider,
-    &.float.slider {
-      .slider { @include span-columns($columns omega); }
-
-      .labels {
-        position: relative;
-        height: 2em;
-        padding-top: 4px;
-        padding-bottom: 4px;
-        div {
-          text-align: center;
-          width: 400px;
-          margin-left: -200px;
-          position: absolute;
-        }
-        .first, :first-child {
-          text-align: left;
-          margin-left: 0;
-        }
-        .last, :last-child {
-          text-align: right;
-          right: 0;
-        }
-      }
-    }
-  }
-
-  .progress-bar {
-    @include span-columns($columns omega);
-    margin-left: -$grid-padding;
-    margin-right: -$grid-padding;
-    padding: 1.5em $grid-padding;
-
-    .progress-wrapper {
-      .progress-slider {
-        background-position: 0 3px;
-        display: inline-block; zoom: 1; *display: inline; // IE7 Hack
-        .progress-stop {
-          margin: 0 2px;
-          width: 8px;
-          height: 8px;
-        }
-        &.long-list {
-          display: none;
-        }
-      }
-    }
-  }
-
-  .buttons {
-    @include span-columns($columns omega);
-    margin-left: -$grid-padding;
-    margin-right: -$grid-padding;
-    padding: 1.5em $grid-padding;
-    border-bottom: 1px dotted #d0d0d0;
-
-    .back  { @include span-columns($columns / 2); }
-    .prev  { @include span-columns($columns / 2); }
-    .next  { @include span-columns($columns / 2 omega); text-align: right; }
-    .abort { display: none; }
-    .print { display: none; }
-    .print { @include span-columns($columns);           text-align: right; }
-    .save  { @include span-columns($columns / 2 omega); text-align: right; }
-  }
-}

data/app/assets/stylesheets/quby/paged.scss

@@ -1,183 +0,0 @@
-@import "paged/mobile";
-@import "paged/desktop";
-
-.hidden { display: none;}
-
-.paged {
-  .noVisibleQuestions { display: none;}
-
-  .hide {
-    margin:  0 !important;
-    outline: none !important;
-  }
-
-  .hide > * {
-    display: none !important;
-  }
-
-  // grid setup
-  $column-width: 2em;
-  $gutter-width: 0.5em;
-  $grid-padding: 0;
-  $blueprint-grid-outer-width: $column-width + 2*$gutter-width;
-
-  // configure widths for responsive design
-  $desktop-width:   35em;
-  $desktop-columns: 20;
-  $mobile-width:    24em;
-  $mobile-columns:  12;
-
-  // set default number of columns to smallest supported style
-  // the number of columns will be enlarged for larger screens
-  $total-columns: $mobile-columns;
-
-  .panel {
-     background: white;
-   }
-
-  @include paged-mobile($mobile-width, $mobile-columns);
-  @include paged-desktop($desktop-width, $desktop-columns);
-
-  .panel {
-    margin-bottom: 2em;
-    @include box-shadow(0 0 6px rgba(0, 0, 0, 0.3));
-
-    h1 {
-      font-size: 1.5em;
-      font-weight: bold;
-      margin-bottom: 1.2em;
-      z-index: 400;
-    }
-
-    hr { height: 8px; border: 0; background: #ddd; }
-
-    .progress-bar {
-      height: 25px;
-      .progress-wrapper {
-        text-align: center;
-        .progress-slider {
-          height: 8px;
-          text-align: center;
-          border: 1px solid #ccc;
-          padding: 0;
-          border-radius: 6px;
-          overflow: hidden;
-          padding: 1px;
-          .progress-stop {
-            height: 8px;
-            line-height: 8px;
-            width: 6px;
-            background: #fff;
-            font-size: 6px;
-            text-indent: -1234em;
-            display: block;
-            float: left;
-            text-align: center;
-            margin: 0;
-            &.first-child { width: 8px; border-radius: 5px 0 0 5px; }
-            &.last-child  { width: 8px; border-radius: 0 5px 5px 0; }
-            &.active      { background: #999; }
-            &.current     {
-              border-radius: 0 5px 5px 0;
-              &.first-child {
-                border-radius: 5px;
-              }
-            }
-          }
-        }
-        .progress-details {
-          color: #999;
-          font-size: 9px;
-          margin: 4px 0 0 0;
-          display: block;
-        }
-      }
-    }
-
-    .buttons {
-      border-top: 1px dotted #d6d6d6;
-      background: #f3f3f3;
-    }
-
-    .item {
-      &.hidden{ display:none; }
-
-      &.errors {
-        outline: 1px solid red;
-        padding: 0.4em;
-        .error {
-          background: #ffaaaa;
-          color: #550000;
-          outline: 1px solid red;
-          padding: 0.3em;
-          margin-bottom: 0.3em;
-        }
-      }
-
-      .main {
-        font-weight: bold;
-        em {
-            font-style: italic;
-        }
-      }
-
-      .text {
-        @include text;
-      }
-
-      .description-and-fields {
-        .description { @include text; }
-      }
-
-      &.horizontal {
-        .main {
-          margin-bottom: 1em;
-        }
-      }
-
-      &.radio, &.check_box {
-        .inner-title {
-          margin-top: 1.5em;
-          margin-bottom: 1.5em;
-          font-weight: bold;
-        }
-
-        .option {
-          .labelwrapper {
-            p { display: inline; }
-          }
-
-          &.show_values {
-            .value { text-align: center; }
-          }
-
-        }
-      }
-
-      &.scale {
-          td {
-              border: 0;
-              text-align: center;
-          }
-
-          .option, .description {
-              &.optionwidth1{width:20%}
-              &.optionwidth2{width:20%}
-              &.optionwidth3{width:20%}
-              &.optionwidth4{width:20%}
-              &.optionwidth5{width:20%}
-              &.optionwidth6{width:(100%/6)}
-              &.optionwidth7{width:(100%/7)}
-              &.optionwidth8{width:(100%/8)}
-              &.optionwidth9{width:(100%/9)}
-              &.optionwidth10{width:(100%/10)}
-              &.optionwidth11{width:(100%/11)}
-              &.optionwidth12{width:(100%/12)}
-          }
-
-      }
-    }
-
-    // @include tablemix($total-columns, $label-columns, $field-columns);
-  }
-}

data/app/assets/stylesheets/quby/partials/_base.scss

@@ -1,11 +0,0 @@
-// Here is where you can define your constants for your application and to configure the blueprint framework.
-// Feel free to delete these if you want keep the defaults:
-
-$blueprint-grid-columns: 24;
-$blueprint-container-size: 758px;
-$blueprint-grid-margin: 10px;
-
-// Use this to calculate the width based on the total width.
-// Or you can set $blueprint-grid-width to a fixed value and unset $blueprint-container-size -- it will be calculated for you.
-$blueprint-grid-width: ($blueprint-container-size + $blueprint-grid-margin) / $blueprint-grid-columns - $blueprint-grid-margin;
-$blueprint-grid-outer-width: $blueprint_grid_width + $blueprint_grid_margin;

data/app/assets/stylesheets/quby/partials/_form.scss

@@ -1,6 +0,0 @@
-// Only apply the blueprint form styles to forms with
-// a class of "bp". This makes it easier to style
-// forms from scratch if you need to.
-
-form.bp {
-  @include blueprint-form; }

data/app/assets/stylesheets/quby/partials/_text.scss

@@ -1,40 +0,0 @@
-@mixin text {
-  //margin-bottom: 1.5em;
-
-  h2 {
-     font-size: 1.2em;
-     font-weight: bold;
-     border-top: 8px solid #ddd;
-     padding-top: 16px;
-  }
-
-  small { font-size: 80%; }
-  strong { font-style: italic; }
-  em { font-weight: bold; }
-
-  p { margin-bottom: 18px; }
-
-  ul {
-    margin-top: 1em;
-    margin-left: 1em;
-    margin-bottom: 2em;
-    li {
-      list-style-type: disc;
-      margin-bottom: 1em !important;
-
-      p { margin-bottom: 0; }
-
-      ul {
-        margin-bottom: 1em;
-        margin-left: 1.5em;
-        li {
-          margin-bottom: 0 !important;
-          list-style-type: none;
-        }
-      }
-    }
-  }
-
-  ol li { list-style-type: lower-alpha; }
-
-}

data/app/assets/stylesheets/quby/print.scss

@@ -1,126 +0,0 @@
-/* Welcome to Compass. Use this file to define print styles.
- * Import this file using the following HTML or equivalent:
- * <link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css" /> */
-//@import "compass/reset";
-//@import "blueprint/typography";
-
-body, input {
-    color: black;
-    background-color: #ffffff;
-    //font-family: "Times New Roman", Times, serif;
-    font-family: Arial, serif;
-    font-size: 9pt;
-}
-
-#content {
-    margin: 0em;
-}
-
-h1 {
-    margin: 0 0.5em 0.5em 0.5em;
-    font: 200% sans-serif;
-}
-
-.hidden { display: none;}
-
-.print{
-
-  .noVisibleQuestions { display: none;}
-
-  .hide {
-    margin:  0 !important;
-  }
-
-  .hide > * {
-    display: none !important;
-  }
-
-  em {
-      font-weight: bold; }
-
-  p {
-      margin: 0.5em; }
-
-  ul {
-      margin-top: 0.5em;
-      margin-left: 1em;
-  li {
-      list-style-type: disc;
-      margin-bottom: 0.3em; } }
-
-  .description-and-fields{
-      float:left;
-      width:50%;
-  }
-
-    border: none;
-    margin-left: 1em;
-    .item{
-
-        display:inline-block;
-        &:after {
-            content:"&nbsp;";
-            display:block;
-            height:0;
-            clear:both;
-            visibility:hidden;
-        }
-
-        width:95%;
-        border: 1px solid;
-
-        &.subitem {
-            border: 0;
-        }
-
-        margin-top: -1px;
-        padding: 1em 0.5em;
-        .radio > label, .checkbox > label {
-           padding-right: 1em;
-           font-weight: bold; }
-        .labelwrapper{
-            display:inline;
-            float:left;
-         }
-    }
-
-    .main{
-        float:left;
-        width:50%;
-        //padding-right: 0.5em;
-    }
-
-    .main label{
-        float:left;
-        width:89%;
-    }
-
-    .fields {
-        padding-left: 4em;
-        width:100%;
-        float:right;
-        padding:0 0.5em;
-        border-left: 1px solid;
-        .description {
-          display:block;
-        }
-    }
-    .description, .text {
-        ul {
-            margin-left: 0.5em; } }
-  .bulk{
-      .option {display: inline;}
-  }
-
-  span p, .radiocheckwrapper, div.value{
-      display: inline;
-  }
-
-  .hidden, #panel-action-links, #mastfoot, .buttons, .noprint {
-    display: none !important;
-  }
-
-  :disabled {
-    display: none;
-  }
-}