bastion 0.1.14 → 0.2.0

data/vendor/assets/stylesheets/bastion/patternfly/patternfly.less

@@ -0,0 +1,42 @@
+/* PatternFly */
+
+/* Bootstrap 3 */
+@import "../bastion/bootstrap/bootstrap.less";
+
+/* Font Awesome */
+@import "../bastion/font-awesome/less/font-awesome.less";
+
+/* PatternFly overrides and new stuff */
+@import "variables.less";
+@import "mixins.less";
+@import "alerts.less";
+@import "badges.less";
+@import "bootstrap-combobox.less";
+@import "bootstrap-select.less";
+@import "bootstrap-treeview.less";
+@import "breadcrumbs.less";
+@import "buttons.less";
+@import "close.less";
+@import "datatables.less";
+@import "dropdowns.less";
+@import "fonts.less";
+@import "forms.less";
+@import "icons.less";
+@import "infotip.less";
+@import "labels.less";
+@import "list-group.less";
+@import "login.less";
+@import "modals.less";
+@import "navbar.less";
+@import "pager.less";
+@import "pagination.less";
+@import "panels.less";
+@import "popovers.less";
+@import "progress-bars.less";
+@import "search.less";
+@import "sidebar.less";
+@import "spinner.less";
+@import "tables.less";
+@import "tabs.less";
+@import "tooltip.less";
+@import "type.less";

data/vendor/assets/stylesheets/bastion/patternfly/popovers.less

@@ -0,0 +1,32 @@
+//
+// Popovers
+// --------------------------------------------------
+
+.popover {
+  .box-shadow(0 2px 2px rgba(0,0,0,.08));
+  padding: 0;
+}
+
+.popover-content {
+  color: @gray-pf;
+  line-height: 18px;
+  padding: 10px 14px;
+}
+
+.popover-title {
+  border-bottom: none;
+  border-radius: 0;
+  color: @gray-pf;
+  font-size: @font-size-base + 1;
+  font-weight: 700;
+  min-height: 34px;
+  .close {
+    height: 22px;
+    position: absolute;
+    right: 8px;
+    top: 6px;
+  }
+  &.closable {
+    padding-right: 30px;
+  }
+}

data/vendor/assets/stylesheets/bastion/patternfly/progress-bars.less

@@ -0,0 +1,87 @@
+//
+// Progress Bar
+// --------------------------------------------------
+
+// WebKit
+@-webkit-keyframes progress-bar-stripes {
+  from  { background-position: 0 0; }
+  to    { background-position: 40px 0; }
+}
+
+// Spec and IE10+
+@keyframes progress-bar-stripes {
+  from  { background-position: 0 0; }
+  to    { background-position: 40px 0; }
+}
+
+.progress {
+  .box-shadow(inset 0 0 1px rgba(0, 0, 0, 0.25));
+  &.progress-label-left, &.progress-label-top-right {
+    overflow: visible;
+    position: relative;
+  }
+  &.progress-label-left {
+    margin-left: 40px;
+  }
+  &.progress-sm {
+    height: @progress-sm;
+    margin-bottom: @progress-sm;
+  }
+  &.progress-xs {
+    height: @progress-xs;
+    margin-bottom: @progress-xs;
+  }
+  td > &:first-child:last-child {
+    margin-bottom: 0;
+    margin-top: 3px;
+  }
+}
+
+.progress-bar {
+  box-shadow: none;
+  .progress-label-left & span, .progress-label-top-right & span {
+    color: @text-color;
+    font-size: @font-size-large;
+    position: absolute;
+    text-align: right;
+  }
+  .progress-label-left & span {
+    left: -40px;
+    top: 0;
+    width: 35px;
+  }
+  .progress-label-top-right & span {
+    max-width: 25%;
+    overflow: hidden;
+    right: 0;
+    text-overflow: ellipsis;
+    top: -(@line-height-computed*1.5+1);
+    white-space: nowrap;
+  }
+  .progress-label-left.progress-sm & span, .progress-label-top-right.progress-sm & span  {
+    font-size: @font-size-base;
+  }
+  .progress-sm & {
+    line-height: @progress-sm;
+  }
+  .progress-xs & {
+    line-height: @progress-xs;
+  }
+}
+
+.progress-description {
+  margin-bottom: @line-height-computed/2;
+  max-width: 74%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  .count {
+    font-size: @font-size-base*1.667;
+    font-weight: 300;
+    line-height: 1;
+    margin-right: 5px;
+  }
+  .fa, .pficon {
+    margin-right: 3px;
+  }
+}

data/vendor/assets/stylesheets/bastion/patternfly/search.less

