bootplus-rails 0.0.1 → 0.0.1.1

data/vendor/assets/stylesheets/bootplus/accordion.less

@@ -0,0 +1,24 @@
+//
+// Accordion
+// --------------------------------------------------
+
+.accordion {
+  background-color: @white;
+}
+
+.accordion-group {
+  margin: 0;
+  border: 0;
+  .border-radius(2);
+
+  background-color: @white;
+  .box-shadow(~"0 2px 6px rgba(0,0,0,0.3),0 -3px 8px rgba(0,0,0,0.2)");
+
+  .transition(background-color 200ms cubic-bezier(0.52,0,0.48,1));
+  
+  color: #666;
+  font-size: 12px;
+  line-height: 16px;
+  outline: none;
+}
+

data/vendor/assets/stylesheets/bootplus/alerts.less

@@ -0,0 +1,13 @@
+//
+// Alerts
+// --------------------------------------------------
+
+
+// Base styles
+// -------------------------
+
+.alert {
+  text-shadow: none;
+  .border-radius(0);
+}
+

data/vendor/assets/stylesheets/bootplus/bootplus.less

@@ -0,0 +1,92 @@
+/*!
+ * Bootplus v1.0.3
+ *
+ * Copyright 2013 Marcello Palmitessa
+ * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) or the GPL v2.0 (http://www.gnu.org/licenses/gpl-2.0.html)
+ *
+ * based on Twitter Bootstrap v2.3.2
+ */
+
+// Core variables and mixins
+@import "variables.less"; // Modify this for custom colors, font-sizes, etc
+@import "../mixins.less";
+@import "mixins.less";
+
+// CSS Reset
+@import "../reset.less";
+
+// Grid system and page structure
+@import "../scaffolding.less";
+@import "../grid.less";
+@import "../layouts.less";
+
+// Base CSS
+@import "../type.less";
+@import "../code.less";
+@import "../forms.less";
+@import "../tables.less";
+
+// Components: common
+//@import "../sprites.less";
+@import "icons.less";
+
+@import "../dropdowns.less";
+@import "../wells.less";
+@import "../component-animations.less";
+@import "../close.less";
+
+// Components: Buttons & Alerts
+//@import "../buttons.less";
+@import "buttons.less";
+@import "../button-groups.less";
+@import "../alerts.less"; // Note: alerts share common CSS with buttons and thus have styles in buttons.less
+
+// Components: Nav
+@import "../navs.less";
+@import "../navbar.less";
+@import "../breadcrumbs.less";
+@import "../pagination.less";
+@import "../pager.less";
+
+// Components: Popovers
+@import "../modals.less";
+@import "../tooltip.less";
+@import "../popovers.less";
+
+// Components: Misc
+@import "../thumbnails.less";
+@import "../media.less";
+@import "../labels-badges.less";
+@import "../progress-bars.less";
+@import "../accordion.less";
+@import "../carousel.less";
+@import "../hero-unit.less";
+
+// Utility classes
+@import "../utilities.less"; // Has to be last to override when necessary
+
+
+
+// BootPlus specs
+@import "forms.less";
+@import "button-groups.less";
+@import "alerts.less"; // Note: alerts share common CSS with buttons and thus have styles in buttons.less
+
+@import "wells.less";
+@import "dropdowns.less";
+
+@import "navs.less";
+@import "navbar.less";
+
+@import "modals.less";
+@import "tooltip.less";
+@import "popovers.less";
+
+@import "media.less";
+@import "labels-badges.less";
+@import "progress-bars.less";
+@import "accordion.less";
+
+@import "cards.less";
+
+@import "hero-unit.less";

data/vendor/assets/stylesheets/bootplus/button-groups.less

@@ -0,0 +1,23 @@
+//
+// Button groups
+// --------------------------------------------------
+
+.btn-group > .btn,
+.btn-group > .dropdown-menu,
+.btn-group > .popover {
+   font-weight: normal;
+}
+
+
+
+.btn-group > .btn + .dropdown-toggle {
+   min-width: 20px;
+   width: 20px;
+   padding-right: 2px;
+   padding-left: 2px;
+}
+
+// Reposition the caret for dropdown toggles
+.btn-group > .btn.dropdown-toggle .caret {
+   margin-top: 0;
+}

