openshift-origin-console 1.3.2

data/app/assets/stylesheets/_grid.scss

@@ -0,0 +1,28 @@
+// Allow a span to be implicitly wrapped to set grid backgrounds, while allowing 
+// a responsive stylesheet to know about the wrapper.
+.grid-wrapper {
+  margin-left: 0; // overrides the corresponding style from 'span'
+  float: left;
+}
+
+// Allow a row to have an right gutter equal to a left gutter 
+.row-flush-right { 
+  margin-right: -$gridGutterWidth;
+
+  .span-flush-right { 
+    padding-right: $gridGutterWidth;
+  }
+}
+
+// For use in inlined elements in combination with existing padding
+.gutter { 
+  margin-left: $gridGutterWidth;
+}
+.gutter-right {
+  margin-right: $gridGutterWidth/2;
+}
+
+// Put content into a box with gutters compatible with the grid
+.box-content {
+  padding: 20px $gridGutterWidth;
+}

data/app/assets/stylesheets/_input-prepend-append.scss

@@ -0,0 +1,138 @@
+.input-prepend, .input-append, .input-prepend-append {
+  margin-bottom: 5px;
+  *zoom: 1;
+	}
+.input-prepend:before,
+.input-append:before,
+.input-prepend:after,
+.input-append:after,
+.input-prepend-append:before,
+.input-prepend-append:after {
+  display: table;
+  content: "";
+	}
+.input-prepend:after, .input-append:after, .input-prepend-append:after {
+  clear: both;
+	}
+.input-append input,
+.input-append .uneditable-input {
+  @include border-radius(3px 0 0 3px);
+	}
+.input-prepend input,
+.input-prepend .uneditable-input {
+  @include border-radius(0 3px 3px 0);
+	}
+.input-prepend input:focus,
+.input-append input:focus,
+.input-prepend-append input:focus,
+.input-prepend .uneditable-input:focus,
+.input-append .uneditable-input:focus {
+  position: relative;
+  z-index: 2;
+	}
+.input-prepend .uneditable-input, .input-append .uneditable-input {
+  border-left-color: #ccc;
+	}
+.input-prepend .add-on, .input-append .add-on, 
+.input-prepend-append .add-on-first, .input-prepend-append .add-on-last {
+  float: left;
+  display: block;
+  width: auto;
+  min-width: 16px;
+  height: 18px;
+  margin-right: -1px;
+  padding: 4px 11px;
+  font-weight: normal;
+  line-height: 18px;
+  color: #999999;
+  text-align: center;
+  background-color: #f4f4f4;
+  border: 1px solid #ccc;
+  @include border-radius(3px 0 0 3px);
+	}
+.input-append .add-on {
+  border-radius: 0 3px 3px 0;
+	}
+.input-prepend-append input {
+  @include border-radius(0);
+  border-left: 0;
+  border-right: 0;
+  float: left;
+	}
+.input-prepend-append .add-on-first {
+	margin-right: 0;
+	}
+.input-prepend-append .add-on-last {
+	display: inline;
+  @include border-radius(0 3px 3px 0);
+	}
+.input-prepend-append .add-on-middle {
+	display: block;
+  float: left;
+  height: 18px;
+  line-height: 18px;
+  padding: 4px 5px;
+  text-align: center;
+  background-color: #fff;
+  color: #999;
+  border-top: 1px solid #ccc;
+  border-bottom: 1px solid #ccc;
+  @include box-shadow(0 1px 1px rgba(0, 0, 0, 0.075) inset);
+	}
+.input-prepend .active, .input-append .active, .input-prepend-append .active {
+  background-color: #a9dba9;
+  border-color: #46a546;
+	}
+.input-prepend-append .add-on {
+	border: 1px solid #f4f4f4;
+	}
+.form-inline .input-prepend-append {
+  display: inline-block;
+	}
+.form-inline .input-prepend-append .add-on-first,
+.form-inline .input-prepend-append .add-on-last {
+  vertical-align: middle;
+	}
+.control-group-important .input-prepend-append .add-on-first,
+.control-group-important .input-prepend-append .add-on-last,
+.control-group-important .input-prepend-append .add-on-middle,
+.control-group-important .input-prepend-append input,
+.control-group-important .input-prepend-append input {
+  font-size: 15px;
+  padding: 8px 10px;
+  max-width: 716px;
+  }
+  .control-group-important label {
+  	font-size: 15px;
+  	}
+  .form-horizontal .control-group-important > label {
+    padding-top: 10px;
+    }
+
+.input-prepend-append .error {
+  color: $errorBackground;
+  border-color: $errorBackground;
+  &:focus {
+    border-color: darken($errorBackground, 10%);
+    @include box-shadow(0 0 2px lighten($errorBackground, 20%));
+  }
+}
+
+
+@media (max-width: 480px) {
+	.input-prepend-append input {
+    border-left: 1px solid;
+    border-radius: 0 0 0 0;
+    border-right: 1px solid;
+		}
+	.input-prepend-append .add-on-middle {
+    background-color: #FFFFFF;
+    border-bottom: 0 none;
+    border-top: 0 none;
+    box-shadow: none;
+    display: block;
+    float: left;
+    padding: 0px 6px 5px;
+		}
+}
+

