cardboard_cms 0.1.4

data/app/assets/stylesheets/cardboard/_framework.css.scss

@@ -0,0 +1,129 @@
+@import "bootstrap";
+@import "bootstrap-datepicker";
+@import "cardboard/bootstrap-select";
+
+a {
+  color: $linkColor;
+  font-weight: 400;
+  
+  &:hover {
+    color: darken($linkColor, 30%);
+  }
+}
+
+label {
+  margin-top: 20px;
+  margin-bottom: 10px;
+  // font-weight: bold;
+  text-shadow: 0px 1px #fff;
+}
+
+abbr[title],
+abbr[data-original-title] {
+  cursor: help;
+  border-bottom: 0px;
+}
+
+.add-on {
+  font-weight: medium;
+}
+
+select,
+textarea,
+input[type="text"],
+input[type="password"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="date"],
+input[type="month"],
+input[type="time"],
+input[type="week"],
+input[type="number"],
+input[type="email"],
+input[type="url"],
+input[type="search"],
+input[type="tel"],
+input[type="color"],
+.uneditable-input {
+  font-size: 13px;
+  color: #666666;
+  font-family: $font;
+  font-weight: 300;
+}
+select.datetime{
+  width: auto;
+}
+
+legend + .control-group {
+  margin-top: 0px;
+}
+.control-group {
+  margin-bottom: 26px;
+}
+
+.help-block, .help-inline {
+  color: #898989;
+}
+
+.form-actions {
+  background: #fff;
+  
+  .btn {
+    margin-right: 15px;
+  }
+}
+
+.simple_form{
+  input, textarea{
+     @include box-sizing(border-box);
+  }
+  input.string, input.password, textarea, .uneditable-input{
+    width: 100%;
+  }
+  input.string, input.password, .uneditable-input{
+    max-width: 600px;
+  }
+  input:not(.btn):not(.boolean):not(.check_boxes):not(.radio_buttons){
+    height: 30px;
+  }
+}
+textarea {
+  height: 100px;
+}
+.date_picker input{
+  padding-right: 24px;
+  background: white image-url('cardboard/calendar.png') no-repeat 100% 5px;
+}
+
+.right{
+  float: right;
+  margin-right: 1.5em;
+}
+.nav li img{
+  margin-right: 6px;
+}
+
+.alert{
+  @include border-top-radius(0px);
+}
+
+.input-append.input-prepend .btn-group{
+  vertical-align: top;
+}
+
+.table {
+  th{
+    background: $table_head !important;
+    // border-left: 1px solid darken($table_head, 5%);
+    border-bottom: 1px solid darken($table_head, 20%);
+    // text-align: center;
+    a{
+      color: #333;
+      font-weight:500;
+
+    }
+  }
+  td, th{vertical-align:middle}
+
+  td{padding-top: 14px; padding-bottom: 14px;}
+}

data/app/assets/stylesheets/cardboard/_main_sidebar.css.scss

@@ -0,0 +1,38 @@
+$main_sidebar_background: lighten($black, 10%);
+$main_sidebar_background_zindex: $main_topbar_zindex - 1;
+
+#main_sidebar{
+  // position: absolute;
+  // top: $main_topbar_height;
+  // left: 0px;
+  background: $main_sidebar_background;
+  width: $main_sidebar_width;
+  box-sizing: border-box;
+  z-index: $main_sidebar_background_zindex + 1;
+
+  #menu{
+    .item{
+      a{
+        padding: 22px 5px;
+        display: block;
+        border-bottom: 1px solid darken($main_sidebar_background, 9%);
+        border-top: 1px solid lighten($main_sidebar_background, 9%);
+        text-align: center;
+        word-wrap:break-word;
+        color: $white;
+
+        &:hover, &.active{
+          background: lighten($main_sidebar_background, 4%);
+          //background: $brand_color;
+          text-decoration: none;
+      }
+        span{
+          display: block;
+          font-size: 12px;
+          line-height: 13px;
+        }
+      }   
+    }
+  }
+}
+