@@ -0,0 +1,65 @@
+//
+// Search
+// --------------------------------------------------
+
+.search-pf {
+  &.has-button {
+    border-collapse: separate;
+    display: table;
+    .form-group {
+      display: table-cell;
+      width: 100%;
+      .btn {
+        .box-shadow(none);
+        float: left;
+        margin-left: -1px;
+        &.btn-lg {
+          font-size: @font-size-large + .5; // to make button height consistent across browsers!
+        }
+        &.btn-sm {
+          font-size: @font-size-small - .3; // to make button height consistent across browsers!
+        }
+      }
+      .form-control {
+        float: left;
+      }
+    }
+  }
+  .has-clear {
+    .clear {
+      background: transparent; // IE8
+      background: rgba(255,255,255,0); // to make the whole button clickable in IE9+ 
+      border: 0;
+      height: @input-height-base - 1;
+      line-height: 1;
+      padding: 0;
+      position: absolute;
+      right: 1px;
+      top: 1px;
+      width: 28px;
+      &:focus {
+        outline: none;
+      }
+    }
+    .form-control {
+      padding-right: 30px;
+      &::-ms-clear {
+        display: none;
+      }
+    }
+    .input-lg + .clear {
+      height: @input-height-large - 2;
+      width: 28px;
+    }
+    .input-sm  + .clear {
+      height: @input-height-small - 2;
+      width: 28px;
+      span {
+        font-size: @font-size-base - 2;
+      }
+    }
+    .search-pf-input-group {
+      position: relative;
+    }
+  }
+}

data/vendor/assets/stylesheets/bastion/patternfly/sidebar.less

@@ -0,0 +1,174 @@
+//
+// Sidebar
+// --------------------------------------------------
+
+.sidebar-header {
+  border-bottom: 1px solid darken(@page-header-border-color, 2%);
+  padding-bottom: ((@line-height-computed / 2) + 1);
+  margin: (@line-height-computed * 2)+10 0 @line-height-computed;
+  .actions {
+    margin-top: -2px;
+  }
+}
+
+.sidebar-pf {
+  .sidebar-header + .list-group {
+    border-top: 0;
+    margin-top: -@grid-gutter-width/2/2;
+    .list-group-item {
+      background: transparent;
+      border-color: darken(@page-header-border-color, 2%);
+      padding-left: 0;
+    }
+    .list-group-item-heading {
+      font-size: @font-size-base;
+    }
+  }
+  .nav-category {
+    h2 {
+      color: @dropdown-header-color;
+      font-size: @font-size-base;
+      font-weight: 400;
+      line-height: @line-height-computed + 1;
+      margin: 0;
+      padding: 8px 0;
+    }
+    + .nav-category {
+      margin-top: @grid-gutter-width/4;
+    }
+  }
+  .nav-pills > li {
+    &.active > a {
+      background: @dropdown-link-active-bg !important;
+      border-color: @dropdown-link-active-border-color !important;
+      color: #fff;
+      @media (min-width: @grid-float-breakpoint) {
+        &:after {
+          content: @fa-var-angle-right;
+          font-family: @icon-font-name-fa;
+          display: block;
+          position: absolute;
+          right: @grid-gutter-width/2/2;
+          top: 1px;
+        }
+      }
+      .fa {
+        color: #fff;
+      }
+    }
+    > a {
+      border-bottom: 1px solid transparent;
+      border-radius: 0;
+      border-top: 1px solid transparent;
+      color: @text-color;
+      font-size: @font-size-base + 1;
+      line-height: @line-height-computed + 1;
+      padding: 1px @grid-gutter-width/2;
+      &:hover {
+        background: @dropdown-link-hover-bg;
+        border-color: @dropdown-link-hover-border-color;
+      }
+      .fa {
+        color: lighten(@gray-pf, 12%);
+        font-size: @font-size-base + 3;
+        margin-right: @grid-gutter-width/4;
+        text-align: center;
+        vertical-align: middle;
+        width: @font-size-base + 3;
+      }
+    }
+  }
+  .nav-stacked {
+    margin-left: -@grid-gutter-width/2;
+    margin-right: -@grid-gutter-width/2;
+    li + li {
+      margin-top: 0;
+    }
+  }
+  .panel {
+    background: transparent;
+  }
+  .panel-body {
+    padding: 6px @grid-gutter-width/2;
+    .nav-pills > li > a {
+      padding-left: @grid-gutter-width/2 + 17;
+    }
+  }
+  .panel-heading {
+    padding: 9px @grid-gutter-width/2;
+  }
+  .panel-title {
+    font-size: @font-size-base;
+    > a {
+      &:before {
+        display: inline-block;
+        margin-left: 1px;
+        margin-right: 4px;
+        width: 9px;
+      }
+      &.collapsed:before {
+        margin-left: 3px;
+        margin-right: 2px;
+      }
+    }
+  }
+}
+
+@media (min-width: @grid-float-breakpoint-max) {
+  .sidebar-header-bleed-left {
+    margin-left: -@grid-gutter-width/2;
+    > h2 {
+      margin-left: @grid-gutter-width/2;
+    }
+  }
+  .sidebar-header-bleed-right {
+    margin-right: -@grid-gutter-width/2;
+    .actions {
+      margin-right: @grid-gutter-width/2;
+    }
+    > h2 {
+      margin-right: @grid-gutter-width/2;
+    }
+    + .list-group {
+      margin-right: -@grid-gutter-width/2;
+    }
+  }
+  .sidebar-pf {
+    .panel-group .panel-default, .treeview {
+      border-left: 0;
+      border-right: 0;
+      margin-left: -@grid-gutter-width/2;
+      margin-right: -@grid-gutter-width/2;
+    }
+    .treeview {
+      margin-top: 5px;
+      .list-group-item {
+        padding-left: @grid-gutter-width/2;
+        padding-right: @grid-gutter-width/2;
+        &.node-selected:after {
+          content: @fa-var-angle-right;
+          font-family: @icon-font-name-fa;
+          display: block;
+          position: absolute;
+          right: @grid-gutter-width/2/2;
+          top: 1px;
+        }
+      }
+    }
+  }
+}
+
+@media (min-width: @grid-float-breakpoint) {
+  .sidebar-pf {
+    background: @sidebar-pf-bg;
+    &.sidebar-pf-left {
+      border-right: 1px solid @sidebar-pf-border-color;
+    }
+    &.sidebar-pf-right {
+      border-left: 1px solid @sidebar-pf-border-color;
+    }
+    > .nav-category, > .nav-stacked {
+      margin-top: 5px;
+    }
+  }
+}

