loldesign_publisher 1.3.6 → 1.4.0

data/app/assets/stylesheets/loldesign_publisher/base/_form.scss

@@ -0,0 +1,160 @@
+$border-color: #808284;
+
+.form {
+  .field-group{
+    @include clearfix;
+    margin-bottom: 20px;
+
+    article{
+      clear: left;
+
+      .input:first-child{
+        @include alpha;
+      }
+    }
+
+    &:nth-child(3){
+      padding-bottom:20px;
+      border-bottom: 1px solid $border-color;
+    }
+  }
+  .input{
+    margin-bottom: 10px;
+
+    label{
+      font-size: 12px;
+    }
+
+    &.large{
+      @include grid(7);
+    }
+    &.medium{
+      @include grid(4);
+    }
+    &.small{
+      @include grid(3);
+    }
+    &.x-small{
+      @include grid(2);
+    }
+    &.xx-small{
+      @include grid(1);
+    }
+  }
+}
+
+.table-page{
+  .list-edit{
+    font-size:12px !important;
+    text-decoration:underline;
+    color:#6d6e71;
+
+    &:hover{
+      color:#484045;
+    }
+  }
+}
+
+form {
+  footer {
+    .action {
+      @include shift(7 of 18);
+      @include span-columns(4 of 18);
+      .btn {
+        left: inherit;
+      }
+      .pretty {
+        @include span-columns(2 of 4);
+        &.cancel {
+          margin-left: 0;
+        }
+      }
+    }
+  }
+}
+
+.proposal-form {
+  .easy-autocomplete {
+    padding: 0;
+  }
+}
+
+.search-form {
+  float: right;
+
+
+  .selectric-wrapper,
+  .easy-autocomplete,
+  input[type="search"],
+  input[type="text"]{
+    text-transform: uppercase;
+    outline: none;
+    @include grid(4);
+    font-size: 12px;
+    padding: 4px 4px 3px 4px;
+
+    &.small{
+      @include grid(3);
+    }
+  }
+
+  .selectric-wrapper,
+  .easy-autocomplete {
+    padding: 0;
+  }
+
+  .selectric-wrapper {
+    margin: 0 10px;
+    .selectric {
+      border-radius: 0;
+    }
+    .label {
+      min-height: 23px;
+      line-height: 25px;
+    }
+    .button {
+      height: 23px;
+    }
+  }
+
+  input[type="submit"]{
+    @include grid(2);
+    @include omega;
+    font-size: 12px;
+    cursor: hand;
+    cursor: pointer;
+    border: 0px;
+    background: lighten($gray-main, 55%);
+    padding: 5px 0;
+    outline: none;
+  }
+
+  .datepicker {
+    float: left;
+    margin: 0 10px;
+    width: 19%;
+    height: 23px;
+  }
+}
+
+.report-search-form {
+  float: left;
+  width: 100%;
+
+  .easy-autocomplete {
+    margin-left: 0;
+    margin-right: 10px;
+
+    input {
+      margin-left: 0;
+    }
+  }
+
+  .report-finder-button {
+    float: right !important;
+  }
+}
+
+.found-reports{
+  font-size: 12px;
+}

data/app/assets/stylesheets/loldesign_publisher/base/_grid-settings.scss

@@ -0,0 +1,18 @@
+@import "neat-helpers"; // or "../neat/neat-helpers" when not in Rails
+
+// Neat Overrides
+$column: 36px;
+$gutter: 12px;
+$grid-columns: 24;
+$max-width: 1200px;
+
+$visual-grid: false;
+$visual-grid-color: red;
+$visual-grid-index: front;
+$visual-grid-opacity: 0.1;
+
+// Neat Breakpoints
+$tablet: new-breakpoint(max-width 800px 24);
+$mobile: new-breakpoint(max-width 480px 24);
+$desktop: new-breakpoint(min-width 1024px 24);
+$large-screen: new-breakpoint(min-width 1376px 24);

data/app/assets/stylesheets/loldesign_publisher/base/_grid.scss