data/app/assets/stylesheets/cardboard/_main_topbar.css.scss

@@ -0,0 +1,62 @@
+$main_topbar_color: $white;
+$main_topbar_color_text_shadow: 0px -1px #5d5d5d;
+$main_topbar_zindex: 100;
+
+#main_topbar{
+  @extend .navbar;
+  @extend .navbar-inverse;
+  z-index: 100;
+  margin-bottom: 0px;
+  position: relative;
+
+  .navbar-inner{
+    @include box-sizing(border-box);
+    // background: lighten($black, 15%);
+    background: $brand_color;
+    // box-shadow: none;
+    @include border-radius(0px);
+    border: none;
+    padding: 0px 10px;
+    height: $main_topbar_height;
+    a{color: $main_topbar_color;}
+    text-shadow: $main_topbar_color_text_shadow;
+    
+    #cardboard_logo{
+      display: block;
+      color: #fff;
+      float: left;
+      width: $main_sidebar_width;
+      height: $main_topbar_height;
+      background: rgba(0, 0, 0, 0.2);
+      margin-left: -10px;
+      @include box-sizing(border-box);
+      padding: 10px 36px;
+    }
+    
+    #brand{
+      font-weight: 700;
+      font-size: 20px;
+      position: relative;
+      top: 9px;
+      left: 50px;
+    }
+    
+    i{
+      color: $main_topbar_color;
+      margin-right: 5px;
+    }
+  }
+  .nav > li > a {
+    padding: 10px 15px 7px;
+    font-weight: 700;
+    color: $main_topbar_color;
+    text-shadow: $main_topbar_color_text_shadow;
+  }
+  .dropdown-menu > li > a{
+    color: $black;
+    text-shadow: none;
+    &:hover{
+      color: $main_topbar_color;
+    }
+  }
+}

data/app/assets/stylesheets/cardboard/_resources.css.scss

@@ -0,0 +1,28 @@
+#filter_list{
+  text-align: center;
+  .filter{
+    padding: 4px 6px;
+    margin-left: 4px;
+    a, i{color: inherit; text-decoration:none}
+    i{
+      margin-right: 5px;
+    }
+    @extend .label;
+    @extend .label-info;
+  }
+}
+#advanced_search{
+  a#simple_search_link{
+    margin: 0px 20px 10px;
+    display: inline-block;
+  }
+}
+table#filter_search_header{
+  width: 100%;
+  form{
+    margin:10px 0px 0px;
+  }
+  h1,h2,h3,h4,h5{
+    margin-top: 20px;
+  }
+}

data/app/assets/stylesheets/cardboard/_rich_text.css.scss

@@ -0,0 +1,6 @@
+@import "bootstrap-wysihtml5/core";
+
+ul.wysihtml5-toolbar{
+  height: 30px;
+}
+

data/app/assets/stylesheets/cardboard/_variables.scss

