bastion 0.1.14 → 0.2.0

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

@@ -0,0 +1,130 @@
+//
+// Icons
+// --------------------------------------------------
+// Custom icons and selections from IcoMoon - Free (http://icomoon.io/#icons)
+
+@font-face {
+  font-family: '@{icon-font-name-pf}';
+  src:url('@{font-path}/@{icon-font-name-pf}.eot');
+  src:url('@{font-path}/@{icon-font-name-pf}.eot?#iefix') format('embedded-opentype'),
+    url('@{font-path}/@{icon-font-name-pf}.ttf') format('truetype'),
+    url('@{font-path}/@{icon-font-name-pf}.woff') format('woff'),
+    url('@{font-path}/@{icon-font-name-pf}.svg#@{icon-font-name-pf}') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+
+[class*="-exclamation"] {
+  color: #fff;
+}
+
+[class^="@{icon-prefix}-"], [class*=" @{icon-prefix}-"] {
+  display: inline-block;
+  font-family: '@{icon-font-name-pf}';
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  line-height: 1;
+  speak: none;
+  text-transform: none;
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.@{icon-prefix}-layered {
+  position: relative;
+  .@{icon-prefix}:first-child {
+    position: absolute;
+    z-index: 1;
+    + .@{icon-prefix} {
+      position: relative;
+      z-index: 2;
+    }
+  }
+}
+
+.@{icon-prefix}-warning-exclamation:before {
+  content: "\e60d";
+}
+.@{icon-prefix}-screen:before {
+  content: "\e600";
+}
+.@{icon-prefix}-save:before {
+  content: "\e601";
+}
+.@{icon-prefix}-ok:before {
+  color: @brand-success;
+  content: "\e602";
+}
+.@{icon-prefix}-messages:before {
+  content: "\e603";
+}
+.@{icon-prefix}-info:before {
+  content: "\e604";
+}
+.@{icon-prefix}-help:before {
+  content: "\e605";
+}
+.@{icon-prefix}-folder-open:before {
+  content: "\e606";
+}
+.@{icon-prefix}-folder-close:before {
+  content: "\e607";
+}
+.@{icon-prefix}-error-exclamation:before {
+  content: "\e608";
+}
+.@{icon-prefix}-error-octagon:before {
+  color: @brand-danger;
+  content: "\e609";
+}
+.@{icon-prefix}-edit:before {
+  content: "\e60a";
+}
+.@{icon-prefix}-close:before {
+  content: "\e60b";
+}
+.@{icon-prefix}-warning-triangle:before {
+  color: @brand-warning;
+  content: "\e60c";
+}
+.@{icon-prefix}-user:before {
+  content: "\e60e";
+}
+.@{icon-prefix}-users:before {
+  content: "\e60f";
+}
+.@{icon-prefix}-settings:before {
+  content: "\e610";
+}
+.@{icon-prefix}-delete:before {
+  content: "\e611";
+}
+.@{icon-prefix}-print:before {
+  content: "\e612";
+}
+.@{icon-prefix}-refresh:before {
+  content: "\e613";
+}
+.@{icon-prefix}-running:before {
+  content: "\e614";
+}
+.@{icon-prefix}-import:before {
+  content: "\e615";
+}
+.@{icon-prefix}-export:before {
+  content: "\e616";
+}
+.@{icon-prefix}-history:before {
+  content: "\e617";
+}
+.@{icon-prefix}-home:before {
+  content: "\e618";
+}
+.@{icon-prefix}-remove:before {
+  content: "\e619";
+}
+.@{icon-prefix}-add:before {
+  content: "\e61a";
+}

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

@@ -0,0 +1,149 @@
+//
+// Info Tip
+// --------------------------------------------------
+
+// Overwrites for navbar.less
+.navbar-nav > li > .dropdown-menu.infotip {
+  border-top-width: 1px !important;
+  margin-top: @popover-arrow-width;
+}
+
+// Overwrites for PatternFly - navbar.less
+@media (max-width: @grid-float-breakpoint-max) {
+  .navbar-pf .navbar-nav .open .dropdown-menu.infotip {
+    background-color: #fff !important;
+    margin-top: 0;
+  }
+}
+
+// Extends "dropdown-menu"
+.infotip {
+  min-width: 235px;
+  padding: 0;
+  .list-group {
+    border-top: 0;
+    margin: 0;
+    padding: 8px 0;
+    .list-group-item {
+      border: none;
+      margin: 0 15px 0 34px;
+      padding: 5px 0;
+      > .i {
+        color: @gray-pf;
+        font-size: 13px;
+        left: -20px;
+        position: absolute;
+        top: 8px;
+      }
+      > a {
+        color: @gray-pf;
+        line-height: 13px;
+      }
+      > .close {
+        float: right;
+      }
+    }
+  }
+  .footer {
+    background-color: #f5f5f5;
+    padding: 6px 15px;
+    a:hover {
+      color: @link-color;
+    }
+  }
+}
+
+// Arrows (Copy from popovers.less)
+//
+// .arrow is outer, .arrow:after is inner
+
+.infotip .arrow {
+  &,
+  &:after {
+    border-color: transparent;
+    border-style: solid;
+    display: block;
+    height: 0;
+    position: absolute;
+    width: 0;
+  }
+}
+.infotip .arrow {
+  border-width: @popover-arrow-outer-width;
+}
+.infotip .arrow:after {
+  border-width: @popover-arrow-width;
+  content: "";
+}
+
+.infotip {
+  &.bottom .arrow,
+  &.bottom-left .arrow,
+  &.bottom-right .arrow {
+    border-bottom-color: @popover-arrow-outer-fallback-color; // IE8 fallback
+    border-bottom-color: @popover-arrow-outer-color;
+    border-top-width: 0;
+    left: 50%;
+    margin-left: -@popover-arrow-outer-width;
+    top: -@popover-arrow-outer-width;
+    &:after {
+      border-top-width: 0;
+      border-bottom-color: @popover-arrow-color;
+      content: " ";
+      margin-left: -@popover-arrow-width;
+      top: 1px;
+    }
+  }
+  &.bottom-left .arrow {
+    left: 20%;
+  }
+  // Default:
+  &.bottom-right .arrow {
+    left: 80%;
+  }
+  &.top .arrow {
+    border-bottom-width: 0;
+    border-top-color: @popover-arrow-outer-fallback-color; // IE8 fallback
+    border-top-color: @popover-arrow-outer-color;
+    bottom: -@popover-arrow-outer-width;
+    left: 50%;
+    margin-left: -@popover-arrow-outer-width;
+    &:after {
+      border-bottom-width: 0;
+      border-top-color: #f5f5f5;
+      bottom: 1px;
+      content: " ";
+      margin-left: -@popover-arrow-width;
+    }
+  }
+  &.right .arrow {
+    border-left-width: 0;
+    border-right-color: @popover-arrow-outer-fallback-color; // IE8 fallback
+    border-right-color: @popover-arrow-outer-color;
+    left: -@popover-arrow-outer-width;
+    margin-top: -@popover-arrow-outer-width;
+    top: 50%;
+    &:after {
+      bottom: -@popover-arrow-width;
+      border-left-width: 0;
+      border-right-color: @popover-arrow-color;
+      content: " ";
+      left: 1px;
+    }
+  }
+  &.left .arrow {
+    border-left-color: @popover-arrow-outer-fallback-color; // IE8 fallback
+    border-left-color: @popover-arrow-outer-color;
+    border-right-width: 0;
+    margin-top: -@popover-arrow-outer-width;
+    right: -@popover-arrow-outer-width;
+    top: 50%;
+    &:after {
+      border-left-color: @popover-arrow-color;
+      border-right-width: 0;
+      bottom: -@popover-arrow-width;
+      content: " ";
+      right: 1px;
+    }
+  }
+}

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

@@ -0,0 +1,12 @@
+//
+// Labels
+// --------------------------------------------------
+
+.label {
+  border-radius: 0;
+  font-size: 100%;
+  font-weight: 600;
+  h1 &, h2 &, h3 &, h4 &, h5 &, h6 & {
+    font-size: 75%;
+  }
+}

data/vendor/assets/stylesheets/bastion/patternfly/list-group.less

@@ -0,0 +1,18 @@
+//
+// List groups
+// --------------------------------------------------
+
+.list-group {
+  border-top: 1px solid @list-group-top-border;
+  .list-group-item:first-child {
+    border-top: 0;
+  }
+}
+.list-group-item {
+  border-left: 0;
+  border-right: 0;
+}
+
+.list-group-item-heading {
+  font-weight: 700;
+}

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

@@ -0,0 +1,121 @@
+//
+// Login
+// --------------------------------------------------
+
+.login-pf {
+  height: 100%;
+  #brand {
+    position: relative;
+    top: -70px;
+    img {
+      display: block;
+      height: 18px;
+      margin: 0 auto;
+      max-width: 100%;
+      @media (min-width: @screen-sm-min) {
+        margin: 0;
+        text-align: left;
+      }
+    }
+  }
+  #badge {
+    display: block;
+    margin: 20px auto 70px;
+    position: relative;
+    text-align: center;
+    @media (min-width: @screen-sm-min) { 
+      float: right;
+      margin-right: 64px;
+      margin-top: 50px;
+    }
+  }
+  body {
+    background: @login-bg-color url("@{img-path}/@{img-bg-login}") repeat-x 50% 0;
+    background-size: auto;
+    @media (min-width: @screen-sm-min) {
+      background-size: 100% auto;
+    }
+  }
+  .container {
+    background-color: @login-container-bg-color;
+    background-color: @login-container-bg-color-rgba;
+    clear: right;
+    color: #fff;
+    padding-bottom: 40px;
+    padding-top: 20px;
+    width: auto;
+    @media (min-width: @screen-sm-min) { 
+      bottom: 13%;
+      padding-left: 80px;
+      position: absolute;
+      width: 100%;
+    }
+    [class^='alert'] {
+      background: transparent;
+      color: #fff;
+    }
+    .details {
+      p:first-child {
+        border-top: 1px solid #474747;
+        padding-top: 25px;
+        margin-top: 25px;
+      }
+      @media (min-width: @screen-sm-min) {
+        p:first-child {
+          border-top: 0;
+          padding-top: 0;
+          margin-top: 0;
+        }
+        border-left: 1px solid #474747;
+        padding-left: 40px;
+      }
+      p {
+        margin-bottom: 2px;
+      }
+    }
+    .form-horizontal {
+      .control-label {
+        font-size: @font-size-base + 1;
+        font-weight: 400;
+        text-align: left;
+      }
+      .form-group:last-child {
+        &, .help-block:last-child {
+          margin-bottom: 0;
+        }
+      }
+    }
+    .help-block {
+      color: #fff;
+    }
+    .login {
+      @media (min-width: @screen-sm-min) {
+        padding-right: 40px;
+      }
+    }
+    .submit {
+      text-align: right;
+    }
+  }
+}
+
+.ie8.login-pf {
+  #badge {
+    background: url('@{img-path}/@{img-badge-ie8}') no-repeat;
+    height: @img-badge-ie8-height;
+    width: @img-badge-ie8-width;
+    img {
+      width: 0;
+    }
+  }
+  #brand {
+    background: url('@{img-path-alt}/@{img-brand-lg-ie8}') no-repeat center;
+    background-size: cover auto;
+    @media (min-width: @screen-sm-min) {
+      background-position: 0 0;
+    }
+    img {
+      width: 0;
+    }
+  }
+}

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