data/app/assets/stylesheets/_labels.scss

@@ -0,0 +1,40 @@
+// LABELS
+// ------
+
+// Base
+.label {
+  padding: 0 6px;
+  font-size: $baseFontSize * .75;
+  font-weight: bold;
+  color: #111;
+  text-shadow: 0 0 1px rgba(255, 255, 255, 0.25);
+  background-color: #8a8b8c;
+  @include border-radius(3px);
+  text-transform: uppercase;
+} 
+
+// Hover state
+.label:hover {
+  //color: $white;
+  text-decoration: none;
+}
+
+// Colors
+.label-important        { background-color: $errorBackground; }
+//.label-important:hover  { background-color: darken($errorBackground, 10%); }
+
+.label-warning          { background-color: $orange; }
+//.label-warning:hover    { background-color: darken($orange, 10%); }
+
+.label-success          { background-color: $successBackground; }
+//.label-success:hover    { background-color: darken($successBackground, 10%); }
+
+.label-info             { background-color: $infoBackground; }
+//.label-info:hover       { background-color: darken($infoBackground, 10%); }
+
+// Margins between labels
+.labels {
+  .label {
+    margin-left: 4px;
+  }
+}

data/app/assets/stylesheets/_mixins.scss

@@ -0,0 +1,76 @@
+// If an element has a background and should stretch across the 
+// width of the page on a phone, include this mixin.
+@mixin expand_for_phone($padding:true) {
+  margin-left: -$gridGutterWidthPhone;
+  margin-right: -$gridGutterWidthPhone;
+  @if $padding {
+    padding-left: $gridGutterWidthPhone;
+    padding-right: $gridGutterWidthPhone;
+  }
+}
+
+@mixin font-family-monospace() {
+  font-family: Menlo, Monaco, "Liberation Mono", Consolas, monospace;
+}
+
+
+// Override Mixin for generating button backgrounds
+// ---------------------------------------
+@mixin buttonBackground($startColor, $endColor) {
+  // gradientBar will set the background to a pleasing blend of these, to support IE<=9
+  @include gradientBar($startColor, $endColor);
+  @include reset-filter();
+
+  &:hover, &:focus {
+    background-color: $endColor;
+  }
+  
+   &:active, &.active, &.disabled, &[disabled] {
+    background-color: $startColor;
+  }
+ 
+}
+
+@mixin buttonBackgroundConsole($startColor, $endColor) {
+  // gradientBar will set the background to a pleasing blend of these, to support IE<=9
+  @include gradientBar($startColor, $endColor);
+  @include reset-filter();
+
+  &:hover {
+    background-color: $startColor;
+    color: #fff;
+  }
+  
+   &:active, &.active, &.disabled, &[disabled] {
+    background-color: $startColor;
+    color: #ccc;
+    border-color: rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1);
+  }
+
+}
+
+
+// IE7 inline-block
+// ----------------
+@mixin ie7-inline-block() {
+  *display: inline; /* IE7 inline-block hack */
+  *zoom: 1;
+}
+
+
+// Block-level 
+// -----------
+@mixin block-level() {
+  display: block;
+  width: 100%;
+  padding-left: 0;
+  padding-right: 0;
+  @include box-sizing(border-box);
+} 
+.block-level {
+  @include block-level();
+}
+// Vertically space out multiple blocks
+.block-level + .block-level {
+  margin-top: 8px;
+}

