Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <div class="header ng-scope" ng-if="showHeader">
  <div class="navbar navbar-default" role="navigation">
    <div class="container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" ng-click="toggleDropDown()">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="#/main">
          <img ng-src="http://dev.hs.com/Build/images/sager_logo.png" src="http://dev.hs.com/Build/images/sager_logo.png">
        </a>
      </div>
      <div class="navbar-info-right">
        <span class="department">Warranty Department</span>
        <br>
        <span class="ng-binding">(866) FIX-HOME</span>
        <br>
        <span class="ng-binding">Warranites@SagarHomes.com</span>
      </div>
      <div class="navbar-collapse collapse" collapse="navbarCollapsed" aria-expanded="false" aria-hidden="true" style="height: 0px;">
        <ul class="nav navbar-nav">
          <!-- ngRepeat: tab in navbartabs -->
          <li ui-sref-active="active" ng-repeat="tab in navbartabs" class="ng-scope">
            <a ui-sref="main" class="ng-binding" href="#/main">HOME</a>
          </li>
          <!-- end ngRepeat: tab in navbartabs -->
          <li ui-sref-active="active" ng-repeat="tab in navbartabs" class="ng-scope">
            <a ui-sref="home-warranty.submit-new" class="ng-binding" href="#/home-warranty/submit-new">SUBMIT NEW</a> </li>
          <!-- end ngRepeat: tab in navbartabs -->
          <li ui-sref-active="active" ng-repeat="tab in navbartabs" class="ng-scope active">
            <a ui-sref="home-warranty.outstanding" class="ng-binding" href="#/home-warranty/outstanding">VIEW OUTSTANDING</a>
          </li>
          <!-- end ngRepeat: tab in navbartabs -->
          <li ui-sref-active="active" ng-repeat="tab in navbartabs" class="ng-scope">
            <a ui-sref="home-warranty.completed" class="ng-binding" href="#/home-warranty/completed">VIEW COMPLETED</a>
          </li>
          <!-- end ngRepeat: tab in navbartabs -->
          <li ui-sref-active="active" ng-repeat="tab in navbartabs" class="ng-scope">
            <a ui-sref="profile" class="ng-binding" href="#/profile">MY PROFILE</a>
          </li>
          <!-- end ngRepeat: tab in navbartabs -->
        </ul>
      </div>
    </div>
  </div>
  <div class="subnavbar" ng-show="navbarCollapsed">
    <div class="container">
      <!-- ngIf: showFilter -->
      <div class="owner-text ng-binding">
        <span class="ng-binding">Kevin Wright</span>
        <img align="center" src="http://dev.hs.com/homeownerportal/images/image1.png" width="30" height="30" /> 16479 N. Dallas Parkway, Addison, TX 75001
      </div>
    </div>
  </div>
</div>
              
            
!

CSS

              
                /*!
 * Bootstrap v3.3.5 (https://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/* line 9, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_normalize.scss */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

/* line 19, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_normalize.scss */
body {
  margin: 0;
}

/* line 77, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_normalize.scss */
[hidden],
template {
  display: none;
}

/* line 89, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_normalize.scss */
a {
  background-color: transparent;
}

/* line 98, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_normalize.scss */
a:active,
a:hover {
  outline: 0;
}

/* line 185, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_normalize.scss */
img {
  border: 0;
}

/* line 252, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_normalize.scss */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

/* line 266, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_normalize.scss */
button {
  overflow: visible;
}

/* line 277, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_normalize.scss */
button,
select {
  text-transform: none;
}

/* line 290, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

/* line 311, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  /* line 9, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_print.scss */
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  /* line 18, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_print.scss */
  a,
  a:visited {
    text-decoration: underline;
  }

  /* line 23, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_print.scss */
  a[href]:after {
    content: " (" attr(href) ")";
  }

  /* line 33, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_print.scss */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }

  /* line 48, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_print.scss */
  tr,
  img {
    page-break-inside: avoid;
  }

  /* line 53, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_print.scss */
  img {
    max-width: 100% !important;
  }

  /* line 72, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_print.scss */
  .navbar {
    display: none;
  }

}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("../../../../artifacts/bower_components/bootstrap-sass-official/assets/fonts/bootstrap/glyphicons-halflings-regular.eot");
  src: url("../../../../artifacts/bower_components/bootstrap-sass-official/assets/fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../../../../artifacts/bower_components/bootstrap-sass-official/assets/fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("../../../../artifacts/bower_components/bootstrap-sass-official/assets/fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../../../../artifacts/bower_components/bootstrap-sass-official/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../../../../artifacts/bower_components/bootstrap-sass-official/assets/fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}

