bootplus-rails 0.0.1 → 0.0.1.1

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

@@ -0,0 +1,124 @@
+//
+// Dropdown menus
+// --------------------------------------------------
+.dropdown-menu {
+   .border-radius(@borderRadiusSmall);
+   .box-shadow(0 2px 40px rgba(0,0,0,.4));
+}
+
+
+
+// Hover/Focus state
+// -----------
+.dropdown-menu > li > a:hover,
+.dropdown-menu > li > a:focus,
+.dropdown-submenu:hover > a,
+.dropdown-submenu:focus > a {
+   .no-background;
+}
+
+// Active state
+// ------------
+.dropdown-menu > .active > a,
+.dropdown-menu > .active > a:hover,
+.dropdown-menu > .active > a:focus {
+   .no-background;
+}
+
+
+.caret {
+   border: 0;
+   width: 16px;
+   height: 16px;
+
+   &:after {
+      font-family: FontAwesome;
+      content: "\F107"; //"\f078";
+      font-size: 14px;
+      font-weight: bold;
+   }
+}
+
+.dropup,
+.navbar-fixed-bottom .dropdown {
+   // Reverse the caret
+   .caret {
+      border-bottom: 0;
+      content: "";
+
+      &:after {
+         font-family: FontAwesome;
+         content: "\F106"; //"\f078";
+         font-size: 14px;
+         font-weight: bold;
+      }
+   }
+}
+
+
+// Dropdown Notifications
+// ----------------------
+.dropdown-notification {
+   padding: 10px 0;
+}
+
+.navbar .nav > li > a.dropdown-toggle.btn-notification {
+   padding: 0;
+   color: @grayDark;
+   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-radius(@baseBorderRadius);
+
+   width: 29px;
+   height: 27px;
+   min-height: 27px;
+   line-height: 27px;
+   .ie7-restore-left-whitespace(); // Give IE7 some love
+   .box-shadow(none);
+}
+
+
+.dropdown-menu {
+   &.dropdown-notifications {
+      min-width: 320px;
+      width: auto;
+
+      > ul {
+         overflow-y: auto;
+      }
+
+      > li {
+         padding: 15px;
+         border-top: 1px solid #d0d0d0;
+         background-color: #F0F0F0;
+
+         &.header {
+            padding: 5px;
+            background-color: @white;
+            text-align: right;
+            border-top: 0;
+         }
+
+         .title {
+            display: block;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            color: @graySemiLight;
+            font-size: 13px;
+            height: 17px;
+            margin: 0 0 12px 0;
+            overflow: hidden;
+         }
+      }
+   }
+
+}
+
+
+

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

@@ -0,0 +1,119 @@
+//
+// Forms
+// --------------------------------------------------
+
+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 {
+//   margin: 0;
+   padding: 0 8px;
+   border-top: 1px solid #c0c0c0;
+  .box-shadow(inset 0 1px 2px rgba(0,0,0,0.1));
+   min-height: 29px;
+
+  // Focus state
+  &:focus,
+  &:hover {
+    border-color: #b9b9b9;
+     border-top-color: #a0a0a0;
+    .box-shadow(inset 0 1px 2px rgba(0,0,0,0.1));
+  }
+}
+
+
+
+// INPUT GROUPS
+// ------------
+.input-append,
+.input-prepend {
+   .add-on {
+      padding: 0 8px;
+      text-shadow: none;
+      border: 1px solid #c0c0c0;
+      min-height: 29px;
+      line-height: 29px;
+   }
+
+   .btn {
+      // fix height with the append/prepend input
+      .box-sizing(content-box);
+   }
+}
+
+.uneditable-input {
+  line-height: 29px;
+}
+
+
+// SEARCH FORM
+// -----------
+
+input.search-query {
+   padding: 0 8px;
+   .border-radius(@inputBorderRadius);
+}
+
+
+.form-search > .btn[type="submit"] {
+   .btn-primary;
+   padding: 0 24px;
+   margin: 0 15px;
+}
+
+
+.form-search .input-append .search-query {
+   .border-radius(@inputBorderRadius 0 0 @inputBorderRadius);
+}
+.form-search .input-append .btn {
+   .border-radius(0 @inputBorderRadius @inputBorderRadius 0);
+}
+.form-search .input-prepend .search-query {
+   .border-radius(0 @inputBorderRadius @inputBorderRadius 0);
+}
+.form-search .input-prepend .btn {
+   .border-radius(@inputBorderRadius 0 0 @inputBorderRadius);
+}
+
+
+
+// FIX FORM FIELD FEEDBACK STATES
+// --------------------------
+//.formFieldState(@textColor: #555, @borderColor: #ccc, @backgroundColor: #f5f5f5)
+//// Warning
+//.control-group.warning {
+//  .formFieldState(@warningText, @warningText, @warningBackground);
+//}
+// Error
+.control-group.error {
+  .formFieldState(@errorBackground, @errorBackground, @errorBackground);
+}
+// Success
+.control-group.success {
+  .formFieldState(@successBackground, @successBackground, @successBackground);
+}
+// Success
+.control-group.info {
+  .formFieldState(@infoBackground, @infoBackground, @infoBackground);
+}
+
+
+
+// FORM ACTIONS
+// ------------
+
+.form-actions {
+  border-top: 0;
+}