@@ -0,0 +1,15 @@
+* {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+.container-main,
+.container {
+  @include outer-container();
+  position: relative;
+}
+
+.omega {
+  margin-right: 0 !important;
+}

data/app/assets/stylesheets/loldesign_publisher/{modules → base}/_title_page.scss

@@ -1,13 +1,13 @@
-@import "loldesign_publisher/base";
-
 header.title-page{
   @include clearfix;
   border-bottom: 1px dotted #000;
-  
+
   h2{
     font-size: 30px;
-    @include grid(13);
-    @include alpha;
+    margin: 20px 0 0 0;
+    font-size: 20px;
+    width: 89.3%;
+    float: left;
   }
 
   .btn{
@@ -41,14 +41,12 @@ header.title-page{
   &[data-show=true][data-save=false]{
     .btn.show{
       display: block;
-      @include push(2);
     }
   }
 
   &[data-show=false][data-save=true]{
     .btn.save{
       display: block;
-      @include push(2);
     }
   }
-}
+}

data/app/assets/stylesheets/loldesign_publisher/base/_typography.scss

@@ -0,0 +1,54 @@
+body {
+  color: $base-font-color;
+  font-family: $base-font-family;
+  font-feature-settings: "kern", "liga", "pnum";
+  font-size: $base-font-size;
+  line-height: $base-line-height;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: $heading-font-family;
+  font-size: $base-font-size;
+  line-height: $heading-line-height;
+  margin: 0 0 $small-spacing;
+}
+
+p {
+  margin: 0 0 $small-spacing;
+}
+
+a {
+  color: $action-color;
+  text-decoration: none;
+  transition: color $base-duration $base-timing;
+
+  &:active,
+  &:focus,
+  &:hover {
+    color: shade($action-color, 25%);
+  }
+}
+
+hr {
+  border-bottom: $base-border;
+  border-left: 0;
+  border-right: 0;
+  border-top: 0;
+  margin: $base-spacing 0;
+}
+
+figure {
+  margin: 0;
+  padding: 0;
+}
+
+img,
+picture {
+  margin: 0;
+  max-width: 100%;
+}

data/app/assets/stylesheets/loldesign_publisher/base/_variables.scss

@@ -0,0 +1,47 @@
+// Typography
+$base-font-family: $helvetica;
+$heading-font-family: $base-font-family;
+
+// Font Sizes
+$base-font-size: 1em;
+
+// Line height
+$base-line-height: 1.5;
+$heading-line-height: 1.2;
+
+// Other Sizes
+$base-border-radius: 3px;
+$base-spacing: $base-line-height * 1em;
+$small-spacing: $base-spacing / 2;
+$base-z-index: 0;
+
+// Colors
+$blue: #477dca;
+$dark-gray: #333;
+$medium-gray: #999;
+$light-gray: #ddd;
+$gondola: #281627;
+$mantle: #839C90;
+$rolling-stone: #808183;
+$button-active-color: #789E91;
+$button-base-color: #2B1024;
+
+// Font Colors
+$base-font-color: $dark-gray;
+$action-color: $blue;
+
+// Border
+$base-border-color: $light-gray;
+$base-border: 1px solid $base-border-color;
+
+// Background Colors
+$base-background-color: #fff;
+$secondary-background-color: tint($base-border-color, 75%);
+
+// Forms
+$form-box-shadow: inset 0 1px 3px rgba(#000, 0.06);
+$form-box-shadow-focus: $form-box-shadow, 0 0 5px adjust-color($action-color, $lightness: -5%, $alpha: -0.3);
+
+// Animations
+$base-duration: 150ms;
+$base-timing: ease;

data/app/assets/stylesheets/loldesign_publisher/base/base.scss

@@ -0,0 +1,21 @@
+// Bitters 1.1.0
+// http://bitters.bourbon.io
+// Copyright 2013-2015 thoughtbot, inc.
+// MIT License
+@import 'normalize-rails';
+@import 'bourbon';
+@import 'neat';
+
+@import "variables";
+
+// Neat Settings -- uncomment if using Neat -- must be imported before Neat
+@import "fields_wrapper";
+@import "title_page";
+@import "form";
+@import "grid-settings";
+
+// @import "buttons";
+// @import "forms";
+// @import "lists";
+// @import "tables";
+@import "typography";

data/app/assets/stylesheets/loldesign_publisher/layouts/_default.scss

@@ -1,15 +1,35 @@
 @import "loldesign_publisher/base";
+@import 'normalize-rails';
+@import 'bourbon';
+@import 'neat';
 
-.container-main{
-  @include container;
+.container-main,
+.container{
+  @include outer-container();
+  position: relative;
+  zoom: 1;
 }
 
 .content{
-  @include grid(17);
-  @include push(1);
+  @include span-columns(17 of 24);;
+  @include shift(1 of 24);
   margin-top: 30px;
 }
 
 .ui-datepicker{
   width: inherit !important;
-}
+}
+
+.content-wrapper {
+  @include shift(1 of 24);
+  @include span-columns(18 of 24);
+}
+
+#proposal_summary{
+  resize: none;
+}
+
+#project_description{
+  height: 168px;
+  resize: none;
+}

data/app/assets/stylesheets/loldesign_publisher/layouts/_form.scss

@@ -99,7 +99,24 @@ form{
         @include alpha;
       }
 
-      @include push(6);
+      @include push(7);
     }
   }