data/vendor/assets/stylesheets/bootplus/buttons.less

@@ -0,0 +1,272 @@
+//
+// Buttons
+// --------------------------------------------------
+
+
+// Base styles
+// --------------------------------------------------
+
+// Core
+.btn {
+   display: inline-block;
+   .ie7-inline-block();
+   font-weight: 400;
+   padding: 0 8px;
+   margin: 0;
+
+   height: 29px;
+   min-height: 29px;
+   line-height: 1;
+   vertical-align: bottom;
+//   min-width: 46px;
+   text-align: center;
+   color: @grayDark;
+//   font-size: 11px;
+   font-weight: bold;
+
+   font-size: @baseFontSize;
+   text-align: center;
+   vertical-align: middle;
+   cursor: pointer;
+   .buttonBackground(@btnBackground, @btnBackgroundHighlight, @grayDark, none);
+   border: 1px solid @btnBorder;
+   *border: 0; // Remove the border to prevent IE7's black border on input:focus
+//   border-bottom-color: darken(@btnBorder, 10%);
+   .border-radius(@baseBorderRadius);
+   .ie7-restore-left-whitespace(); // Give IE7 some love
+   .box-shadow(none);
+
+   // Hover/focus state
+   &:hover,
+   &:focus {
+      text-decoration: none;
+      background-position: 0 -15px;
+//      .buttonBackground(darken(@btnBackground, 0.6%), @btnBackgroundHighlight, @grayDark, none);
+      .box-shadow(0 1px 1px rgba(0,0,0,.1));
+      color: @grayDarken;
+//      border-color: darken(@btnBorder, 0.6%);
+
+      // transition is only when going to hover/focus, otherwise the background
+      // behind the gradient (there for IE<=9 fallback) gets mismatched
+      .transition(background-position .1s linear);
+   }
+
+   // Focus state for keyboard and accessibility
+   &:focus {
+      .tab-focus();
+   }
+
+   // Active state
+   &.active,
+   &:active {
+//      background-image: none;
+      border-color: darken(@btnBorder, 0.6%);
+      // #gradient > .vertical(#fff,#f8f8f8);
+      outline: 0;
+      .box-shadow(0 1px 2px rgba(0, 0, 0, 0.1) inset);
+   }
+
+   // Disabled state
+   &.disabled,
+   &[disabled] {
+      cursor: default;
+      background-image: none;
+      .opacity(65);
+      .box-shadow(none);
+   }
+
+}
+
+a.btn {
+   line-height: 29px;
+}
+
+
+// Button Sizes
+// --------------------------------------------------
+
+// Large
+.btn-large {
+   height: 54px;
+   min-height: 54px;
+   padding: @paddingLarge;
+   font-size: @fontSizeLarge;
+   .border-radius(@borderRadiusLarge);
+}
+a.btn-large {
+   height: 30px;
+   min-height: 30px;
+   line-height: 30px;
+}
+
+.btn-large [class^="icon-"],
+.btn-large [class*=" icon-"] {
+   margin-top: 4px;
+}
+
+// Small
+.btn-small {
+   padding: @paddingSmall;
+   font-size: @fontSizeSmall;
+   .border-radius(@borderRadiusSmall);
+}
+.btn-small [class^="icon-"],
+.btn-small [class*=" icon-"] {
+   margin-top: 0;
+}
+.btn-mini [class^="icon-"],
+.btn-mini [class*=" icon-"] {
+   margin-top: -1px;
+}
+
+// Mini
+.btn-mini {
+   padding: @paddingMini;
+   width: auto;
+   min-width: 10px;
+   height: 20px;
+   min-height: 20px;
+   font-size: @fontSizeMini;
+   line-height: 20px;
+   .border-radius(@borderRadiusSmall);
+}
+
+
+// Block button
+// -------------------------
+
+.btn-block {
+   display: block;
+   width: 100%;
+   padding-left: 0;
+   padding-right: 0;
+   .box-sizing(border-box);
+}
+
+// Vertically space out multiple block buttons
+.btn-block + .btn-block {
+   margin-top: 5px;
+}
+
+// Specificity overrides
+input[type="submit"],
+input[type="reset"],
+input[type="button"] {
+   &.btn-block {
+      width: 100%;
+   }
+}
+
+
+
+// Alternate buttons
+// --------------------------------------------------
+
+// Provide *some* extra contrast for those who can get it
+.btn-primary.active,
+.btn-warning.active,
+.btn-danger.active,
+.btn-success.active,
+.btn-info.active,
+.btn-inverse.active {
+   color: rgba(255,255,255,.75);
+}
+
+.btn-primary:hover,
+.btn-warning:hover,
+.btn-danger:hover,
+.btn-success:hover,
+.btn-info:hover,
+.btn-inverse:hover {
+   color: @white;
+}
+
+// Set the backgrounds
+// -------------------------
+.btn-primary {
+   .buttonBackground(@btnPrimaryBackground, @btnPrimaryBackgroundHighlight);
+//   &:hover {
+//      .buttonBackground(darken(@btnPrimaryBackground, 0.6%), @btnPrimaryBackgroundHighlight);
+//   }
+}
+// Warning appears are orange
+.btn-warning {
+   .buttonBackground(@btnWarningBackground, @btnWarningBackgroundHighlight);
+}
+// Danger and error appear as red
+.btn-danger {
+   .buttonBackground(@btnDangerBackground, @btnDangerBackgroundHighlight);
+}
+// Success appears as green
+.btn-success {
+   .buttonBackground(@btnSuccessBackground, @btnSuccessBackgroundHighlight);
+}
+// Info appears as a neutral blue
+.btn-info {
+   .buttonBackground(@btnInfoBackground, @btnInfoBackgroundHighlight);
+}
+// Inverse appears as dark gray
+.btn-inverse {
+   .buttonBackground(@btnInverseBackground, @btnInverseBackgroundHighlight);
+}
+
+
+// Cross-browser Jank
+// --------------------------------------------------
+
+button.btn,
+input[type="submit"].btn {
+
+   // Firefox 3.6 only I believe
+   &::-moz-focus-inner {
+      padding: 0;
+      border: 0;
+   }
+
+   // IE7 has some default padding on button controls
+   *padding-top: 3px;
+   *padding-bottom: 3px;
+
+   &.btn-large {
+      *padding-top: 7px;
+      *padding-bottom: 7px;
+   }
+   &.btn-small {
+      *padding-top: 3px;
+      *padding-bottom: 3px;
+   }
+   &.btn-mini {
+      *padding-top: 1px;
+      *padding-bottom: 1px;
+   }
+}
+
+
+// Link buttons
+// --------------------------------------------------
+
+// Make a button look and behave like a link
+.btn-link,
+.btn-link:active,
+.btn-link[disabled] {
+   background-color: transparent;
+   background-image: none;
+   .box-shadow(none);
+}
+.btn-link {
+   border-color: transparent;
+   cursor: pointer;
+   color: @linkColor;
+   .border-radius(0);
+}
+.btn-link:hover,
+.btn-link:focus {
+   color: @linkColorHover;
+   text-decoration: underline;
+   background-color: transparent;
+}
+.btn-link[disabled]:hover,
+.btn-link[disabled]:focus {
+   color: @grayDark;
+   text-decoration: none;
+}