/* line 11, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_scaffolding.scss */
* {
  box-sizing: border-box;
}

/* line 14, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_scaffolding.scss */
*:before,
*:after {
  box-sizing: border-box;
}

/* line 22, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_scaffolding.scss */
html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent;
}

/* line 27, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_scaffolding.scss */
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  background-color: #fff;
}

/* line 36, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_scaffolding.scss */
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

/* line 48, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_scaffolding.scss */
a {
  color: #337ab7;
  text-decoration: none;
}
/* line 52, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_scaffolding.scss */
a:hover, a:focus {
  color: #23527c;
  text-decoration: underline;
}
/* line 58, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_scaffolding.scss */
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/* line 76, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_scaffolding.scss */
img {
  vertical-align: middle;
}

/* line 125, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_scaffolding.scss */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* line 159, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_scaffolding.scss */
[role="button"] {
  cursor: pointer;
}

/* line 149, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_type.scss */
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}

/* line 10, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_grid.scss */
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
/* line 14, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.container:before, .container:after {
  content: " ";
  display: table;
}
/* line 19, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.container:after {
  clear: both;
}
@media (min-width: 768px) {
  /* line 10, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_grid.scss */
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  /* line 10, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_grid.scss */
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  /* line 10, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_grid.scss */
  .container {
    width: 1170px;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

  /* line 191, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_forms.scss */
  input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control,
  .input-group-sm > input[type="date"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="date"].btn, .input-group-sm input[type="date"],
  input[type="time"].input-sm,
  .input-group-sm > input[type="time"].form-control,
  .input-group-sm > input[type="time"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="time"].btn, .input-group-sm
  input[type="time"],
  input[type="datetime-local"].input-sm,
  .input-group-sm > input[type="datetime-local"].form-control,
  .input-group-sm > input[type="datetime-local"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="datetime-local"].btn, .input-group-sm
  input[type="datetime-local"],
  input[type="month"].input-sm,
  .input-group-sm > input[type="month"].form-control,
  .input-group-sm > input[type="month"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="month"].btn, .input-group-sm
  input[type="month"] {
    line-height: 30px;
  }
  /* line 196, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_forms.scss */
  input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control,
  .input-group-lg > input[type="date"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="date"].btn, .input-group-lg input[type="date"],
  input[type="time"].input-lg,
  .input-group-lg > input[type="time"].form-control,
  .input-group-lg > input[type="time"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="time"].btn, .input-group-lg
  input[type="time"],
  input[type="datetime-local"].input-lg,
  .input-group-lg > input[type="datetime-local"].form-control,
  .input-group-lg > input[type="datetime-local"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="datetime-local"].btn, .input-group-lg
  input[type="datetime-local"],
  input[type="month"].input-lg,
  .input-group-lg > input[type="month"].form-control,
  .input-group-lg > input[type="month"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="month"].btn, .input-group-lg
  input[type="month"] {
    line-height: 46px;
  }
}

/* line 270, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_forms.scss */
input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled, fieldset[disabled]
input[type="checkbox"] {
  cursor: not-allowed;
}

/* line 279, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_forms.scss */
.radio-inline.disabled, fieldset[disabled] .radio-inline,
.checkbox-inline.disabled, fieldset[disabled]
.checkbox-inline {
  cursor: not-allowed;
}

/* line 289, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_forms.scss */
.radio.disabled label, fieldset[disabled] .radio label,
.checkbox.disabled label, fieldset[disabled]
.checkbox label {
  cursor: not-allowed;
}

/* line 18, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_component-animations.scss */
.collapse {
  display: none;
}

/* line 237, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_button-groups.scss */
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

/* line 9, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navs.scss */
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
/* line 14, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.nav:before, .nav:after {
  content: " ";
  display: table;
}
/* line 19, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.nav:after {
  clear: both;
}
/* line 15, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navs.scss */
.nav > li {
  position: relative;
  display: block;
}
/* line 19, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navs.scss */
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
/* line 23, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navs.scss */
.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

/* line 11, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navbar.scss */
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
/* line 14, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.navbar:before, .navbar:after {
  content: " ";
  display: table;
}
/* line 19, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.navbar:after {
  clear: both;
}
@media (min-width: 768px) {
  /* line 11, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar {
    border-radius: 4px;
  }
}

/* line 14, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.navbar-header:before, .navbar-header:after {
  content: " ";
  display: table;
}
/* line 19, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.navbar-header:after {
  clear: both;
}
@media (min-width: 768px) {
  /* line 31, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-header {
    float: left;
  }
}

/* line 50, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
/* line 14, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.navbar-collapse:before, .navbar-collapse:after {
  content: " ";
  display: table;
}
/* line 19, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.navbar-collapse:after {
  clear: both;
}

@media (min-width: 768px) {
  /* line 50, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  /* line 68, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }

}

/* line 108, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navbar.scss */
.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  /* line 108, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navbar.scss */
  .container > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-header,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}