data/vendor/assets/stylesheets/bastion/patternfly/spinner.less

@@ -0,0 +1,62 @@
+//
+// Spinner
+// --------------------------------------------------
+
+@-webkit-keyframes rotation {
+  from {-webkit-transform: rotate(0deg);}
+  to {-webkit-transform: rotate(359deg);}
+}
+
+@keyframes rotation {
+  from {transform: rotate(0deg);}
+  to {transform: rotate(359deg);}
+}
+
+.spinner {
+  -webkit-animation: rotation .6s infinite linear;
+  animation: rotation .6s infinite linear;
+  border-bottom: 4px solid rgba(0,0,0,.25);
+  border-left: 4px solid rgba(0,0,0,.25);
+  border-right: 4px solid rgba(0,0,0,.25);
+  border-radius: 100%;
+  border-top: 4px solid rgba(0,0,0,.75);
+  height: @font-size-base*2;
+  margin: 0 auto;
+  position: relative;
+  width: @font-size-base*2;
+  &.spinner-inline {
+    display: inline-block;
+    margin-right: 3px;
+  }
+  &.spinner-lg {
+    border-width: 5px;
+    height: @font-size-base*2.5;
+    width: @font-size-base*2.5;
+  }
+  &.spinner-sm {
+    border-width: 3px;
+    height: @font-size-base*1.5;
+    width: @font-size-base*1.5;
+  }
+  &.spinner-xs {
+    border-width: 2px;
+    height: @font-size-base;
+    width: @font-size-base;
+  }
+}
+
+.ie8, .ie9 {
+  .spinner {
+    background: url("@{img-path}/@{img-spinner}") no-repeat;
+    border: 0;
+    &.spinner-lg {
+      background-image: url("@{img-path}/@{img-spinner-lg}");
+    }
+    &.spinner-sm {
+      background-image: url("@{img-path}/@{img-spinner-sm}");
+    }
+    &.spinner-xs {
+      background-image: url("@{img-path}/@{img-spinner-xs}");
+    }
+  }
+}

data/vendor/assets/stylesheets/bastion/patternfly/tables.less