data/vendor/assets/stylesheets/bootplus/hero-unit.less

@@ -0,0 +1,9 @@
+//
+// Hero unit
+// --------------------------------------------------
+
+
+.hero-unit {
+  padding: 60px 0;
+  .border-radius(0);
+}

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

@@ -0,0 +1,22 @@
+//
+// Icons
+// --------------------------------------------------
+/* BOOTSTRAP SPECIFIC CLASSES
+ * -------------------------- */
+
+
+/* keeps Bootstrap styles with and without icons the same */
+.btn, .nav {
+  [class^="icon-"],
+  [class*=" icon-"] {
+     line-height: 29px;
+  }
+}
+
+.btn.btn-mini {
+  [class^="icon-"],
+  [class*=" icon-"] {
+    line-height: 20px;
+  }
+}
+

data/vendor/assets/stylesheets/bootplus/labels-badges.less

@@ -0,0 +1,22 @@
+//
+// Labels and badges
+// --------------------------------------------------
+
+.label,
+.badge {
+   // Important (red)
+   &-important         { background-color: @errorBackground; }
+   &-important[href]   { background-color: darken(@errorBackground, 10%); }
+   // Warnings (orange)
+   &-warning           { background-color: @orange; }
+   &-warning[href]     { background-color: darken(@orange, 10%); }
+   // Success (green)
+   &-success           { background-color: @successBackground; }
+   &-success[href]     { background-color: darken(@successBackground, 10%); }
+   // Info (turquoise)
+   &-info              { background-color: @infoBackground; }
+   &-info[href]        { background-color: darken(@infoBackground, 10%); }
+   // Inverse (black)
+   &-inverse           { background-color: @grayDark; }
+   &-inverse[href]     { background-color: darken(@grayDark, 10%); }
+}

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

@@ -0,0 +1,19 @@
+// Media objects
+// Source: http://stubbornella.org/content/?p=497
+// --------------------------------------------------
+
+
+// see G+ communities
+
+//.media {
+//
+//border-radius: 2px;
+//-webkit-box-shadow: 1px 2px 0 rgba(0,0,0,.05);
+//box-shadow: 1px 2px 0 rgba(0,0,0,.05);
+//background-color: #fff;
+//cursor: pointer;
+//height: 80px;
+//vertical-align: top;
+//width: 265px;
+//
+//}

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

@@ -0,0 +1,12 @@
+
+// Gradient Bar Colors for buttons and alerts
+.gradientBar(@primaryColor, @secondaryColor, @textColor: #fff, @textShadow: 0 -1px 0 rgba(0,0,0,.25)) {
+   border-color: rgba(0,0,0,.1);
+}
+
+
+
+.no-background {
+   background-image: none;
+   background-repeat: no-repeat;
+}

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