/* line 163, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px;
}
/* line 170, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}
/* line 175, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-brand > img {
  display: block;
}
@media (min-width: 768px) {
  /* line 180, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}

/* line 193, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
/* line 206, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-toggle:focus {
  outline: 0;
}
/* line 211, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
/* line 217, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  /* line 193, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-toggle {
    display: none;
  }
}

/* line 232, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-nav {
  margin: 7.5px -15px;
}
/* line 235, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (min-width: 768px) {
  /* line 232, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-nav {
    float: left;
    margin: 0;
  }
  /* line 270, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-nav > li {
    float: left;
  }
  /* line 272, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

/* line 397, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
/* line 401, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-default .navbar-brand {
  color: #777;
}
/* line 403, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}

/* line 415, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-default .navbar-nav > li > a {
  color: #777;
}
/* line 418, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
/* line 425, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}

/* line 442, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
/* line 444, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
/* line 448, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
/* line 453, ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-ms-viewport {
  width: device-width;
}

/* line 8, ../../../src/HomeownerPortal/app/styles/_base.scss */
html {
  height: 100%;
}

/* line 12, ../../../src/HomeownerPortal/app/styles/_base.scss */
body {
  background-color: black;
  font-family: "Droid Sans", Helvetica, sans-serif;
  height: 100%;
}

/* line 27, ../../../src/HomeownerPortal/app/styles/_base.scss */
a:active, a:focus, a:visited {
  border: none;
  outline: none;
}

@font-face {
  font-family: 'Glyphicons Halflings Local';
  src: url("fonts/bootstrap-sass-official/assets/fonts/bootstrap/glyphicons-halflings-regular.eot");
  src: url("fonts/bootstrap-sass-official/assets/fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("fonts/bootstrap-sass-official/assets/fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("fonts/bootstrap-sass-official/assets/fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("fonts/bootstrap-sass-official/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("fonts/bootstrap-sass-official/assets/fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}

/* line 59, ../../../src/HomeownerPortal/app/styles/_base.scss */
.navbar-toggle {
  margin-top: 20px;
}

/* Main marketing message and sign up button */

/* Supporting marketing content */

/* Custom page header */
/* line 2, ../../../src/HomeownerPortal/app/styles/_header.scss */
.header {
  position: fixed;
  z-index: 1000;
  width: 100%;
  /* Make the masthead heading the same height as the navigation */
}

/* line 15, ../../../src/HomeownerPortal/app/styles/_header.scss */
.header .navbar-default .navbar-nav > .active > a, .header .navbar-default .navbar-nav > .active > a:hover, .header .navbar-default .navbar-nav > .active > a:focus {
  color: #3ba4c3;
}
/* line 19, ../../../src/HomeownerPortal/app/styles/_header.scss */
.header .navbar-default .navbar-collapse {
  border-top: 0;
}
/* line 23, ../../../src/HomeownerPortal/app/styles/_header.scss */
.header .navbar-nav {
  margin-top: 0;
}

/* line 1, ../../../src/HomeownerPortal/app/styles/_navbar.scss */
.navbar {
  min-height: 75px;
  margin-bottom: 0;
  border-radius: 0;
}

/* line 7, ../../../src/HomeownerPortal/app/styles/_navbar.scss */
.navbar-info-right {
  font-size: 10px;
  position: absolute;
  top: 18px;
  left: 120px;
}

/* line 14, ../../../src/HomeownerPortal/app/styles/_navbar.scss */
.subnavbar {
  background-color: #ddd;
}
/* line 17, ../../../src/HomeownerPortal/app/styles/_navbar.scss */
.subnavbar .owner-text {
  display: none;
}

&:hover {
        background-color: rgb(219,219,219);

        a {
          color: black;
        }
      }
    }
  }

  */
}

@-webkit-keyframes zoom {
  from {
    -webkit-transform: translate3d(0px, 0px, 0px) scale3d(0, 0, 0);
            transform: translate3d(0px, 0px, 0px) scale3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1);
            transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1);
  }
}

