From a761abfb8db953108fc734d1f6c545ab2992edfa Mon Sep 17 00:00:00 2001
From: Robb Hamilton <rhamilto@localhost.localdomain>
Date: Mon, 29 Sep 2014 11:32:19 -0400
Subject: [PATCH] Migration of LESS to SCSS and various fixes

---
 .../theme/static/dashboard/img/bg-login.jpg        | Bin 114191 -> 104174 bytes
 .../theme/static/dashboard/scss/rcue/_fonts.scss   |  52 +++
 .../theme/static/dashboard/scss/rcue/_icons.scss   | 130 ++++++
 .../theme/static/dashboard/scss/rcue/_login.scss   | 137 ++++++
 .../theme/static/dashboard/scss/rcue/_navbar.scss  | 468 +++++++++++++++++++++
 .../static/dashboard/scss/rcue/_variables.scss     | 102 +++++
 .../theme/static/dashboard/scss/rhtheme.scss       |  50 +++
 .../dashboards/theme/templates/_stylesheets.html   |   2 +-
 openstack_dashboard/settings.py                    |   0
 9 files changed, 940 insertions(+), 1 deletion(-)
 mode change 100644 => 100755 openstack_dashboard/dashboards/theme/static/dashboard/img/bg-login.jpg
 create mode 100755 openstack_dashboard/dashboards/theme/static/dashboard/scss/rcue/_fonts.scss
 create mode 100755 openstack_dashboard/dashboards/theme/static/dashboard/scss/rcue/_icons.scss
 create mode 100755 openstack_dashboard/dashboards/theme/static/dashboard/scss/rcue/_login.scss
 create mode 100755 openstack_dashboard/dashboards/theme/static/dashboard/scss/rcue/_navbar.scss
 create mode 100755 openstack_dashboard/dashboards/theme/static/dashboard/scss/rcue/_variables.scss
 create mode 100755 openstack_dashboard/dashboards/theme/static/dashboard/scss/rhtheme.scss
 mode change 100644 => 100755 openstack_dashboard/dashboards/theme/templates/_stylesheets.html
 mode change 100644 => 100755 openstack_dashboard/settings.py