@@ -0,0 +1,59 @@
+//
+// Modals
+// --------------------------------------------------
+
+// Background
+.modal-backdrop {
+  background-color: @white;
+  &.fade { opacity: 0; }
+}
+
+.modal-backdrop,
+.modal-backdrop.fade.in {
+  .opacity(75);
+}
+
+
+.modal {
+   border: 0;
+   padding: 35px 40px;
+   color: @black;
+   .box-shadow(0 4px 16px rgba(0,0,0,0.2));
+   .border-radius(0);
+}
+
+
+.modal-header {
+   border: 0;
+   padding: 0 0 30px;
+
+   .close {
+      margin-top: 0;
+      position: absolute;
+      right: 15px;
+      top: 15px;
+   }
+
+   h3 {
+      color: @graySemiLight;
+      font-size: 24px;
+      font-weight: 400;
+   }
+}
+
+.modal-body {
+   padding: 0;
+}
+
+.modal-footer {
+   padding: 20px 0 0;
+   background-color: @white;
+   border: 0;
+   .border-radius(0);
+   .box-shadow(none);
+   text-align: left;
+}
+
+
+//right: -20px;
+//top: -16px;

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

@@ -0,0 +1,131 @@
+//
+// Navbars (Redux)
+// --------------------------------------------------
+
+
+// COMMON STYLES
+// -------------
+
+
+// Inner for background effects
+// Gradient is applied to its own element because overflow visible is not honored by IE when filter is present
+.navbar-inner {
+  border: 0;
+   .no-background;
+  .reset-filter();
+  .border-radius(0);
+  .box-shadow(none);
+}
+
+
+
+// NAVIGATION
+// ----------
+
+// Links
+.navbar .nav > li > a {
+   border-bottom: 2px solid transparent;
+   color: @navbarLinkColor;
+   font-size: 14px;
+   line-height: 1.4;
+   margin: 0 18px;
+   max-width: 180px;
+   min-width: 20px;
+   overflow: hidden;
+   padding: 13px 0 10px 0;
+   text-overflow: ellipsis;
+   vertical-align: top;
+   white-space: nowrap;
+   text-shadow: none;
+}
+
+.navbar .nav > li > a:hover,
+.navbar .nav > li > a:focus {
+   border-color: @navbarBorder;
+   color: @navbarLinkColorHover;
+}
+
+
+.navbar .nav > .active > a,
+.navbar .nav > .active > a:hover,
+.navbar .nav > .active > a:focus {
+   border-color: @navbarBorder;
+   color: @navbarLinkColorHover;
+   font-weight: bold;
+   text-decoration: none;
+   .box-shadow(none);
+   .transition(border-color 0.218s ease 0s);
+}
+
+
+.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
+   .box-shadow(0 2px 4px 0 rgba(0, 0, 0, 0.15));
+}
+
+
+
+// Navbar search
+// -------------------------
+.navbar-search {
+  margin-top: 3px;
+
+  .search-query {
+    padding: 2px 14px;
+    .border-radius(@inputBorderRadius); // redeclare because of specificity of the type attribute
+  }
+}
+
+
+
+// Inverted navbar
+// -------------------------
+.navbar-inverse {
+
+  .navbar-inner {
+    .no-background;
+    // background-color: @white;
+    // border-color: @navbarInverseBorder;
+  }
+  .brand,
+  .nav > li > a {
+    text-shadow: none;
+  }
+
+     .brand {
+         &:hover,
+         &:focus {
+            color: @navbarInverseLinkColorHover;
+         }
+     }
+
+
+
+  // Navbar search
+  .navbar-search {
+    .search-query {
+      .box-shadow(none);
+      .placeholder(@grayLight);
+
+      // Focus states (we use .focused since IE7-8 and down doesn't support :focus)
+      &:focus,
+      &.focused {
+        .box-shadow(0 1px 1px rgba(0,0,0,.1));
+      }
+    }
+  }
+
+}
+
+
+
+// Navbar Buttons
+// -------------------------
+
+.navbar .nav > li > a.btn {
+    border: 1px solid rgba(0, 0, 0, 0.1);
+    font-size: 13px;
+    line-height: 29px;
+    margin-bottom: 10px;
+    margin-top: 13px;
+    padding: 0 8px;
+}