loldesign_publisher 1.1.0

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

@@ -0,0 +1,15 @@
+@import "loldesign_publisher/base";
+
+.container-main{
+  @include container;
+}
+
+.content{
+  @include grid(17);
+  @include push(1);
+  margin-top: 30px;
+}
+
+.ui-datepicker{
+  width: inherit !important;
+}

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

@@ -0,0 +1,101 @@
+@import "loldesign_publisher/base";
+
+$input-border-color: #d1d3d4;
+$footer-border-color: #808284;
+
+form{
+  margin-top: 20px;
+
+  &.two-columns{
+    article:nth-child(2){
+      @include grid(7);
+      @include alpha;
+    }
+    article:nth-child(3){
+      @include grid(9);
+      @include push(1);
+      @include omega;
+    }
+  }
+  &.three-columns{
+    article:nth-child(2){
+      @include grid(6);
+      @include alpha;
+    }
+    article:nth-child(3){
+      @include grid(5);
+      @include push(1);
+    }
+    article:nth-child(4){
+      @include push(2);
+      @include grid(4);
+      @include omega;
+    }
+  }
+
+  .input{
+    margin-bottom: 20px;
+    width: 100%;
+    @include clearfix;
+
+    &.boolean{
+      label{
+        font-size: 12px;
+        font-weight: $bold;
+        text-transform: lowercase;
+      }
+
+      input{
+        margin-right: 10px;
+      }
+    }
+
+    input.string,
+    input.password,
+    textarea.text{
+      width: 100%;
+      border: 1px solid $input-border-color;
+      padding: 5px;
+      font-size: 12px;
+      color: $gray-main;
+      -webkit-border-radius: 5px;
+         -moz-border-radius: 5px;
+              border-radius: 5px;
+
+      &::-webkit-input-placeholder{
+        color: $gray-main;
+      }
+
+      &::-moz-placeholder{
+        color: $gray-main;
+      }
+
+      &.small{
+        @include grid(3);
+        @include alpha;
+      }
+    }
+
+    span.error {
+      font-size: 12px;
+      font-weight: $normal;
+      color: red;
+    }
+  }
+
+  footer{
+    overflow: hidden;
+    width: 100%;
+    text-align: center;
+    border-top: 1px solid $footer-border-color;
+    padding-top: 20px;
+
+    .btn{
+      &:first-child{
+        @include alpha;
+      }
+
+      @include push(6);
+    }
+  }
+}

data/app/assets/stylesheets/loldesign_publisher/layouts/_header_main.css.scss

@@ -0,0 +1,20 @@
+@import "loldesign_publisher/base";
+
+$header-background: #a7a9ab;
+
+header.main{
+  background: $header-background;
+
+  a{
+    color: #fff;
+    font-size: 12px;
+  
+    &.logout{
+      float: right;
+    }
+  }
+
+  i{
+    margin: 0px;
+  }
+}

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

@@ -0,0 +1,30 @@
+@import "loldesign_publisher/base";
+
+$link-color: #6d6e71;
+$link-active-color: #484045;
+$link-border-color: #c6c6c6;
+
+nav.main{
+  @include grid(4);
+  margin-top: 30px;
+
+  ul{
+    margin-top: 30px;
+  }
+
+  a{
+    color: $link-color;
+    font-size: 15px;
+    border-bottom: 1px solid $link-border-color;
+    padding-bottom: 5px;
+    margin-bottom: 5px;
+    display: block;
+    font-weight: $normal;
+
+    &[data-active=true],
+    &:hover{
+      color: $link-active-color;
+      background: image-url('loldesign_publisher/nav_active_link.svg') no-repeat 177px 8px;
+    }
+  }
+}

data/app/assets/stylesheets/loldesign_publisher/layouts/_resource_info.css.scss

@@ -0,0 +1,40 @@
+@import "loldesign_publisher/base";
+
+.show-resource{
+  @include clearfix;
+  margin-top: 20px;
+
+  p{
+    font-size: 12px;
+    
+    strong{
+      display: block;
+    }
+
+    a{
+      color: $gray-main;
+      text-decoration: underline;
+    }
+  }
+
+  &.two-columns{
+    article:first-child{
+      @include grid(8);
+      @include alpha;
+    }
+    article:nth-child(2){
+      @include grid(9);
+      @include omega;
+    }
+
+    footer{
+      @include grid(17);
+      @include alpha;
+
+      .btn.cancel{
+        @include push(7);
+        @include alpha;
+      }
+    }
+  }
+}

data/app/assets/stylesheets/loldesign_publisher/modules/_add_resource.css.scss

@@ -0,0 +1,12 @@
+@import "loldesign_publisher/base";
+
+.btn.add-resource{
+  margin-top: 20px;
+  height: 25px;
+  line-height: 23px;
+
+  a{
+    font-size: 12px;
+    font-weight: $normal;
+  }
+}

data/app/assets/stylesheets/loldesign_publisher/modules/_btn_cancel.css.scss

@@ -0,0 +1,13 @@
+@import "loldesign_publisher/base";
+
+.btn.cancel{
+  @include grid(2);
+  height: 27px;
+  line-height: 25px;
+  // background-image: linear-gradient(#3ca957, #053611);
+  
+  a{
+    font-size: 12px;
+    padding: 0px;
+  }
+}