data/app/assets/stylesheets/_override-variables.scss

@@ -0,0 +1 @@
+// Downstream Rails applications can provide variables in this file

data/app/assets/stylesheets/_responsive.scss

@@ -0,0 +1,438 @@
+/*!
+ * Bootstrap Responsive v2.0.1
+ *
+ * Copyright 2012 Twitter, Inc
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Designed and built with all the love in the world @twitter by @mdo and @fat.
+ *
+ * Converted to Sass by @johnwlong / @m5o.
+ *
+ * Date: @DATE
+ */
+
+// Responsive.scss
+// For phone and tablet devices
+// -------------------------------------------------------------
+
+
+// REPEAT VARIABLES & MIXINS
+// -------------------------
+// Required since we compile the responsive stuff separately
+
+.clearfix {
+  @include clearfix();
+}
+
+// RESPONSIVE CLASSES
+// ------------------
+
+// Hide from screenreaders and browsers
+// Credit: HTML5 Boilerplate
+.hidden {
+  display: none;
+  visibility: hidden;
+}
+
+// DEVICE SPECIFIC CLASSES
+// ------------------
+
+.visible-phone {
+  display: none !important;
+}
+
+.visible-tablet {
+  display: none !important;
+}
+
+.hidden-desktop {
+  display: none !important;
+}
+
+@media (max-width: 767px) {
+  .visible-phone {
+    display: inherit !important;
+  }
+  .hidden-phone {
+    display: none !important;
+  }
+  .hidden-desktop {
+    display: inherit !important;
+  }
+  .visible-desktop {
+    display: none !important;
+  }
+}
+
+@media (min-width: 768px) and (max-width: 979px) {
+  .visible-tablet {
+    display: inherit !important;
+  }
+  .hidden-tablet {
+    display: none !important;
+  }
+  .hidden-desktop {
+    display: inherit !important;
+  }
+  .visible-desktop {
+    display: none !important ;
+  }
+}
+
+
+// UP TO LANDSCAPE PHONE
+// ---------------------
+
+@media (max-width: 480px) {
+  .is-under-481 { content: 'true'; }
+
+  // Smooth out the collapsing/expanding nav
+  .nav-collapse {
+    -webkit-transform: translate3d(0, 0, 0); // activate the GPU
+  }
+
+  // Block level the page header small tag for readability
+  .page-header h1 small {
+    display: block;
+    line-height: $baseLineHeight;
+  }
+
+  // Update checkboxes for iOS
+  input[type="checkbox"],
+  input[type="radio"] {
+    border: 1px solid #ccc;
+  }
+
+  // Remove the horizontal form styles
+  .form-horizontal .control-group > label {
+    float: none;
+    width: auto;
+    padding-top: 0;
+    text-align: left;
+  }
+  // Move over all input controls and content
+  .form-horizontal .controls {
+    margin-left: 0;
+  }
+  // Move the options list down to align with labels
+  .form-horizontal .control-list {
+    padding-top: 0; // has to be padding because margin collaspes
+  }
+  // Move over buttons in .form-actions to align with .controls
+  .form-horizontal .form-actions {
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+
+  // Modals
+  .modal {
+    position: absolute;
+    top:   10px;
+    left:  10px;
+    right: 10px;
+    width: auto;
+    margin: 0;
+    &.fade.in { top: auto; }
+  }
+  .modal-header .close {
+    padding: 10px;
+    margin: -10px;
+  }
+
+  // Carousel
+  .carousel-caption {
+    position: static;
+  }
+  
+  // Block button for phone
+  .btn-block-phone {
+    display: block;
+    width: 100%;
+    padding-left: 0;
+    padding-right: 0;
+    margin-bottom: $baseLineHeight / 2;
+    @include box-sizing(border-box);
+  }
+  
+  // Specificity overrides
+  input[type="submit"],
+  input[type="reset"],
+  input[type="button"] {
+    &.btn-block-phone {
+      width: 100%;
+      margin-bottom: $baseLineHeight / 2;
+    }
+  }
+}
+
+
+
+// LANDSCAPE PHONE TO SMALL DESKTOP & PORTRAIT TABLET
+// --------------------------------------------------
+
+@media (max-width: 767px) {
+  .is-under-767 { content: 'true'; }
+  // GRID & CONTAINERS
+  // -----------------
+  // Remove width from containers
+  .container {
+    width: auto;
+    padding: 0 20px;
+  }
+  
+  // FORM FIELDS
+  // -----------
+  // Make span* classes full width
+  .input-large,
+  .input-xlarge,
+  .input-xxlarge,
+  input[class*="span"],
+  select[class*="span"],
+  textarea[class*="span"],
+  .uneditable-input {
+    @include input-block-level();
+  }
+  // But don't let it screw up prepend/append inputs
+  .input-prepend input,
+  .input-append input,
+  .input-prepend input[class*="span"],
+  .input-append input[class*="span"] {
+    display: inline-block; // redeclare so they don't wrap to new lines
+    width: auto;
+  }
+  .controls-row [class*="span"] + [class*="span"] {
+    margin-left: 0;
+  }
+
+  // ADDED: containers which don't need gutters in small layouts
+  .container-inset {
+    padding: 0;
+  }
+
+  // Fluid rows
+  .row-fluid {
+    width: 100%;
+  }
+  // Undo negative margin on rows
+  .row {
+    margin-left: 0;
+  }
+  // Make all columns even
+  .row > [class*="span"],
+  .row > .grid-wrapper,
+  .row > .grid-wrapper > [class*="span"],
+  .row > .grid-wrapper > div > [class*="span"],
+  .row-fluid > [class*="span"] {
+    float: none;
+    display: block;
+    width: auto;
+    margin: 0;
+  }
+
+  // Custom: adjust a span to adjust to the right of a box
+  .row-flush-right {
+    margin-right: 0;
+
+    .span-flush-right {
+      padding-right: 0;
+    }
+  }
+  
+  // For use in inlined elements in combination with existing padding
+  .gutter { 
+    margin-left: $gridGutterWidthPhone;
+  }
+  .gutter-right {
+    margin-right: 0;
+  }
+
+  // Put content into a box with gutters compatible with the grid
+  .box-content {
+    padding: $gridGutterWidthPhone/2 $gridGutterWidthPhone;
+  }
+}
+
+
+
+// PORTRAIT TABLET TO DEFAULT DESKTOP
+// ----------------------------------
+
+@media (min-width: 768px) and (max-width: 979px) {
+  .is-in-portrait { content: 'true'; }
+
+  // Fixed grid
+  @include gridSystem-generate(12, $gridColumnWidthTablet, $gridGutterWidthTablet);
+
+  // Fluid grid
+  @include fluidGridSystem-generate(12, 5.801104972%, 2.762430939%);
+
+  // Input grid
+  @include inputGridSystem-generate(12, $gridColumnWidthTablet, $gridGutterWidthTablet);
+
+  // Custom: adjust a span to adjust to the right of a box
+  .row-flush-right { 
+    margin-right: -$gridGutterWidthTablet;
+
+    .span-flush-right { 
+      padding-right: $gridGutterWidthTablet;
+    }
+  }
+  
+  body:first-of-type .row-flush-right .span-flush-right {padding-right:19px;} /* Target Chrome bug 851389 */
+  
+  // For use in inlined elements in combination with existing padding
+  .gutter { 
+    margin-left: $gridGutterWidthTablet;
+  }
+  .gutter-right {
+    margin-right: $gridGutterWidthTablet/2;
+  }
+
+  // Put content into a box with gutters compatible with the grid
+  .box-content {
+    padding: $gridGutterWidthTablet;
+  }
+}
+
+
+
+// TABLETS AND BELOW
+// -----------------
+@media (max-width: 979px) {
+  .is-under-979 { content: 'true'; }
+
+  // UNFIX THE TOPBAR
+  // ----------------
+  // Remove any padding from the body
+  body {
+    padding-top: 0;
+  }
+  // Unfix the navbar
+  .navbar-fixed-top {
+    position: static;
+    margin-bottom: $baseLineHeight;
+  }
+  .navbar-fixed-top .navbar-inner {
+    padding: 5px;
+  }
+/* Prefer to leave navbar aligned with column edges 
+  .navbar .container {
+    width: auto;
+    padding: 0;
+  }
+*/
+  // Account for brand name
+  .navbar .brand {
+    padding-left: 10px;
+    padding-right: 10px;
+    margin: 0 0 0 -5px;
+  }
+  // Nav collapse clears brand
+  .navbar .nav-collapse {
+    clear: both;
+  }
+  // Block-level the nav
+  .navbar .nav {
+    float: none;
+    margin: 0 0 ($baseLineHeight / 2);
+  }
+  .navbar .nav > li {
+    float: none;
+  }
+  .navbar .nav > li > a {
+    margin-bottom: 2px;
+  }
+  .navbar .nav > .divider-vertical {
+    display: none;
+  }
+  .navbar .nav .nav-header {
+    color: $navbarText;
+    text-shadow: none;
+  }
+  // Forms in navbar
+  .navbar-form,
+  .navbar-search {
+    float: none;
+    padding: ($baseLineHeight / 2) 15px;
+    margin: ($baseLineHeight / 2) 0;
+    border-top: 1px solid $navbarBackground;
+    border-bottom: 1px solid $navbarBackground;
+    $shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
+    @include box-shadow($shadow);
+  }
+  // Pull right (secondary) nav content
+  .navbar .nav.pull-right {
+    float: none;
+    margin-left: 0;
+  }
+  // Static navbar
+  .navbar-static .navbar-inner {
+    padding-left:  10px;
+    padding-right: 10px;
+  }
+
+  // Hide everything in the navbar save .brand and toggle button */
+  .nav-collapse {
+    overflow: hidden;
+    height: 0;
+  }
+}
+
+
+// DEFAULT DESKTOP
+// ---------------
+
+@media (min-width: 980px) {
+  .is-above-980 { content: 'true'; }
+  .nav-collapse.collapse {
+    //height: auto !important;
+  }
+}
+
+
+
+// LARGE DESKTOP & UP
+// ------------------
+
+@media (min-width: 1200px) {
+  .is-above-1200 { content: 'true'; }
+
+  // Fixed grid
+  @include gridSystem-generate(12, $gridColumnWidthLarge, $gridGutterWidthLarge);
+
+  // Fluid grid
+  @include fluidGridSystem-generate(12, 5.982905983%, 2.564102564%);
+
+  // Input grid
+  @include inputGridSystem-generate(12, $gridColumnWidthLarge, $gridGutterWidthLarge);
+
+  // Thumbnails
+  .thumbnails {
+    margin-left: -$gridGutterWidthLarge;
+  }
+  .thumbnails > li {
+    margin-left: $gridGutterWidthLarge;
+  }
+
+  // Custom: adjust a span to adjust to the right of a box
+  .row-flush-right { 
+    margin-right: -$gridGutterWidthLarge;
+
+    .span-flush-right { 
+      padding-right: $gridGutterWidthLarge;
+    }
+  }
+  // For use in inlined elements in combination with existing padding
+  .gutter { 
+    margin-left: $gridGutterWidthLarge;
+  }
+  .gutter-right {
+    margin-right: $gridGutterWidthLarge/2;
+  }
+
+  // Put content into a box with gutters compatible with the grid
+  .box-content {
+    padding: $gridGutterWidthLarge;
+  }
+}