diff --git a/openstack_dashboard/dashboards/theme/static/dashboard/img/bg-login.jpg b/openstack_dashboard/dashboards/theme/static/dashboard/img/bg-login.jpg
old mode 100644
new mode 100755
index cd254db3d5a1a879cefd3dd0e5516a4c9fba4b4d..b60fae0cccdc95913f974fbdbfe60f7cc8e7cba9
GIT binary patch
diff --git a/openstack_dashboard/dashboards/theme/static/dashboard/scss/rcue/_fonts.scss b/openstack_dashboard/dashboards/theme/static/dashboard/scss/rcue/_fonts.scss
new file mode 100755
index 0000000..78f585b
--- /dev/null
+++ b/openstack_dashboard/dashboards/theme/static/dashboard/scss/rcue/_fonts.scss
@@ -0,0 +1,52 @@
+/* Open Sans */
+
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 300;
+  src: '#{$font-path}/OpenSans-Light-webfont.eot';
+  src: '#{$font-path}/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
+       '#{$font-path}/OpenSans-Light-webfont.woff') format('woff'),
+       '#{$font-path}/OpenSans-Light-webfont.ttf') format('truetype'),
+       '#{$font-path}/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
+}
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: '#{$font-path}/OpenSans-Regular-webfont.eot';
+  src: '#{$font-path}/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
+       '#{$font-path}/OpenSans-Regular-webfont.woff') format('woff'),
+       '#{$font-path}/OpenSans-Regular-webfont.ttf') format('truetype'),
+       '#{$font-path}/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
+}
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 600;
+  src: '#{$font-path}/OpenSans-Semibold-webfont.eot';
+  src: '#{$font-path}/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
+       '#{$font-path}/OpenSans-Semibold-webfont.woff') format('woff'),
+       '#{$font-path}/OpenSans-Semibold-webfont.ttf') format('truetype'),
+       '#{$font-path}/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
+}
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 700;
+  src: '#{$font-path}/OpenSans-Bold-webfont.eot';
+  src: '#{$font-path}/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
+       '#{$font-path}/OpenSans-Bold-webfont.woff') format('woff'),
+       '#{$font-path}/OpenSans-Bold-webfont.ttf') format('truetype'),
+       '#{$font-path}/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
+}
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 800;
+  src: '#{$font-path}/OpenSans-ExtraBold-webfont.eot';
+  src: '#{$font-path}/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
+       '#{$font-path}/OpenSans-ExtraBold-webfont.woff') format('woff'),
+       '#{$font-path}/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
+       '#{$font-path}/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
+}
\ No newline at end of file
diff --git a/openstack_dashboard/dashboards/theme/static/dashboard/scss/rcue/_icons.scss b/openstack_dashboard/dashboards/theme/static/dashboard/scss/rcue/_icons.scss
new file mode 100755
index 0000000..f443db2
--- /dev/null
+++ b/openstack_dashboard/dashboards/theme/static/dashboard/scss/rcue/_icons.scss
@@ -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: #57a81c;
+  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";
+}
\ No newline at end of file
diff --git a/openstack_dashboard/dashboards/theme/static/dashboard/scss/rcue/_login.scss b/openstack_dashboard/dashboards/theme/static/dashboard/scss/rcue/_login.scss
new file mode 100755
index 0000000..ba8e07a
--- /dev/null
+++ b/openstack_dashboard/dashboards/theme/static/dashboard/scss/rcue/_login.scss
@@ -0,0 +1,137 @@
+//
+// RCUE - Login
+// --------------------------------------------------
+//
+
+.login-rcue {
+  height: 100%;
+  body {
+    background: #1D2226 url("#{$img-path}/bg-login.jpg") repeat-x 45% 0 !important;
+    background-size: 100% auto !important;
+    color: #fff;
+  }
+  #brand {
+    position: relative;
+    top: -70px;
+    img {
+      display: block;
+      height: 18px;
+      margin: 0;
+      max-width: 100%;
+      text-align: left;
+    }
+  }
+  .btn-primary {
+    background-color: #1aa3dc;
+    background-image: -moz-linear-gradient(top, #1cace8, #1998cc);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1cace8), to(#1998cc));
+    background-image: -webkit-linear-gradient(top, #1cace8, #1998cc);
+    background-image: -o-linear-gradient(top, #1cace8, #1998cc);
+    background-image: linear-gradient(to bottom, #1cace8, #1998cc);
+    border-color: #267da1;
+    border-color: rgba(0,0,0,.3);
+    -moz-border-radius: 1px !important;
+    -webkit-border-radius: 1px !important;
+    border-radius: 1px !important;
+    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.1);
+    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.1);
+    box-shadow: 0 2px 3px rgba(0,0,0,.1);
+    font-family: "Open Sans", Helvetica, Arial, sans-serif;
+    font-size: 13px;
+    font-weight: 600;
+    padding: 6px 10px;
+    text-shadow: none;
+    &:active {
+      -moz-box-shadow: inset 0 2px 8px rgba(0,0,0,.3);
+      -webkit-box-shadow: inset 0 2px 8px rgba(0,0,0,.3);
+      box-shadow: inset 0 2px 8px rgba(0,0,0,.3);
+    }
+    &:hover,
+    &:focus,
+    &:active,
+    &.active,
+    &.disabled,
+    &[disabled] {
+      background-color: #189ad1;
+    }
+  }
+  .container {
+    background-color: #252a2e;
+    background-color: rgba(0, 0, 0, 0.3);
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    bottom: 13%;
+    clear: right;
+    padding-bottom: 15px;
+    padding-left: 80px;
+    padding-top: 20px;
+    position: absolute;
+    width: 100%;
+    .details {
+      border-left: 1px solid #474747;
+      padding-left: 40px;
+      p {
+        margin-bottom: 2px;
+      }
+    }
+    .control-group {
+      margin-bottom: 15px;
+    }
+    .submit {
+      text-align: right;
+    }
+  }
+  .modal-body {
+    padding: 0;
+    .alert-danger {
+      background: transparent;
+      border: 0;
+      color: #E01212;
+      padding: 0;
+      text-shadow: NONE;
+    }
+    .errorlist {
+      padding-left: 0;
+    }
+    fieldset .form-group input {
+      border-radius: 1px;
+      height: 26px;
+      margin-bottom: 0;
+      padding: 2px 6px;
+    }
+    label {
+      color: #fff;
+      font-size: $font-size-base + 1;
+      font-weight: 400;
+      margin: 0 auto 5px;
+      text-align: left;
+    }
+  }
+  .modal-footer {
+    background-color: transparent;
+    -moz-border-radius: 0;
+    -webkit-border-radius: 0;
+    border-radius: 0;
+    border-top: 0;
+    -moz-box-shadow: none;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    padding: 0;
+    .btn {
+      margin-left: 0;
+    }
+  }
+  .modal-header {
+    display: none;
+  }
+  #redhat {
+    display: block;
+    float: right;
+    margin: 50px 64px 70px auto;
+    position: relative;
+    text-align: center;
+  }
+  .rhlogin {
+    width: 400px;
+  }
+}
diff --git a/openstack_dashboard/dashboards/theme/static/dashboard/scss/rcue/_navbar.scss b/openstack_dashboard/dashboards/theme/static/dashboard/scss/rcue/_navbar.scss
new file mode 100755
index 0000000..fceb147
--- /dev/null
+++ b/openstack_dashboard/dashboards/theme/static/dashboard/scss/rcue/_navbar.scss
@@ -0,0 +1,468 @@
+.header.rcue {
+  border-top: 3px solid #cc0000;
+  position: relative;
+  .brand {
+    float: left;
+    padding: 7px 0;
+    margin: 0 0 0 20px;
+    text-shadow: none;
+    img {
+      display: block;
+      font-size: 11px;
+    }
+  }
+  .caret {
+    border: 0;
+    font-family: $icon-font-name-fa;
+    font-weight: normal;
+    height: $font-size-base - 3;
+    margin-top: 0;
+    opacity: 1;
+    position: relative;
+    vertical-align: baseline;
+    text-indent: 0;
+    width: $font-size-base;
+    filter: none;
+    &:before {
+      bottom: 0;
+      content: "\f107";
+      left: 0;
+      line-height: $font-size-base;
+      position: absolute;
+      text-align: center;
+      top: -1px;
+      right: 0;
+    }
+  }
+  .navbar {
+    border: 0;
+    border-radius: 0;
+    margin-bottom: 0;
+    min-height: 0;
+    &.primary {
+      font-size: 13px;
+      &.persistent-secondary {
+        .nav {
+          position: static;
+          .dropup .dropdown-menu {
+            bottom: 0;
+            top: auto;
+          }
+          > li {
+            float: left;
+             &.active {
+              margin-bottom: 32px;
+              position: static;
+              .caret {
+                display: none;
+              }
+              > .persistent {
+                display: block;
+              }
+            }
+            > a {
+              position: static;
+            }
+            > .persistent {
+              background: #f6f6f6;
+              border-bottom: 1px solid #cecdcd;
+              display: none;
+              float: left;
+              left: 0;
+              margin: 0;
+              padding: 0;
+              position: absolute;
+              width: 100%;
+              a {
+                text-decoration: none !important;
+              }
+              > .dropdown-submenu {
+                &.active > a:after {
+                  border-top-color: #0080AF !important;
+                }
+                &:hover > .dropdown-menu {
+                  display: none;
+                }
+                &.open:before {
+                  background: #aaa;
+                  bottom: -1px;
+                  content: '';
+                  display: block;
+                  height: 2px;
+                  left: 20px;
+                  position: absolute;
+                  right: 20px;
+                  z-index: 1;
+                }
+                &.open:hover > .dropdown-menu {
+                  display: block;
+                }
+                &.open > a {
+                  color: #222;
+                  &:after {
+                    border-top-color: #222;
+                  }
+                }
+                > a {
+                  padding-right: 37px;
+                  &:after {
+                    border-left-color: transparent;
+                    border-top-color: #4d5258;
+                    border-width: 5px 5px 0 5px;
+                    margin-right: -17px;
+                    margin-top: 4px;
+                    opacity: .8;
+                  }
+                  &:before {
+                    background: transparent !important;
+                    border-color: #f6f6f6 transparent transparent transparent;
+                    border-style: solid;
+                    border-width: 5px 5px 0 5px;
+                    content: '';
+                    display: block;
+                    float: right;
+                    height: 0;
+                    margin-right: -17px;
+                    margin-top: 2px;
+                    position: relative;
+                    right: 0;
+                    width: 0;
+                    z-index: 2;
+                  }
+                }
+                > .dropdown-menu {
+                  border-top-color: transparent;
+                  left: 21px;
+                  top: 100%;
+                }
+              }
+              > li {
+                float: left;
+                list-style: none;
+                position: relative;
+                white-space: nowrap;
+                &.active {
+                  &:before, &:hover:before {
+                    background: #409cd3 !important;
+                    bottom: -1px;
+                    content: '';
+                    display: block;
+                    height: 2px;
+                    left: 20px;
+                    position: absolute;
+                    right: 20px;
+                    z-index: 1;
+                  }
+                  > a, > a:hover, &:hover > a {
+                    color: #0092c7 !important;
+                  }
+                  .active > a { 
+                    color: #fff;
+                  }
+                }
+                &:hover {
+                  &:before {
+                    background: #aaa;
+                    bottom: -1px;
+                    content: '';
+                    display: block;
+                    height: 2px;
+                    left: 20px;
+                    position: absolute;
+                    right: 20px;
+                    z-index: 1;
+                  }
+                  > a {
+                    color: #222;
+                    &:after {
+                      border-top-color: #222;
+                    }
+                  }
+                }
+                a {
+                  color: #4d5258;
+                  &:hover {
+                    color: #fff;
+                  }
+                }
+                > a {
+                  background-color: transparent !important;
+                  background-image: none !important;
+                  display: block;
+                  font-size: 13px;
+                  line-height: 1;
+                  padding: 9px 20px;
+                  filter: none !important;
+                  &:hover {
+                    color: #222;
+                  }
+                }
+                li:hover > a {
+                  color: #fff;
+                }
+              }
+            }
+          }
+        }
+      }
+      .nav { 
+        > li > a {
+          border-bottom: 1px solid transparent;
+          border-top: 1px solid transparent;
+          position: relative;
+          margin: -1px 0 0;
+          z-index: 1;
+          &:hover {
+            background-color: #53595d;
+            background-image: -moz-linear-gradient(top, #5c6165, #4b5053);
+            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5c6165), to(#4b5053));
+            background-image: -webkit-linear-gradient(top, #5c6165, #4b5053);
+            background-image: -o-linear-gradient(top, #5c6165, #4b5053);
+            background-image: linear-gradient(to bottom, #5c6165, #4b5053);
+            background-repeat: repeat-x;
+            border-top-color: #949699;
+          }
+        }
+        > .active > a, > .active > a:hover, > .active > a:focus, > .open > a, > .open > a:hover, > .open > a:focus {
+          background-color: #6b6f74;
+          background-image: -moz-linear-gradient(top, #72757a, #64686c);
+          background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#72757a), to(#64686c));
+          background-image: -webkit-linear-gradient(top, #72757a, #64686c);
+          background-image: -o-linear-gradient(top, #72757a, #64686c);
+          background-image: linear-gradient(to bottom, #72757a, #64686c);
+          border-top-color: #949699;
+          -webkit-box-shadow: none;
+          -moz-box-shadow: none;
+          box-shadow: none;
+          color: #fff;
+        }
+        li.dropdown.context {
+          > a {
+            background-color: #54595d;
+            background-image: -moz-linear-gradient(top, #585d61, #505458);
+            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#585d61), to(#505458));
+            background-image: -webkit-linear-gradient(top, #585d61, #505458);
+            background-image: -o-linear-gradient(top, #585d61, #505458);
+            background-image: linear-gradient(to bottom, #585d61, #505458);
+            border-bottom-color: #65696d;
+            border-right: 1px solid #65696d;
+            border-top-color: #64696d;
+            font-family: OpenSansSemiBold, Arial, Helvetica, sans-serif;
+            z-index: 0;
+            &:hover {
+              background-color: #5e6367;
+              background-image: -moz-linear-gradient(top, #62676b, #5a5e62);
+              background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62676b), to(#5a5e62));
+              background-image: -webkit-linear-gradient(top, #62676b, #5a5e62);
+              background-image: -o-linear-gradient(top, #62676b, #5a5e62);
+              background-image: linear-gradient(to bottom, #62676b, #5a5e62);
+              border-bottom-color: #6e7276;
+              border-right-color: #6e7276;
+              border-top-color: #6c7276;
+            }
+          }
+          &.open > a {
+            background-color: #686e72;
+            background-image: -moz-linear-gradient(top, #6b7175, #65696d);
+            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6b7175), to(#65696d));
+            background-image: -webkit-linear-gradient(top, #6b7175, #65696d);
+            background-image: -o-linear-gradient(top, #6b7175, #65696d);
+            background-image: linear-gradient(to bottom, #6b7175, #65696d);
+            border-bottom-color: #6e7276;
+            border-right-color: #777a7e;
+            border-top-color: #767a7e;
+          }
+        }
+      }
+    }
+    &.utility {
+      font-size: 11px;
+      line-height: 1;
+      .nav {
+        &.nav-tabs {
+          border-bottom: 0;
+          border-left: 1px solid #53565b;
+          border-right: 1px solid #53565b;
+          float: left;
+          margin: 0 10px;
+          > li {
+            //display: none;
+            margin-bottom: 0;
+            &.active {
+              background-color: transparent;
+              //display: block;
+            }
+            > a {
+              border: 0;
+              -moz-border-radius: 0;
+              -webkit-border-radius: 0;
+              border-radius: 0;
+              margin-right: 0;
+              padding: 7px 10px;
+            }
+          }
+        }
+        > .active > a, > .active > a:hover, > .active > a:focus, > .open > a, > .open > a:hover, > .open > a:focus {
+          background: #5b6165;
+          color: #fff;
+        }
+        > li > a {
+          border-left: 1px solid #53565b;
+          color: #fff;
+          padding: 7px 10px;
+          &:hover {
+            background: #4a5053;
+            border-left-color: #636466;
+          }
+        }
+        > li.open > a {
+          border-left-color: #6c6e70;
+        }
+        #tenant_switcher {
+          .label {
+            background-color: transparent;
+            -moz-border-radius: 0;
+            -webkit-border-radius: 0;
+            border-radius: 0;
+            font-weight: 600;
+            padding: 0 4px 0 0;
+          }
+          > .label, > .name {
+            float: left;
+            line-height: 1;
+            padding-bottom: 7px;
+            padding-top: 7px;
+          }
+          > .label {
+            border-left: 1px solid #53565b;
+            font-size: 100%;
+            padding-left: 10px;
+          }
+          > .name {
+            color: #fff;
+            padding-right: 10px;
+          }
+        }
+        &#user_info {
+          margin: 0;
+          padding: 0;
+          > li {
+            float: left;
+            &.dropdown {
+              > .dropdown-toggle {
+                padding-left: 26px;
+                .rcueicon-user {
+                  left: 10px;
+                  position: absolute;
+                  top: 7px;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+    .dropdown .dropdown-menu .nav-header {
+      padding-left: 10px;
+      padding-right: 10px;
+    }
+    .dropdown-menu {
+      border-color: #b6b6b6;
+      -webkit-border-radius: 0 !important;
+      -moz-border-radius: 0 !important;
+      border-radius: 0 !important;
+      border-top-width: 0;
+      -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.15);
+      -moz-box-shadow: 0 3px 7px rgba(0,0,0,.15);
+      box-shadow: 0 3px 7px rgba(0,0,0,.15);
+      font-size: 11px;
+      left: -1px;
+      margin-top: 0;
+      .divider {
+        margin: 4px 1px;
+      }
+      li > a {
+        border-bottom: 1px solid transparent;
+        border-top: 1px solid transparent;
+        color: #333;
+        line-height: 22px;
+        padding: 0 10px;
+      }
+    }
+    .dropdown-menu > .active > a:hover,
+    .dropdown-menu > li > a:hover,
+    .dropdown-submenu:hover > a {
+      background-color: #D4EDFA;
+      border-color: #B3D3E7;
+    }
+    .dropdown-menu > .active > a,
+    .dropdown-menu > .active > a:active,
+    .dropdown-menu > li > a:active,
+    .dropdown-menu > .active > a:focus,
+    .dropdown-menu > li > a:focus,
+    .dropdown-menu > .active > a:hover,
+    .dropdown-submenu:focus > a {
+      background-color: #0099D3;
+      background-image: none;
+      border-color: #0076B7;
+      color: #fff;
+      filter: none;
+    }
+    .dropdown-submenu {
+      &.pull-left > .dropdown-menu {
+        left: auto;
+        right: 100%;
+      }
+      &.active > a:after {
+        border-left-color: #fff;
+      }
+      > a:after {
+        margin-right: -5px;
+      }
+      > .dropdown-menu {
+        border-top-width: 1px;
+        left: 100%;
+      }
+    }
+    .nav { 
+      > li  {
+        > a {
+          color: #dbdada;
+          line-height: 1;
+          padding: 14px 20px;
+          text-shadow: none;
+        }
+        .dropdown-menu {
+          &:after, &:before {
+            display: none;
+          }
+        }
+      }
+      li.dropdown {
+        li + .nav-header {
+          margin-top: 4px;
+        }
+      }
+    }
+    .pull-right > li > .dropdown-menu, .nav > li >.dropdown-menu.pull-right {
+      left: auto;
+      right: 0;
+    }
+  }
+  .navbar-inner {
+    background: #393F45;
+    float: left;
+    width: 100%;
+  }
+  .primary .navbar-inner {
+    background-image: -moz-linear-gradient(top, #474c50, #383f43);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#474c50), to(#383f43));
+    background-image: -webkit-linear-gradient(top, #474c50, #383f43);
+    background-image: -o-linear-gradient(top, #474c50, #383f43);
+    background-image: linear-gradient(to bottom, #474c50, #383f43);
+    background-repeat: repeat-x;
+  }
+  .utility .navbar-inner {
+    border-bottom: 1px solid #53565b; 
+  }
+}
\ No newline at end of file
diff --git a/openstack_dashboard/dashboards/theme/static/dashboard/scss/rcue/_variables.scss b/openstack_dashboard/dashboards/theme/static/dashboard/scss/rcue/_variables.scss
new file mode 100755
index 0000000..a96f78b
--- /dev/null
+++ b/openstack_dashboard/dashboards/theme/static/dashboard/scss/rcue/_variables.scss
@@ -0,0 +1,102 @@
+/* Red Hat Common User Experience (RCUE) */
+/* Bootstrap overrides and RCUE-specific variables */
+/* $img-brand-ie8, $img-brand-lg-ie8, and $img-path-alt should be overwritten in 
+a separate variables file to point to the correct images and path */
+
+$gray-rcue:                                  #4d5258;
+$brand-danger:                               #c90813;
+$brand-primary:                              #1cace9;
+$brand-success:                              #5cb75c;
+$brand-info:                                 #27799c;
+$brand-warning:                              #eb7720;
+$breadcrumb-active-color:                    $gray-rcue;
+$breadcrumb-bg:                              transparent;
+$breadcrumb-color:                           $gray-rcue;
+$font-size-base:                             12px;
+$gray-darker:                                lighten(#000, 13.5%); // #222
+$gray-dark:                                  lighten(#000, 20%);   // #333
+$gray-light:                                 lighten(#000, 60%);   // #999
+$gray-lighter:                               lighten(#000, 93.5%); // #eee
+$link-color:                                 #0099d3;
+
+/* RCUE-specific */
+$btn-danger-bg-img-start:                    #d60915;
+$btn-danger-bg-img-stop:                     #ac0710;
+$btn-default-bg-img-start:                   #fafafa;
+$btn-default-bg-img-stop:                    #ededed;
+$btn-primary-bg-img-start:                   #1CACE8;
+$btn-primary-bg-img-stop:                    #1998CC;
+$btn-xs-font-weight:                         400;
+$dropdown-divider-margin:                    4px 1px;
+$dropdown-link-focus-bg:                     $link-color;
+$dropdown-link-focus-color:                  #fff;
+$gray-light-rcue:                            #aaa;
+$fa-font-path:                               "../../components/font-awesome/fonts";
+$font-path:                                  "../fonts";
+$icon-font-name-fa:                          "FontAwesome";
+$icon-font-name-pf:                          "RCUEIcons-webfont";
+$icon-font-path:                             "../../components/bootstrap/fonts/";
+$icon-prefix:                                rcueicon;
+$img-brand-ie8:                              "brand.png";
+$img-brand-lg-ie8:                           "brand-lg.png";
+$img-path:                                   "../img";
+$img-path-alt:                               $img-path;
+$input-border-disabled:                      #d4d4d4;
+$list-group-focus-border:                    #0076b7;
+$list-group-hover-border:                    #b3d3e7;
+$nav-tabs-color:                             $gray-rcue;
+$navbar-rcue-border-color:                   #cc0000;
+$tooltip-font-size:                          $font-size-base;
+
+/* Bootstrap overrides */
+
+$border-radius-base:                         1px;
+$border-radius-large:                        $border-radius-base;
+$border-radius-small:                        $border-radius-base;
+//$breadcrumb-separator:                       $fa-var-angle-right;
+$btn-danger-bg:                              #ab070f;
+$btn-danger-border:                          #781919;
+$btn-default-color:                          $gray-rcue;
+$btn-default-bg:                             $gray-lighter;
+$btn-default-border:                         #b7b7b7;
+$btn-primary-bg:                             #189AD1;
+$btn-primary-border:                         #267DA1;
+$btn-font-weight:                            600;
+$caret-width-base:                           0;
+$caret-width-large:                          $caret-width-base;
+$dropdown-border:                            #b6b6b6;
+$dropdown-divider-bg:                        #e5e5e5;
+$dropdown-fallback-border:                   $dropdown-border;
+$dropdown-link-hover-color:                  $gray-rcue;
+$dropdown-link-hover-bg:                     #d4edfa;
+$dropdown-link-active-color:                 #fff;
+$dropdown-link-active-bg:                    $link-color;
+$font-family-base:                           "Open Sans", Helvetica, Arial, sans-serif;
+$font-size-large:                            ceil($font-size-base * 1.1818); // ~13px
+$font-size-small:                            ceil($font-size-base * .9090); // ~10px
+$input-border:                               #BABABA;
+$input-bg-disabled:                          #F8F8F8;
+$input-color:                                $gray-dark;
+$input-height-base:                          26px;
+$line-height-base:                           1.81818181; // 20/11
+$link-hover-color:                           #00618a;
+$list-group-border:                          $input-border;
+$list-group-hover-bg:                        #d4edfa;
+$nav-tabs-active-link-hover-color:           $link-color;
+$nav-tabs-border-color:                      #e9e8e8;
+$nav-tabs-link-hover-border-color:           transparent;
+$nav-tabs-justified-link-border-color:       $nav-tabs-border-color;
+$padding-base-vertical:                      2px;
+$padding-base-horizontal:                    6px;
+$padding-large-vertical:                     6px;
+$padding-large-horizontal:                   10px;
+$padding-small-vertical:                     $padding-base-vertical;
+$padding-small-horizontal:                   $padding-base-horizontal;
+$popover-arrow-color:                        #fff;
+$popover-arrow-outer-color:                  #bbb;
+$popover-border-color:                       #bbb;
+$popover-max-width:                          220px;
+$popover-title-bg:                           #f5f5f5;
+$tooltip-arrow-width:                        8px;
+$tooltip-bg:                                 #434343;
+$tooltip-max-width:                          220px;
diff --git a/openstack_dashboard/dashboards/theme/static/dashboard/scss/rhtheme.scss b/openstack_dashboard/dashboards/theme/static/dashboard/scss/rhtheme.scss
new file mode 100755
index 0000000..ce9fe51
--- /dev/null
+++ b/openstack_dashboard/dashboards/theme/static/dashboard/scss/rhtheme.scss
@@ -0,0 +1,50 @@
+@import "rcue/variables"; 
+@import "rcue/icons";
+@import "rcue/fonts";
+@import "rcue/navbar";
+@import "rcue/login";
+
+b, strong {
+  font-weight: 600;
+}
+
+body {
+  font-family: $font-family-base;
+}
+
+h2 {
+  color: inherit;
+  font-size: 26px;
+  font-weight: 300;
+}
+
+#main_content {
+  padding: 0 20px;
+}
+
+#monitoring {
+  font-family: $font-family-base;
+}
+
+.page-header {
+  font-family: $font-family-base;
+  font-weight: 300;
+}
+
+p {
+  font-family: $font-family-base;
+}
+
+.table_title, .table_header {
+  h3 {
+    font-family: $font-family-base;
+  }
+}
+
+.topbar {
+  background: transparent;
+  border-bottom: 0;
+  padding: 0;
+  margin: 20px 0;
+  min-width: 0;
+}
\ No newline at end of file
diff --git a/openstack_dashboard/dashboards/theme/templates/_stylesheets.html b/openstack_dashboard/dashboards/theme/templates/_stylesheets.html
old mode 100644
new mode 100755
index 8f9c16b..4615e6f
--- a/openstack_dashboard/dashboards/theme/templates/_stylesheets.html
+++ b/openstack_dashboard/dashboards/theme/templates/_stylesheets.html
@@ -2,7 +2,7 @@
 
 {% compress css %}
 <link href='{{ STATIC_URL }}dashboard/scss/horizon.scss' type='text/scss' media='screen' rel='stylesheet' />
-<link href='{{ STATIC_URL }}dashboard/less/rhtheme.less' type='text/less' media='screen' rel='stylesheet' />
+<link href='{{ STATIC_URL }}dashboard/scss/rhtheme.scss' type='text/scss' media='screen' rel='stylesheet' />
 <link href='{{ STATIC_URL }}dashboard/css/rickshaw.css' type='text/css' media='screen' rel='stylesheet' />
 <link href='{{ STATIC_URL }}dashboard/scss/horizon_charts.scss' type='text/scss' media='screen' rel='stylesheet' />
 <link href='{{ STATIC_URL }}dashboard/scss/horizon_workflow.scss' type='text/scss' media='screen' rel='stylesheet' />
diff --git a/openstack_dashboard/settings.py b/openstack_dashboard/settings.py
old mode 100644
new mode 100755