data/app/assets/stylesheets/loldesign_publisher/modules/_btn_remove.css.scss

@@ -0,0 +1,13 @@
+@import "loldesign_publisher/base";
+
+.btn.remove{
+  @include grid(2);
+  height: 27px;
+  line-height: 25px;
+  // background-image: linear-gradient(#3ca957, #053611);
+  
+  a{
+    font-size: 12px;
+    padding: 0px;
+  }
+}

data/app/assets/stylesheets/loldesign_publisher/modules/_btn_save.css.scss

@@ -0,0 +1,16 @@
+@import "loldesign_publisher/base";
+
+.btn.save{
+  @include grid(2);
+  height: 27px;
+  line-height: 25px;
+  
+  a{
+    font-size: 12px;
+    padding: 0px;
+  }
+
+  input[type='submit']{
+    font-size: 12px;
+  }
+}

data/app/assets/stylesheets/loldesign_publisher/modules/_btn_show.css.scss

@@ -0,0 +1,12 @@
+@import "loldesign_publisher/base";
+
+.btn.show{
+  @include grid(2);
+  height: 20px;
+  line-height: 18px;
+  
+  a{
+    font-size: 12px;
+    padding: 0px;
+  }
+}

data/app/assets/stylesheets/loldesign_publisher/modules/_filter_box.css.scss

@@ -0,0 +1,35 @@
+@import "loldesign_publisher/base";
+
+.filter-box{
+  @include clearfix;
+  background: lighten($gray-main, 60%);
+  border: 1px solid lighten($gray-main, 40%);
+  margin-top: 20px;
+
+  input[type='text']{
+    @include grid(3);
+    @include alpha;
+    @include push(1);
+    border: 1px solid lighten($gray-main, 20%);
+    font-size: 14px;
+    margin-right: 10px;
+  }
+
+  input[type='submit']{
+    @include grid(2);
+    @include alpha;
+    @include omega;
+    @include push(8);
+    border: none;
+    background: $gray-main;
+    color: #fff;
+    font-size: 13px;
+    cursor: hand;
+    cursor: pointer;
+  }
+
+  form{
+    margin: 20px 0;
+    @include clearfix;
+  }
+}

data/app/assets/stylesheets/loldesign_publisher/modules/_messages.css.scss

@@ -0,0 +1,20 @@
+@import "loldesign_publisher/base";
+
+.messages{
+  padding: 10px 15px;
+  margin-bottom: 20px;
+  border: 1px solid transparent;
+  border-radius: 4px;
+
+  &.error{
+    color: #a94442;
+    background-color: #f2dede;
+    border-color: #ebccd1;
+  }
+
+  &.notice{
+    color: #3c763d;
+    background-color: #dff0d8;
+    border-color: #d6e9c6;
+  }
+}

data/app/assets/stylesheets/loldesign_publisher/modules/_pagination.css.scss

@@ -0,0 +1,65 @@
+@import "loldesign_publisher/base";
+
+//colors
+$color_silver_chalice_approx: #aaaaaa;
+$color_alto_approx: #dddddd;
+$color_science_blue_approx: #0063dc;
+$midnight_blue: #003366;
+$white: white;
+
+//@extend-elements
+//original selectors
+//.pagination a:hover, .pagination a:focus
+%extend_1 {
+  border-color: $gray-main;
+  background: $gray-main;
+  color: $white;
+}
+
+
+.pagination {
+  text-align: center;
+  padding: 0.3em;
+  cursor: default;
+  font-size: 12px;
+  margin-bottom: 20px;
+  a {
+    padding: 0.2em 0.5em;
+    border: 1px solid $color_alto_approx;
+    color: $gray-main;
+    text-decoration: none;
+
+    &:hover {
+      @extend %extend_1;
+    }
+    &:focus {
+      @extend %extend_1;
+    }
+  }
+  span {
+    padding: 0.2em 0.5em;
+  }
+  em {
+    padding: 0.2em 0.5em;
+  }
+  .disabled {
+    color: $color_silver_chalice_approx;
+  }
+  .current {
+    font-style: normal;
+    font-weight: bold;
+    color: $gray-main;
+  }
+  .page_info {
+    color: $color_silver_chalice_approx;
+    padding-top: 0.8em;
+  }
+  .previous_page {
+    border-width: 2px;
+    margin-right: 1em;
+  }
+  .next_page {
+    border-width: 2px;
+    margin-left: 1em;
+  }
+}

data/app/assets/stylesheets/loldesign_publisher/modules/_table_page.css.scss

@@ -0,0 +1,37 @@
+@import "loldesign_publisher/base";
+
+table.table-page{
+  border: 0px;
+  margin-top: 20px;
+  
+  thead{
+    background: $gray-main;
+
+    th{
+      font-size: 14px;
+      font-weight: $normal;
+      padding: 5px 10px;
+      vertical-align: middle;
+    }
+  }
+  tbody{
+    td{
+      font-size: 12px;
+      font-weight: $normal;
+      border-bottom: 1px solid #e5e5e5;
+      vertical-align: middle;
+      
+      &.not-found{
+        text-align: center;
+      }
+    }
+  }
+
+  a{
+    color: $gray-main;
+    font-size: 16px;
+    i{
+      margin: 0px;
+    }
+  }
+}