@keyframes zoom {
  from {
    -webkit-transform: translate3d(0px, 0px, 0px) scale3d(0, 0, 0);
            transform: translate3d(0px, 0px, 0px) scale3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1);
            transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1);
  }
}
@-webkit-keyframes slide-down {
  from {
    top: -500px;
  }
  to {
    top: 0;
  }
}
@keyframes slide-down {
  from {
    top: -500px;
  }
  to {
    top: 0;
  }
}
@media screen and (min-width: 768px) {
  /* line 2, ../../../src/HomeownerPortal/app/styles/_responsive.scss */
  .container {
    max-width: 1280px;
  }

  /* line 6, ../../../src/HomeownerPortal/app/styles/_responsive.scss */
  .header {
    position: fixed;
    z-index: 1000;
    width: 100%;
  }

  /* line 17, ../../../src/HomeownerPortal/app/styles/_responsive.scss */
  .header .subnavbar .container .owner-text {
    display: block;
  }

  /* Remove the padding we set earlier */
  /* line 34, ../../../src/HomeownerPortal/app/styles/_responsive.scss */
  .header,
  .marketing,
  .footer {
    padding-left: 0;
    padding-right: 0;
  }

  /* Remove the bottom border on the jumbotron for visual effect */

  /* line 46, ../../../src/HomeownerPortal/app/styles/_responsive.scss */
  .navbar-default {
    background-color: white;
  }

  /* line 50, ../../../src/HomeownerPortal/app/styles/_responsive.scss */
  .header .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: black;
  }

  /* line 54, ../../../src/HomeownerPortal/app/styles/_responsive.scss */
  .navbar-nav > li > a {
    padding: 30px 10px 5px;
  }

  /* line 58, ../../../src/HomeownerPortal/app/styles/_responsive.scss */
  .navbar-nav {
    margin: 0 auto;
    display: table;
    table-layout: fixed;
    float: none;
  }

  /* line 65, ../../../src/HomeownerPortal/app/styles/_responsive.scss */
  .navbar-info-right {
    display: none;
  }

  /* line 69, ../../../src/HomeownerPortal/app/styles/_responsive.scss */
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    border-bottom: 2px solid #3ba4c3;
    background-color: transparent;
    color: black;
  }

  /* line 75, ../../../src/HomeownerPortal/app/styles/_responsive.scss */
  .subnavbar {
    display: block;
    height: 30px;
    background-color: #ddd;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #3ba4c1;
    font-weight: 700;
    z-index: -10;
  }
  /* line 86, ../../../src/HomeownerPortal/app/styles/_responsive.scss */
  .subnavbar .container {
    position: relative;
  }

  /* line 99, ../../../src/HomeownerPortal/app/styles/_responsive.scss */
  .subnavbar span {
    color: #404040;
    font-weight: 700;
  }
  /* line 104, ../../../src/HomeownerPortal/app/styles/_responsive.scss */
  .subnavbar img {
    margin-top: -3px;
  }
}
@media screen and (min-width: 992px) {
  /* line 113, ../../../src/HomeownerPortal/app/styles/_responsive.scss */
  .navbar-info-right {
    display: block;
    float: right;
    padding-top: 7px;
    font-size: 18px;
    line-height: 18px;
    position: relative;
    top: auto;
    left: auto;
  }
  /* line 123, ../../../src/HomeownerPortal/app/styles/_responsive.scss */
  .navbar-info-right span {
    font-size: 14px;
    color: #e28a02;
    font-weight: 700;
  }
  /* line 129, ../../../src/HomeownerPortal/app/styles/_responsive.scss */
  .navbar-info-right span.department {
    color: #3ba4c1;
  }
}
              
            
!

JS

              
                /* CSS CLEANER INSTRUCTIONS
   1. Paste your HTML into the HTML window
   2. Paste your CSS into the CSS window
   5. The web page result now ends with a list of just the CSS used by your HTML!
*/

function cssRecursive(e) {
  var cssList = css(e);
  for (var i = 0; i < e.children.length; ++i) {
    var childElement = e.children[i];
    cssList = union(cssList, cssRecursive(childElement));
  }
  return cssList;
}

function css(a) {
  var sheets = document.styleSheets,
    o = [];
  a.matches = a.matches || a.webkitMatchesSelector || a.mozMatchesSelector || a.msMatchesSelector || a.oMatchesSelector;
  for (var i in sheets) {
    var rules = sheets[i].rules || sheets[i].cssRules;
    for (var r in rules) {
      if (a.matches(rules[r].selectorText)) {
        o.push(rules[r].cssText);
      }
    }
  }
  return o;
}

function union(x, y) {
  return unique(x.concat(y));
};

function unique(x) {
  return x.filter(function(elem, index) {
    return x.indexOf(elem) == index;
  });
};

document.write("<br/><hr/><code style='background-color:white; color:black;'>");
var allCss = cssRecursive(document.body);
for (var i = 0; i < allCss.length; ++i) {
  var cssRule = allCss[i];
  document.write(cssRule + "<br/>");
}
document.write("</code>");
              
            
!
999px

Console