@@ -0,0 +1,74 @@
+//
+// Tables
+// --------------------------------------------------
+
+.table {
+  > thead,
+  > tbody,
+  > tfoot {
+    > tr {
+      > th,
+      > td {
+        padding: @table-cell-padding-top @table-cell-padding @table-cell-padding-bottom;
+        > a:hover {
+          text-decoration: none;
+        }
+      }
+      > th {
+        font-family: 'Open Sans';
+        font-style: normal;
+        font-weight: 600;
+      }
+    }
+  }
+  > thead {
+    background-clip: padding-box;
+    background-color: #f9f9f9;
+    #gradient > .vertical(@start-color: #fafafa; @end-color: #ededed; @start-percent: 0%; @end-percent: 100%);
+  }
+}
+
+.table-bordered {
+  border: 1px solid @table-border-color;
+  > thead,
+  > tbody,
+  > tfoot {
+    > tr {
+      > th,
+      > td {
+        border: 1px solid @table-border-color;
+      }
+    }
+  }
+  > thead > tr {
+    > th,
+    > td {
+      border-bottom-width: 1px;
+    }
+  }
+}
+
+.table-striped > tbody {
+   > tr:nth-child(odd) {
+    > td,
+    > th {
+      background-color: transparent;
+    }
+  }
+  > tr:nth-child(even) {
+    > td,
+    > th {
+      background-color: @table-bg-accent;
+    }
+  }
+}
+
+.table-hover {
+  > tbody > tr:hover {
+    > td,
+    > th {
+      background-color: @table-bg-hover;
+      border-bottom-color: @table-border-hover;
+    }
+  }
+}

data/vendor/assets/stylesheets/bastion/patternfly/tabs.less

@@ -0,0 +1,118 @@
+//
+// Tabs
+// --------------------------------------------------
+
+.nav-tabs {
+  font-size: @font-size-large;
+  > li {
+    > a {
+      color: @nav-tabs-color;
+      margin-right: -1px;
+      padding-bottom: 5px;
+      padding-top: 5px;
+      &:active,
+      &:focus,
+      &:hover {
+        background: transparent;
+        border-color: @nav-tabs-border-color;
+        color: @gray-darker;
+      }
+    }
+    > .dropdown-menu {
+      border-top: 0;
+      border-color: @nav-tabs-border-color;
+      &.pull-right {
+        right: -1px;
+      }
+    }
+  }
+  + .nav-tabs-pf {
+    font-size: @font-size-base;
+    > li:first-child > a {
+      padding-left: 15px;
+      &:before {
+        left: 15px !important;
+      }
+    }
+  }
+  .open > a {
+    &,
+    &:hover,
+    &:focus {
+      background-color: transparent;
+      border-color: @nav-tabs-border-color;
+    }
+  }
+}
+
+.nav-tabs-pf {
+  &.nav-justified {
+    @media (min-width: @grid-float-breakpoint) {
+      border-bottom: 1px solid @nav-tabs-justified-link-border-color;
+    }
+    > li {
+      &:first-child > a {
+        padding-left: 15px;
+      }
+      > a {
+        border-bottom: 0;
+        &:before {
+          left: 0 !important;
+          right: 0 !important;
+        }
+      }
+    }
+  }
+  > li {
+    margin-bottom: 0;
+    &.active > a {
+      .tab-indicator(@background: @nav-tabs-active-link-hover-color);
+      &,
+      &:active,
+      &:focus,
+      &:hover {
+        background-color: transparent;
+        border: 0 !important;
+        color: @link-color;
+        &:before {
+          background: @nav-tabs-active-link-hover-color;
+        }
+      }
+    }
+    &:first-child {
+      > a {
+        padding-left: 0;
+        &:before {
+          left: 0 !important;
+        }
+      }
+    }
+    > a {
+      border: 0;
+      line-height: 1;
+      margin-right: 0;
+      padding-bottom: 10px;
+      padding-top: 10px;
+      &:active,
+      &:focus,
+      &:hover {
+        .tab-indicator()
+      }
+    }
+    > .dropdown-menu {
+      left: 15px;
+      margin-top: 1px;
+      &.pull-right {
+        left: auto;
+        right: 15px;
+      }
+    }
+  }
+  .open > a {
+    &,
+    &:hover,
+    &:focus {
+      background-color: transparent;
+    }
+  }
+}

data/vendor/assets/stylesheets/bastion/patternfly/tooltip.less

@@ -0,0 +1,16 @@
+//
+// Tooltips
+// --------------------------------------------------
+
+// Base class
+.tooltip {
+  font-size: @tooltip-font-size;
+  
+  &.in { .opacity(.88); }
+}
+
+// Wrapper for the tooltip content
+.tooltip-inner {
+  padding: 7px 12px;
+  text-align: left;
+}

data/vendor/assets/stylesheets/bastion/patternfly/type.less

@@ -0,0 +1,24 @@
+//
+// Typography
+// --------------------------------------------------
+
+h1, .h1, h2, .h2 { font-weight: 300; }
+
+.page-header .actions {
+  margin-top: 8px;
+  a > .pficon {
+    margin-right: 4px;
+  }
+}
+
+@media (min-width: @grid-float-breakpoint-max) {
+  .page-header-bleed-left {
+    margin-left: -@grid-gutter-width/2;
+  }
+  .page-header-bleed-right {
+    margin-right: -@grid-gutter-width/2;
+    .actions {
+      margin-right: @grid-gutter-width/2;
+    }
+  }
+}