-}
+}
+
+nav.main{
+  li{
+    ul.dropdown{
+      display: none;
+      margin-top: 0px;
+      margin-left:10px;
+
+      a{
+        font-size: 10px;
+      }
+    }
+    &:hover ul.dropdown{
+      display: block;
+    }
+  }
+}

data/app/assets/stylesheets/loldesign_publisher/layouts/_nav_main.scss

@@ -1,12 +1,19 @@
 @import "loldesign_publisher/base";
+@import 'normalize-rails';
+@import 'bourbon';
+@import "../base/variables";
+@import "../base/grid-settings";
+@import 'neat';
+@import "../base/typography";
 
 $link-color: #6d6e71;
 $link-active-color: #484045;
 $link-border-color: #c6c6c6;
 
 nav.main{
-  @include grid(4);
+  @include span-columns(5 of 24);
   margin-top: 30px;
+  margin-left: 0;
 
   ul{
     margin-top: 30px;
@@ -27,4 +34,4 @@ nav.main{
       background: image-url('loldesign_publisher/nav_active_link.svg') no-repeat 177px 8px;
     }
   }
-}
+}

data/app/assets/stylesheets/loldesign_publisher/plugins/vex/_vex.scss

@@ -0,0 +1,243 @@
+@keyframes vex-fadein {
+  0% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+
+@-webkit-keyframes vex-fadein {
+  0% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+
+@-moz-keyframes vex-fadein {
+  0% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+
+@-ms-keyframes vex-fadein {
+  0% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+
+@-o-keyframes vex-fadein {
+  0% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+
+@keyframes vex-fadeout {
+  0% {
+    opacity: 1; }
+  100% {
+    opacity: 0; } }
+
+@-webkit-keyframes vex-fadeout {
+  0% {
+    opacity: 1; }
+  100% {
+    opacity: 0; } }
+
+@-moz-keyframes vex-fadeout {
+  0% {
+    opacity: 1; }
+  100% {
+    opacity: 0; } }
+
+@-ms-keyframes vex-fadeout {
+  0% {
+    opacity: 1; }
+  100% {
+    opacity: 0; } }
+
+@-o-keyframes vex-fadeout {
+  0% {
+    opacity: 1; }
+  100% {
+    opacity: 0; } }
+
+@keyframes vex-rotation {
+  0% {
+    transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -ms-transform: rotate(0deg);
+    -o-transform: rotate(0deg); }
+  100% {
+    transform: rotate(359deg);
+    -webkit-transform: rotate(359deg);
+    -moz-transform: rotate(359deg);
+    -ms-transform: rotate(359deg);
+    -o-transform: rotate(359deg); } }
+
+@-webkit-keyframes vex-rotation {
+  0% {
+    transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -ms-transform: rotate(0deg);
+    -o-transform: rotate(0deg); }
+  100% {
+    transform: rotate(359deg);
+    -webkit-transform: rotate(359deg);
+    -moz-transform: rotate(359deg);
+    -ms-transform: rotate(359deg);
+    -o-transform: rotate(359deg); } }
+
+@-moz-keyframes vex-rotation {
+  0% {
+    transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -ms-transform: rotate(0deg);
+    -o-transform: rotate(0deg); }
+  100% {
+    transform: rotate(359deg);
+    -webkit-transform: rotate(359deg);
+    -moz-transform: rotate(359deg);
+    -ms-transform: rotate(359deg);
+    -o-transform: rotate(359deg); } }
+
+@-ms-keyframes vex-rotation {
+  0% {
+    transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -ms-transform: rotate(0deg);
+    -o-transform: rotate(0deg); }
+  100% {
+    transform: rotate(359deg);
+    -webkit-transform: rotate(359deg);
+    -moz-transform: rotate(359deg);
+    -ms-transform: rotate(359deg);
+    -o-transform: rotate(359deg); } }
+
+@-o-keyframes vex-rotation {
+  0% {
+    transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -ms-transform: rotate(0deg);
+    -o-transform: rotate(0deg); }
+  100% {
+    transform: rotate(359deg);
+    -webkit-transform: rotate(359deg);
+    -moz-transform: rotate(359deg);
+    -ms-transform: rotate(359deg);
+    -o-transform: rotate(359deg); } }
+
+.vex, .vex *, .vex *:before, .vex *:after {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box; }
+
+.vex {
+  position: fixed;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+  z-index: 1111;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0; }
+
+.vex-scrollbar-measure {
+  position: absolute;
+  top: -9999px;
+  width: 50px;
+  height: 50px;
+  overflow: scroll; }
+
+.vex-overlay {
+  background: #000;
+  filter: alpha(opacity=40);
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; }
+
+.vex-overlay {
+  animation: vex-fadein 0.5s;
+  -webkit-animation: vex-fadein 0.5s;
+  -moz-animation: vex-fadein 0.5s;
+  -ms-animation: vex-fadein 0.5s;
+  -o-animation: vex-fadein 0.5s;
+  -webkit-backface-visibility: hidden;
+  position: fixed;
+  background: rgba(0, 0, 0, 0.4);
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0; }
+  .vex.vex-closing .vex-overlay {
+    animation: vex-fadeout 0.5s;
+    -webkit-animation: vex-fadeout 0.5s;
+    -moz-animation: vex-fadeout 0.5s;
+    -ms-animation: vex-fadeout 0.5s;
+    -o-animation: vex-fadeout 0.5s;
+    -webkit-backface-visibility: hidden; }
+
+.vex-content {
+  animation: vex-fadein 0.5s;
+  -webkit-animation: vex-fadein 0.5s;
+  -moz-animation: vex-fadein 0.5s;
+  -ms-animation: vex-fadein 0.5s;
+  -o-animation: vex-fadein 0.5s;
+  -webkit-backface-visibility: hidden;
+  background: #fff; }
+  .vex.vex-closing .vex-content {
+    animation: vex-fadeout 0.5s;
+    -webkit-animation: vex-fadeout 0.5s;
+    -moz-animation: vex-fadeout 0.5s;
+    -ms-animation: vex-fadeout 0.5s;
+    -o-animation: vex-fadeout 0.5s;
+    -webkit-backface-visibility: hidden; }
+
+.vex-close:before {
+  font-family: Arial, sans-serif;
+  content: "\00D7"; }
+
+.vex-dialog-form {
+  margin: 0; }
+
+.vex-dialog-button {
+  text-rendering: optimizeLegibility;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  cursor: pointer;
+  -webkit-tap-highlight-color: transparent; }
+
+.vex-loading-spinner {
+  animation: vex-rotation 0.7s linear infinite;
+  -webkit-animation: vex-rotation 0.7s linear infinite;
+  -moz-animation: vex-rotation 0.7s linear infinite;
+  -ms-animation: vex-rotation 0.7s linear infinite;
+  -o-animation: vex-rotation 0.7s linear infinite;
+  -webkit-backface-visibility: hidden;
+  -moz-box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
+  box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
+  position: fixed;
+  z-index: 1112;
+  margin: auto;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  height: 2em;
+  width: 2em;
+  background: #fff; }
+
+body.vex-open {
+  overflow: hidden; }
+
+.notice {
+  .vex-dialog-message {
+    color: #3ca957 !important;
+  }
+}
+
+.alert {
+  .vex-dialog-message {
+    color: #b5002b !important;
+  }
+}