data/vendor/assets/stylesheets/bootplus/cards.less

@@ -0,0 +1,243 @@
+//
+// Cards
+// --------------------------------------------------
+
+
+.card {
+   margin: 10px 0 20px 0;
+   padding-top: 20px;
+   border: 1px solid @navlistBorder;
+   border-bottom-width: 2px;
+   border-top-width: 0;
+   background-color: @white;
+   .border-radius(@borderRadiusSmall);
+   .box-shadow(none);
+   .box-sizing(border-box);
+
+   .card-heading {
+      padding: 0 20px;
+         margin: 0;
+
+      &.simple {
+         border-bottom: 1px solid @whiteSmoke;
+         color: #777;
+         font-size: 20px;
+         font-weight: 300;
+      }
+
+      &.image {
+
+         img {
+            display: inline-block;
+            vertical-align: top;
+            .border-radius(50%);
+            border: 0;
+            margin-right: 15px;
+            width: 46px;
+            height: 46px;
+         }
+         .card-heading-header {
+            display: inline-block;
+            vertical-align: top;
+
+            h3 {
+               font-size: 14px;
+               color: @navbarLinkColorHover;
+               line-height: 16px;
+               margin: 0;
+            }
+            span {
+               font-size: 12px;
+               color: @grayLight;
+            }
+         }
+      }
+   }
+
+
+   .card-body {
+      margin-top: 20px;
+      padding: 0 20px;
+   }
+
+
+   .card-media {
+      padding: 0 20px;
+      margin: 0 -14px;
+
+      img {
+         max-height: 100%;
+         max-width: 100%;
+      }
+   }
+
+   .card-actions {
+      // border-bottom: 1px solid @whiteSmoke;
+      min-height: 30px;
+      margin: 20px 0 0 0;
+      padding: 0 20px 20px 20px;
+   }
+
+   .card-comments {
+      padding: 20px;
+      margin: 0;
+      background-color: @cardFooterBackground;
+
+      .comments-collapse-toggle {
+         margin: 0 20px 12px 20px;
+         padding: 0;
+
+         a,
+         span {
+            color: #999;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            font-size: 12px;
+            padding-right: 5px;
+         }
+      }
+   }
+
+
+}
+
+
+.card-comments .media-heading {
+   font-size: 13px;
+   font-weight: bold;
+}
+
+
+
+.card {
+   &.people {
+      position: relative;
+      display: inline-block;
+      vertical-align: top;
+      width: 170px;
+      height: 300px;
+      padding-top: 0;
+      margin-left: 20px;
+      overflow: hidden;
+
+      &:first-child {
+         margin-left: 0;
+      }
+
+      .card-top {
+         position: absolute;
+         display: inline-block;
+         top: 0;
+         left: 0;
+         background-color: @white;
+         width: 170px;
+         height: 150px;
+
+         &.green {
+            background-color: #53a93f;
+         }
+         &.blue {
+            background-color: @navbarBorder;
+         }
+      }
+
+      .card-info {
+         .box-sizing(border-box);
+         position: absolute;
+         display: inline-block;
+         top: 150px;
+         width: 100%;
+         height: 101px;
+         overflow: hidden;
+         background: @white;
+
+         .title {
+            display: block;
+            font-size: 16px;
+            font-weight: bold;
+            line-height: 18px;
+            margin: 8px 14px 0 14px;
+            overflow: hidden;
+            color: #404040;
+         }
+         .desc {
+            display: block;
+            line-height: 16px;
+            margin: 8px 14px 0 14px;
+            overflow: hidden;
+            font-size: 12px;
+            color: @graySemiLight;
+            text-overflow: ellipsis;            
+         }
+      }
+
+      .card-bottom {
+         .box-sizing(border-box);
+         position: absolute;
+         bottom: 0;
+         left: 0;
+         display: inline-block;
+         width: 100%;
+         padding: 10px 20px;
+         line-height: 29px;
+         text-align: center;
+      }
+   }
+}
+
+
+.card {
+   &.hovercard {
+      overflow: hidden;
+      position: relative;
+      width: 240px;
+      padding-top: 0;
+      text-align: center;
+      background-color: #fff;
+
+      img {
+         height: 135px;
+         width: 240px;
+      }
+      .avatar {
+         margin-bottom: -40px;
+         position: relative;
+         top: -40px;
+
+         img {
+            width: 80px;
+            height: 80px;
+            max-width: 80px;
+            max-height: 80px;
+            .border-radius(50%);
+         }
+      }
+      .info {
+         padding: 4px 8px 10px;
+         .title {
+            color: #262626;
+            font-size: 24px;
+            line-height: 1;
+            vertical-align: middle;
+            margin-bottom: 4px;
+         }
+         .desc {
+            color: #737373;
+            font-size: 12px;
+            line-height: 20px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+         }
+      }
+      .bottom {
+         margin-bottom: 17px;
+         padding: 0 20px;
+//         .btn {
+//            width: 85px;
+//         }
+      }
+
+   }
+}
+