todc-bootstrap-sass 0.0.5

data/lib/assets/stylesheets/todc-bootstrap/_navs.scss

@@ -0,0 +1,147 @@
+//
+// Navs
+// --------------------------------------------------
+
+
+// NAV LIST
+// --------
+
+.nav-list > li > a {
+  padding: 1px 15px;
+  color: $grayDarker;
+  &:hover {
+    background-color: $grayLighter;
+  }
+}
+
+.nav-list > .active > a,
+.nav-list > .active > a:hover {
+  padding-left: 12px;
+  font-weight: bold;
+  color: #dd4b39;
+  text-shadow: none;
+  background-color: transparent;
+  border-left: 3px solid #dd4b39;
+}
+.nav-list > .active > a:hover {
+  background-color: $grayLighter;
+}
+
+// TABS
+// ----
+
+// Actual tabs (as links)
+.nav-tabs > li > a {
+  @include border-radius(2px 2px 0 0);
+  color: #666;
+}
+
+.nav-tabs > .active > a,
+.nav-tabs > .active > a:hover {
+    font-weight: bold;
+    color: #333;
+}
+
+
+// Google TABS
+// ----
+.nav-tabs-google > li {
+  margin: 0 1px 0 0;
+}
+.nav-tabs-google > li > a {
+    padding-top: 2px;
+    padding-bottom: 6px;
+    line-height: $baseLineHeight;
+    color: #777;
+    border: 1px solid transparent;
+    &:hover {
+      color: #222;
+      background-color: $white;
+      border-color: $white $white $white;
+      //border-color: $grayLighter $grayLighter #dd4b39
+    }
+    &:active {
+      color: #dd4b39;
+    }
+}
+.nav-tabs-google li:hover {
+  color: #333;
+  border-bottom: 3px solid #dd4b39;
+}
+.nav-tabs-google li.active {
+  font-weight: bold;
+  border-bottom: 3px solid #dd4b39;
+}
+.nav-tabs-google > .active > a,
+.nav-tabs-google > .active > a:hover {
+    color: #333;
+    border: 1px solid transparent;
+}
+
+
+// PILLS
+// -----
+// Links rendered as pills
+.nav-pills > li > a {
+  @include border-radius($baseBorderRadius);
+}
+
+// Active state
+.nav-pills > .active > a,
+.nav-pills > .active > a:hover,
+.nav-pills > .active > a:focus {
+  background-color: #4d90fe;
+}
+
+
+
+// STACKED NAV
+// -----------
+
+.nav-tabs.nav-stacked > li:first-child > a {
+  @include border-radius(2px 2px 0 0);
+}
+.nav-tabs.nav-stacked > li:last-child > a {
+  @include border-radius(0 0 2px 2px);
+}
+.nav-tabs.nav-stacked > li > a:hover {
+  z-index: 2;
+  border-color: #ddd;
+}
+
+
+
+// DROPDOWNS
+// ---------
+
+.nav-tabs .dropdown-menu {
+  @include border-radius(0); // remove the top rounded corners here since there is a hard edge above the menu
+}
+.nav-tabs .dropdown-toggle .caret {
+  border-top-color: #666;
+  border-bottom-color: #666;
+}
+.nav-tabs .dropdown-toggle:hover .caret {
+  border-top-color: #333;
+  border-bottom-color: #333;
+}
+.nav-pills .dropdown-menu {
+  @include border-radius(0); // make rounded corners match the pills
+}
+
+// BOTTOM
+// ------
+
+.tabs-below > .nav-tabs > li > a {
+  @include border-radius(0 0 2px 2px);
+}
+
+// LEFT & RIGHT
+// ------------
+
+.tabs-left > .nav-tabs > li > a {
+  @include border-radius(2px 0 0 2px);
+}
+.tabs-right > .nav-tabs > li > a {
+  @include border-radius(0 2px 2px 0);
+}

data/lib/assets/stylesheets/todc-bootstrap/_pager.scss