@@ -0,0 +1,81 @@
+//
+// Mixins
+// --------------------------------------------------
+// Bootstrap overrides and PatternFly-specific mixins
+
+/* Bootstrap overrides */
+
+// Button variants
+.button-variant(@color; @background; @background-image-start; @background-image-stop; @border) {
+  background-color: @background;
+  #gradient > .vertical(@background-image-start, @background-image-stop);
+  border-color: @border;
+  color: @color;
+
+  &:hover,
+  &:focus,
+  &:active,
+  &.active,
+  .open .dropdown-toggle& {
+    background-color: @background;
+    background-image: none;
+    border-color: @border;
+    color: @color;
+  }
+  &:active,
+  &.active,
+  .open .dropdown-toggle& {
+    background-image: none;
+  }
+  &.disabled,
+  &[disabled],
+  fieldset[disabled] & {
+    &,
+    &:hover,
+    &:focus,
+    &:active,
+    &.active {
+      background-color: @background;
+      border-color: @border
+    }
+  }
+}
+
+// Gradients
+#gradient {
+  .striped(@color: rgba(0,0,0,.15); @angle: -45deg) {
+    background-image: -webkit-linear-gradient(@angle, @color 25%, @color 26%, transparent 27%, transparent 49%, @color 50%, @color 51%, transparent 52%, transparent 74%, @color 75%, @color 76%, transparent 77%);
+    background-image: linear-gradient(@angle, @color 25%, @color 26%, transparent 27%, transparent 49%, @color 50%, @color 51%, transparent 52%, transparent 74%, @color 75%, @color 76%, transparent 77%);
+  }
+}
+
+// Horizontal dividers
+.nav-divider(@color: #e5e5e5, @margin: 4px 1px) {
+  background-color: @color;
+  height: 1px;
+  margin: @margin;
+  overflow: hidden;
+}
+
+// Placeholder text
+.placeholder(@color: @input-color-placeholder) {
+  &:-moz-placeholder            { color: @color; font-style: italic; } // Firefox 4-18
+  &::-moz-placeholder           { color: @color; font-style: italic;} // Firefox 19+
+  &:-ms-input-placeholder       { color: @color; font-style: italic; } // Internet Explorer 10+
+  &::-webkit-input-placeholder  { color: @color; font-style: italic; } // Safari and Chrome
+}
+
+/* PatternFly-specific */
+
+.tab-indicator(@background: @gray-light-pf, @left: 15px, @right: 15px) {
+  &:before {
+    background: @background;
+    bottom: -1px;
+    content: '';
+    display: block;
+    height: 2px;
+    left: @left;
+    position: absolute;
+    right: @right;
+  }
+}

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

@@ -0,0 +1,38 @@
+//
+// Modals
+// --------------------------------------------------
+
+// Modal header
+// Top section of the modal w/ title and dismiss
+.modal-header {
+  background-color: #f8f8f8;
+  border-bottom: none;
+  padding: @modal-title-padding-vertical @modal-title-padding-horizontal;
+}
+// Close icon
+.modal-header .close {
+  margin-top: 2px;
+}
+
+// Title text within header
+.modal-title {
+  font-size: 13px;
+  font-weight: 700;
+}
+
+// Footer (for actions)
+.modal-footer {
+  border-top: none;
+  margin-top: 15px;
+  padding: (@modal-inner-padding - 1) @modal-inner-padding @modal-inner-padding;
+  > .btn {
+    padding-left: 10px;
+    padding-right: 10px;
+    > .fa-angle-left {
+      margin-right: 5px;
+    }
+    > .fa-angle-right {
+      margin-left: 5px;
+    }
+  }
+}