@@ -0,0 +1,326 @@
+$font: Roboto, sans-serif !default;
+// $font: 'Montserrat', sans-serif !default;
+$page_nav_slide_speed: 0.3s !default;
+$main_topbar_height: 40px !default;
+$main_sidebar_width: 95px !default;
+$main_content_sidebar_shadow: inset 0px 0px 20px #707070 !default;
+$content_sidebar_width: 280px !default;
+$content_background: #f4f7f9 !default;
+$brand_color: #f9334a !default;
+$table_head: #E1E1E1 !default;
+
+// Overwrite as needed
+// //
+// // Boostrap Variables
+// // --------------------------------------------------
+
+// // Global values
+// // --------------------------------------------------
+
+// // Grays
+// // -------------------------
+$black:                 #000 !default;
+// $grayDarker:            #222 !default;
+// $grayDark:              #333 !default;
+// $gray:                  #555 !default;
+// $grayLight:             #999 !default;
+// $grayLighter:           #eee !default;
+// $white:                 #fff !default;
+$blue:    #049cdb  !default;
+$green:   #46a546  !default;
+$red:     #9d261d  !default;
+$yellow:  #ffc40d  !default;
+$orange:  #f89406  !default;
+$pink:    #fd0752  !default;
+$purple:  #7a43b6  !default;
+
+
+// // Accent colors
+// // -------------------------
+// $blue:                  #049cdb !default;
+// $blueDark:              #0064cd !default;
+// $green:                 #46a546 !default;
+// $red:                   #9d261d !default;
+// $yellow:                #ffc40d !default;
+// $orange:                #f89406 !default;
+// $pink:                  #c3325f !default;
+// $purple:                #7a43b6 !default;
+
+
+// // Scaffolding
+// // -------------------------
+// $bodyBackground:        $white !default;
+// $textColor:             $grayDark !default;
+
+
+// // Links
+// // -------------------------
+$linkColor:             #08c !default;
+// $linkColorHover:        darken($linkColor, 15%) !default;
+
+
+// // Typography
+// // -------------------------
+// $sansFontFamily:        "Helvetica Neue", Helvetica, Arial, sans-serif !default;
+// $serifFontFamily:       Georgia, "Times New Roman", Times, serif !default;
+// $monoFontFamily:        Monaco, Menlo, Consolas, "Courier New", monospace !default;
+
+// $baseFontSize:          14px !default;
+// $baseFontFamily:        $sansFontFamily !default;
+// $baseLineHeight:        20px !default;
+// $altFontFamily:         $serifFontFamily !default;
+
+// $headingsFontFamily:    inherit !default; // empty to use BS default, $baseFontFamily
+// $headingsFontWeight:    bold !default;    // instead of browser default, bold
+// $headingsColor:         inherit !default; // empty to use BS default, $textColor
+
+
+// // Component sizing
+// // -------------------------
+// // Based on 14px font-size and 20px line-height
+
+// $fontSizeLarge:         $baseFontSize * 1.25; // ~18px
+// $fontSizeSmall:         $baseFontSize * 0.85; // ~12px
+// $fontSizeMini:          $baseFontSize * 0.75; // ~11px
+
+// $paddingLarge:          11px 19px !default; // 44px
+// $paddingSmall:          2px 10px !default;  // 26px
+// $paddingMini:           0px 6px !default;   // 22px
+
+// $baseBorderRadius:      4px !default;
+// $borderRadiusLarge:     6px !default;
+// $borderRadiusSmall:     3px !default;
+
+
+// // Tables
+// // -------------------------
+// $tableBackground:                   transparent !default; // overall background-color
+// $tableBackgroundAccent:             #f9f9f9 !default; // for striping
+// $tableBackgroundHover:              #f5f5f5 !default; // for hover
+// $tableBorder:                       #ddd !default; // table and cell border
+
+// // Buttons
+// // -------------------------
+// $btnBackground:                     $white !default;
+// $btnBackgroundHighlight:            darken($white, 10%) !default;
+// $btnBorder:                         #ccc !default;
+
+// $btnPrimaryBackground:              $linkColor !default;
+// $btnPrimaryBackgroundHighlight:     adjust-hue($btnPrimaryBackground, 20%) !default;
+$btnPrimaryBackground:              $brand_color !default;
+$btnPrimaryBackgroundHighlight:     $btnPrimaryBackground !default;
+
+// $btnInfoBackground:                 #5bc0de !default;
+// $btnInfoBackgroundHighlight:        #2f96b4 !default;
+
+// $btnSuccessBackground:              #62c462 !default;
+// $btnSuccessBackgroundHighlight:     #51a351 !default;
+
+// $btnWarningBackground:              lighten($orange, 15%) !default;
+// $btnWarningBackgroundHighlight:     $orange !default;
+
+// $btnDangerBackground:               #ee5f5b !default;
+// $btnDangerBackgroundHighlight:      #bd362f !default;
+
+// $btnInverseBackground:              #444 !default;
+// $btnInverseBackgroundHighlight:     $grayDarker !default;
+
+
+// // Forms
+// // -------------------------
+// $inputBackground:               $white !default;
+// $inputBorder:                   #ccc !default;
+// $inputBorderRadius:             $baseBorderRadius !default;
+// $inputDisabledBackground:       $grayLighter !default;
+// $formActionsBackground:         #f5f5f5 !default;
+// $inputHeight:                   $baseLineHeight + 10px; // base line-height + 8px vertical padding + 2px top/bottom border
+
+
+// // Dropdowns
+// // -------------------------
+// $dropdownBackground:            $white !default;
+// $dropdownBorder:                rgba(0,0,0,.2) !default;
+// $dropdownDividerTop:            #e5e5e5 !default;
+// $dropdownDividerBottom:         $white !default;
+
+// $dropdownLinkColor:             $grayDark !default;
+// $dropdownLinkColorHover:        $white !default;
+// $dropdownLinkColorActive:       $white !default;
+
+// $dropdownLinkBackgroundActive:  $linkColor !default;
+// $dropdownLinkBackgroundHover:   $dropdownLinkBackgroundActive !default;
+
+$dropdownLinkBackgroundHover: $brand_color  !default;
+
+
+// // COMPONENT VARIABLES
+// // --------------------------------------------------
+
+
+// // Z-index master list
+// // -------------------------
+// // Used for a bird's eye view of components dependent on the z-axis
+// // Try to avoid customizing these :)
+// $zindexDropdown:          1000 !default;
+// $zindexPopover:           1010 !default;
+// $zindexTooltip:           1030 !default;
+// $zindexFixedNavbar:       1030 !default;
+// $zindexModalBackdrop:     1040 !default;
+// $zindexModal:             1050 !default;
+
+
+// // Sprite icons path
+// // -------------------------
+// $iconSpritePath:          image-path("glyphicons-halflings.png") !default;
+// $iconWhiteSpritePath:     image-path("glyphicons-halflings-white.png") !default;
+
+
+// // Input placeholder text color
+// // -------------------------
+// $placeholderText:         $grayLight !default;
+
+
+// // Hr border color
+// // -------------------------
+// $hrBorder:                $grayLighter !default;
+
+
+// // Horizontal forms & lists
+// // -------------------------
+// $horizontalComponentOffset:       180px !default;
+
+
+// // Wells
+// // -------------------------
+// $wellBackground:                  #f5f5f5 !default;
+
+
+// // Navbar
+// // -------------------------
+// $navbarCollapseWidth:             979px !default;
+// $navbarCollapseDesktopWidth:      $navbarCollapseWidth + 1;
+
+// $navbarHeight:                    40px !default;
+$navbarHeight:                    $main_topbar_height  !default;
+// $navbarBackgroundHighlight:       #ffffff !default;
+// $navbarBackground:                darken($navbarBackgroundHighlight, 5%) !default;
+// $navbarBorder:                    darken($navbarBackground, 12%) !default;
+
+// $navbarText:                      #777 !default;
+// $navbarLinkColor:                 #777 !default;
+// $navbarLinkColorHover:            $grayDark !default;
+// $navbarLinkColorActive:           $gray !default;
+// $navbarLinkBackgroundHover:       transparent !default;
+// $navbarLinkBackgroundActive:      darken($navbarBackground, 5%) !default;
+
+// $navbarBrandColor:                $navbarLinkColor !default;
+
+// // Inverted navbar
+// $navbarInverseBackground:                #111111 !default;
+// $navbarInverseBackgroundHighlight:       #222222 !default;
+// $navbarInverseBorder:                    #252525 !default;
+
+// $navbarInverseText:                      $grayLight !default;
+// $navbarInverseLinkColor:                 $grayLight !default;
+// $navbarInverseLinkColorHover:            $white !default;
+// $navbarInverseLinkColorActive:           $navbarInverseLinkColorHover !default;
+// $navbarInverseLinkBackgroundHover:       transparent !default;
+// $navbarInverseLinkBackgroundActive:      $navbarInverseBackground !default;
+
+// $navbarInverseSearchBackground:          lighten($navbarInverseBackground, 25%) !default;
+// $navbarInverseSearchBackgroundFocus:     $white !default;
+// $navbarInverseSearchBorder:              $navbarInverseBackground !default;
+// $navbarInverseSearchPlaceholderColor:    #ccc !default;
+
+// $navbarInverseBrandColor:                $navbarInverseLinkColor !default;
+
+
+// // Pagination
+// // -------------------------
+// $paginationBackground:                #fff !default;
+// $paginationBorder:                    #ddd !default;
+// $paginationActiveBackground:          #f5f5f5 !default;
+
+
+// // Hero unit
+// // -------------------------
+// $heroUnitBackground:              $grayLighter !default;
+// $heroUnitHeadingColor:            inherit !default;
+// $heroUnitLeadColor:               inherit !default;
+
+
+// // Form states and alerts
+// // -------------------------
+// $warningText:             #c09853 !default;
+// $warningBackground:       #fcf8e3 !default;
+// $warningBorder:           darken(adjust-hue($warningBackground, -10), 3%) !default;
+
+// $errorText:               #b94a48 !default;
+// $errorBackground:         #f2dede !default;
+// $errorBorder:             darken(adjust-hue($errorBackground, -10), 3%) !default;
+
+// $successText:             #468847 !default;
+// $successBackground:       #dff0d8 !default;
+// $successBorder:           darken(adjust-hue($successBackground, -10), 5%) !default;
+
+// $infoText:                #3a87ad !default;
+// $infoBackground:          #d9edf7 !default;
+// $infoBorder:              darken(adjust-hue($infoBackground, -10), 7%) !default;
+
+
+// // Tooltips and popovers
+// // -------------------------
+// $tooltipColor:            #fff !default;
+// $tooltipBackground:       #000 !default;
+// $tooltipArrowWidth:       5px !default;
+// $tooltipArrowColor:       $tooltipBackground !default;
+
+// $popoverBackground:       #fff !default;
+// $popoverArrowWidth:       10px !default;
+// $popoverArrowColor:       #fff !default;
+// $popoverTitleBackground:  darken($popoverBackground, 3%) !default;
+
+// // Special enhancement for popovers
+// $popoverArrowOuterWidth:  $popoverArrowWidth + 1 !default;
+// $popoverArrowOuterColor:  rgba(0,0,0,.25) !default;
+
+
+
+// // GRID
+// // --------------------------------------------------
+
+
+// // Default 940px grid
+// // -------------------------
+// $gridColumns:             12 !default;
+// $gridColumnWidth:         60px !default;
+// $gridGutterWidth:         20px !default;
+// $gridRowWidth:            ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1)) !default;
+
+// // 1200px min
+// $gridColumnWidth1200:     70px !default;
+// $gridGutterWidth1200:     30px !default;
+// $gridRowWidth1200:        ($gridColumns * $gridColumnWidth1200) + ($gridGutterWidth1200 * ($gridColumns - 1)) !default;
+
+// // 768px-979px
+// $gridColumnWidth768:      42px !default;
+// $gridGutterWidth768:      20px !default;
+// $gridRowWidth768:         ($gridColumns * $gridColumnWidth768) + ($gridGutterWidth768 * ($gridColumns - 1)) !default;
+
+
+// // Fluid grid
+// // -------------------------
+// $fluidGridColumnWidth:    percentage($gridColumnWidth/$gridRowWidth) !default;
+// $fluidGridGutterWidth:    percentage($gridGutterWidth/$gridRowWidth) !default;
+
+// // 1200px min
+// $fluidGridColumnWidth1200:     percentage($gridColumnWidth1200/$gridRowWidth1200) !default;
+// $fluidGridGutterWidth1200:     percentage($gridGutterWidth1200/$gridRowWidth1200) !default;
+
+// // 768px-979px
+// $fluidGridColumnWidth768:      percentage($gridColumnWidth768/$gridRowWidth768) !default;
+// $fluidGridGutterWidth768:      percentage($gridGutterWidth768/$gridRowWidth768) !default;
+
+
+
+