@@ -0,0 +1,53 @@
+//
+// Pager pagination
+// --------------------------------------------------
+
+
+.pager li > a {
+  padding: 4px 12px;
+
+  border: 1px solid #dcdcdc;
+  //.border-radius(2px);
+
+  @include gradient-vertical(#f5f5f5, #f1f1f1);
+  @include reset-filter();
+  background-color: #f5f5f5;
+
+  color: #333;
+  text-shadow: 0 1px 0 #fff;
+  text-decoration: none;
+  white-space: nowrap;
+  font-weight: bold;
+
+  cursor: default;
+  outline: none;
+  overflow: visible;
+}
+.pager li > a:hover {
+  border-color: #c6c6c6;
+
+  @include gradient-vertical(#f8f8f8, #f1f1f1);
+  @include reset-filter();
+  background-color: #f1f1f1;
+
+  @include box-shadow(0 1px 1px rgba(0,0,0,0.1));
+}
+.pager li > a:active {
+  @include gradient-vertical(#f6f6f6, #f1f1f1);
+  @include reset-filter();
+  background-color: #f1f1f1;
+
+  @include box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.1));
+}
+.pager .disabled a,
+.pager .disabled a:hover {
+  color: darken($white, 30%);
+  border-color: darken($white, 15%);
+
+  @include gradient-vertical(#f5f5f5, #f1f1f1);
+  @include reset-filter();
+  background-color: $btnBackground;
+
+  @include box-shadow(none);
+  text-shadow: none;
+}

data/lib/assets/stylesheets/todc-bootstrap/_pagination.scss

@@ -0,0 +1,58 @@
+//
+// Pagination (multiple pages)
+// --------------------------------------------------
+
+.pagination ul {
+  @include border-radius($baseBorderRadius);
+}
+.pagination ul > li > a,
+.pagination ul > li > span {
+  background-color: $paginationBackground;
+  border: 1px solid $paginationBorder;
+  border-left-width: 0;
+  color: $grayDark;
+}
+.pagination ul > li > a:hover,
+.pagination ul > .active > a,
+.pagination ul > .active > span {
+  background-color: $paginationActiveBackground;
+  border-color: darken($paginationBorder, 8.5%);
+
+  @include box-shadow(0 1px 1px rgba(0,0,0,0.1));
+}
+.pagination ul > li > a:active {
+  @include gradient-vertical(#f6f6f6,#f1f1f1);
+  @include reset-filter();
+  background-color: #f4f4f4;
+  @include box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.1));
+}
+.pagination ul > .active > a,
+.pagination ul > .active > span {
+  color: #4D90FE;
+  @include box-shadow(none);
+}
+.pagination ul > .disabled > span,
+.pagination ul > .disabled > a,
+.pagination ul > .disabled > a:hover {
+  color: darken($white, 30%);
+  border-color: darken($white, 15%);
+  
+  @include gradient-vertical(#f5f5f5,#f1f1f1);
+  @include reset-filter();
+  background-color: $btnBackground;
+  
+  @include box-shadow(none);
+  text-shadow: none;
+}
+.pagination .disabled a [class^="icon-"] {
+  @include opacity(30);
+}
+.pagination ul > li:first-child > a,
+.pagination ul > li:first-child > span {
+  margin-left: 0;
+  @include border-radius(2px 0 0 2px);
+}
+.pagination ul > li:last-child > a,
+.pagination ul > li:last-child > span {
+  @include border-radius(0 2px 2px 0);
+}

data/lib/assets/stylesheets/todc-bootstrap/_popovers.scss

@@ -0,0 +1,12 @@
+//
+// Popovers
+// --------------------------------------------------
+
+
+.popover {
+  @include border-radius(0);
+  
+  .popover-title {
+    @include border-radius(0);
+  }
+}

data/lib/assets/stylesheets/todc-bootstrap/_progress-bars.scss

@@ -0,0 +1,65 @@
+//
+// Progress bars
+// --------------------------------------------------
+
+// Outer container
+.progress {
+  border: 1px solid #999;
+  padding: 1px;
+  height: 10px;
+  background-color: transparent;
+  background-image: none;
+  @include box-shadow(none);
+  @include border-radius(0px);
+}
+
+.progress .bar {
+  background-color: #6188f5;
+  background-image: none;
+  @include box-shadow(none);
+}
+
+// Striped bars
+.progress-striped .bar {
+  @include gradient-striped(#6188f5);
+  @include background-size(40px 40px);
+}
+
+.progress .bar + .bar {
+  @include box-shadow(none);
+}
+
+// COLORS
+// ------
+
+// Danger (red)
+.progress-danger .bar, .progress .bar-danger {
+  background-color: #c13e2c;
+}
+.progress-danger.progress-striped .bar, .progress-striped .bar-danger {
+  @include gradient-striped(#ee5f5b);
+}
+
+// Success (green)
+.progress-success .bar, .progress .bar-success {
+  background-color: #2f973f;
+}
+.progress-success.progress-striped .bar, .progress-striped .bar-success {
+  @include gradient-striped(#2f973f);
+}
+
+// Info (teal)
+.progress-info .bar, .progress .bar-info {
+  background-color: #53bddc;
+}
+.progress-info.progress-striped .bar, .progress-striped .bar-info {
+  @include gradient-striped(#53bddc);
+}
+
+// Warning (orange)
+.progress-warning .bar, .progress .bar-warning {
+  background-color: lighten($orange, 15%);
+}
+.progress-warning.progress-striped .bar, .progress-striped .bar-warning {
+  @include gradient-striped(lighten($orange, 15%));
+}

data/lib/assets/stylesheets/todc-bootstrap/_responsive-navbar.scss

@@ -0,0 +1,147 @@
+//
+// Responsive: Navbar
+// --------------------------------------------------
+
+
+// TABLETS AND BELOW
+// -----------------
+@media (max-width: $navbarCollapseWidth) {
+
+  // Masthead
+  // -------------------------
+  .navbar-masthead {
+
+    &.navbar-fixed-top .navbar-inner,
+    &.navbar-fixed-bottom .navbar-inner {
+      padding: 0;
+    }
+
+    // TODO: Include all styles that use variables
+    // COLLAPSIBLE NAVBAR
+    // ------------------
+    .nav-collapse {
+      // Active nav items
+      .nav > .active > a {
+        color: $navbarGoogleBarLinkColorActive;
+        background-color: $navbarGoogleBarBackgroundHighlight;
+      }
+
+      .nav .nav-header {
+        color: $navbarGoogleBarText;
+      }
+      // Nav and dropdown links in navbar
+      .nav > li > a,
+      .dropdown-menu a {
+        color: $navbarGoogleBarLinkColor;
+      }
+      .nav > li > a:hover,
+      .dropdown-menu a:hover {
+        background-color: $navbarGoogleBarBackground;
+      }
+      // Forms in navbar
+      .navbar-form,
+      .navbar-search {
+        border-top: 1px solid $navbarGoogleBarBackground;
+        border-bottom: 1px solid $navbarGoogleBarBackground;
+      }
+    }
+
+    &.navbar-inverse {
+      .nav-collapse {
+        // Active nav items
+        .nav > .active > a {
+          color: $navbarGoogleBarInverseLinkColorActive;
+          background-color: $navbarGoogleBarInverseBackground;
+        }
+        // Nav and dropdown links in navbar
+        .nav > li > a,
+        .dropdown-menu a {
+          color: $navbarGoogleBarInverseLinkColor;
+        }
+        .nav > li > a:hover,
+        .dropdown-menu a:hover {
+          background-color: $navbarGoogleBarInverseBackground;
+        }
+        // Forms in navbar
+        .navbar-form,
+        .navbar-search {
+          border-top-color: $navbarGoogleBarInverseBackground;
+          border-bottom-color: $navbarGoogleBarInverseBackground;
+        }
+      }
+    }
+
+  }
+
+
+  // Toolbar
+  // -------------------------
+  .navbar-toolbar {
+
+    &.navbar-fixed-top .navbar-inner,
+    &.navbar-fixed-bottom .navbar-inner {
+      padding: 0;
+    }
+
+    // TODO: Include all styles that use variables
+    // COLLAPSIBLE NAVBAR
+    // ------------------
+    .nav-collapse {
+      // Active nav items
+      .nav > .active > a {
+        &:before {
+          display: none;
+        }
+        &:after {
+          display: none;
+        }
+      }
+      .nav .nav-header {
+        color: $navbarGoogleNavText;
+      }
+      // Nav and dropdown links in navbar
+      .nav > li > a,
+      .dropdown-menu a {
+        color: $navbarGoogleNavLinkColor;
+      }
+      .nav > li > a:hover,
+      .dropdown-menu a:hover {
+        background-color: $navbarGoogleNavBackground;
+      }
+      // Forms in navbar
+      .navbar-form,
+      .navbar-search {
+        border-top: 1px solid $navbarGoogleNavBackground;
+        border-bottom: 1px solid $navbarGoogleNavBackground;
+      }
+    }
+
+    &.navbar-inverse {
+      .nav-collapse {
+        // Active nav items
+        .nav > .active > a,
+        .nav > .active > a:hover {
+          color: $navbarGoogleBarInverseLinkColorActive;
+          background-color: $navbarGoogleBarInverseBackgroundHighlight;
+        }
+        // Nav and dropdown links in navbar
+        .nav > li > a,
+        .dropdown-menu a {
+          color: $navbarGoogleNavInverseLinkColor;
+        }
+        .nav > li > a:hover,
+        .dropdown-menu a:hover {
+          background-color: $navbarGoogleNavInverseBackground;
+        }
+        // Forms in navbar
+        .navbar-form,
+        .navbar-search {
+          border-top-color: $navbarGoogleNavInverseBackground;
+          border-bottom-color: $navbarGoogleNavInverseBackground;
+        }
+      }
+    }
+
+  }
+
+}