bootswatch-rails 0.5.0 → 3.1.1

data/vendor/assets/stylesheets/bootswatch/cyborg/_bootswatch.scss

@@ -1,582 +1,162 @@
-// Cyborg 2.3.2
+// Cyborg 3.1.1
 // Bootswatch
 // -----------------------------------------------------
 
+@import url("//fonts.googleapis.com/css?family=Droid+Sans:400,700");
 
-// TYPOGRAPHY
-// -----------------------------------------------------
-
-@import url('//fonts.googleapis.com/css?family=Droid+Sans:400,700');
-
-label, input, button, select, textarea,
-.navbar .search-query:-moz-placeholder,
-.navbar .search-query::-webkit-input-placeholder {
-	font-family: 'Droid Sans', sans-serif;
-	color: $gray;
-}
-
-code, pre {
-	background-color: $grayLighter;
-}
-
-blockquote {
-	border-left: 5px solid $grayDark;
-
-	&.pull-right {
-		border-right: 5px solid $grayDark;
-	}
-}
-
-// SCAFFOLDING
-// -----------------------------------------------------
-
-html {
-	min-height: 100%;
-}
-
-body {
-	min-height: 100%;
-	@include gradient-vertical ($bodyBackground, #252A30);
-}
-
-.page-header {
-	border-bottom: 1px solid $grayDark
-}
-
-hr {
-	border-bottom: none;
-}
-
-// NAVBAR
-// -----------------------------------------------------
+// Navbar =====================================================================
 
 .navbar {
 
-	.navbar-inner {
-		@include border-radius(0);
-		@include box-shadow(none);
-		border-bottom: 1px solid $grayDark;
-	}
-
-	.brand {
-		padding: 15px 20px 15px;
-		color: $grayLighter;
-		font-weight: normal;
-		text-shadow: none;
-	}
-
-	.nav > li > a {
-		padding: 15px 15px 14px;
-		border-bottom: 1px solid transparent;
-	}
-
-	.nav > li > a:hover,
-	.nav > .active > a,
-	.nav > .active > a:hover {
-		border-bottom: 1px solid $blue;
-	}
-
-	.nav > .active > a,
-	.nav > .active > a:hover,
-	.nav > .active > a:focus {
-		@include box-shadow(none);
-	}
-
-	.navbar-text {
-		margin-bottom: 1px;
-		padding: 15px 15px 14px;
-		line-height: inherit;
-	}
-
-	.divider-vertical {
-		margin: 0;
-		border-left: 1px solid $grayDark;
-		border-right-width: 0;
-	}
-
-	.search-query,
-	.search-query:focus,
-	.search-query.focused {
-		@include border-radius(1px);
-		background-color: $grayDark;
-		line-height: normal;
-		color: $grayLight;
-		text-shadow: none;
-		@include placeholder($gray);
-	}
-
-	.navbar-inverse {
-
-	}
-}
-
-@media (max-width: $navbarCollapseWidth) {
-
-	.navbar .nav-collapse {
-
-		.nav li > a {
-			border: none;
-			color: $grayLighter;
-			font-weight: normal;
-			text-shadow: none;
-
-			&:hover {
-				border: none;
-				background-color: $blue;
-			}
-		}
-
-		.nav .active > a {
-			border: none;
-			background-color: $blue;
-		}
-
-		.dropdown-menu a:hover {
-			background-color: $blue;
-		}
-
-		.navbar-form,
-		.navbar-search {
-			border-top: none;
-			border-bottom: none;
-		}
-
-		.nav-header {
-			color: rgba(128, 128, 128, 0.6);
-		}
-	}
-
-	.navbar-inverse .nav-collapse {
-
-		.nav li > a:hover {
-			background-color: #111;
-		}
-
-		.nav .active > a {
-			background-color: #111;
-		}
-
-		.nav li.dropdown.open > .dropdown-toggle,
-		.nav li.dropdown.active > .dropdown-toggle,
-		.nav li.dropdown.open.active > .dropdown-toggle {
-			background-color: #111;
-		}
-	}
-}
-
-div.subnav {
-
-	margin: 0 1px;
-	background-color: $grayDarker;
-	background-image: none;
-	border: none;
-	border-bottom: 1px solid $grayDark;
-
-	.nav > li > a,
-	.nav > li:first-child > a,
-	.nav > li:first-child > a:hover {
-		padding: 11px 12px;
-		border: none;
-		background-color: $grayDarker;
-		color: $grayLight;
-	}
-
-	.nav > li > a:hover,
-	.nav > li.active > a,
-	.nav > li.active > a:hover,
-	.nav > li:first-child > a:hover {
-		padding: 11px 12px;
-		background: transparent;
-		border: none;
-		border-bottom: 1px solid $blue;
-		color: $white;
-	}
-
-	.nav li.nav-header {
-		text-shadow: none;
-	}
-
-
-
-
-	div.subnav-fixed {
-		top: $navbarHeight;
-		margin: 0;
-	}
-}
-
-// NAV
-// -----------------------------------------------------
-
-.nav-tabs {
-
-	border-bottom: 1px solid $grayDark;
-
-	li > a:hover,
-	li.active > a,
-	li.active > a:hover {
-		border-color: transparent;
-		background-color: $blue;
-		color: $white;
-	}
-
-	li.disabled > a {
-		color: $textColor;
-	}
-
-	.open .dropdown-toggle {
-		background-color: #060606;
-		border-color: transparent;
-	}
-}
-
-.nav-pills {
-
-	li > a:hover {
-		background-color: $blue;
-		color: $white;
-	}
-
-	li.disabled > a {
-		color: $textColor;
-	}
-
-	.open .dropdown-toggle {
-		background-color: #060606;
-	}
-
-	.dropdown-menu li > a:hover {
-		border: none;
-	}
-}
-
-.nav-list {
-
-	li > a {
-		text-shadow: none;
-	}
-
-	li > a:hover {
-		background-color: $blue;
-		color: $white;
-	}
-
-	.nav-header {
-		text-shadow: none;
-	}
-
-	.divider {
-		background-color: transparent;
-		border-bottom: 1px solid $grayDark;
-	}
-}
-
-.nav-stacked {
-
-	li > a {
-		border: 1px solid $grayDark !important;
-	}
-
-	li > a:hover,
-	li.active > a {
-		background-color: $blue;
-		color: $white;
-	}
-}
-
-.tabbable  {
-	.nav-tabs,
-	.nav-tabs li.active > a {
-		border-color: $grayDark;
-	}
-}
-
-.breadcrumb {
-	
-	background-color: transparent;
-	background-image: none;
-	border-width: 0;
-	@include box-shadow(none);
-	font-size: 14px;
-
-	li {
-		text-shadow: none;
-	}
-
-	li > a {
-		color: $blue;
-		text-shadow: none;
-	}
-}
-
-.pagination {
-
-	ul {
-		@include box-shadow(none);
-	}
-
-	ul > li > a:hover,
-	ul > .active > a,
-	ul > .active > span {
-		// color: @white;	
-	}
-
-	ul > .disabled > a,
-	ul > .disabled > a:hover,
-	ul > .disabled > span,
-	ul > .disabled > span:hover {
-		background-color: rgba(0, 0, 0, 0.2);
-	}
-}
-
-.pager {
-
-	li > a,
-	li > span {
-		background-color: $bodyBackground;
-		border: none;
-
-		&:hover {
-			background-color: $blue;
-		}
-	}
-
-	.disabled a,
-	.disabled a:hover {
-		background-color: $bodyBackground;
-	}
-
+  border-bottom: 1px solid $gray-dark;
 }
 
-// BUTTONS
-// -----------------------------------------------------
+// Buttons ====================================================================
 
-.btn {
-	@include box-shadow(1px 1px 2px #111);
-	@include buttonBackground(darken($gray, 20%), darken($gray, 30%));
-	color: $white;
-	text-shadow: none;
+// Typography =================================================================
 
-	&:hover {
-		text-shadow: none;
-	  	color: $white;
-	}
+.text-primary,
+.text-primary:hover {
+  color: $brand-primary;
 }
 
-.btn-primary {
-  @include buttonBackground($blueDark, darken($blueDark, 10%));
+.text-success,
+.text-success:hover {
+  color: $brand-success;
 }
 
-.btn-warning {
-  @include buttonBackground(lighten($orange, 10%), $orange);
+.text-danger,
+.text-danger:hover {
+  color: $brand-danger;
 }
 
-.btn-danger {
-  @include buttonBackground(lighten($red, 10%), $red);
+.text-warning,
+.text-warning:hover {
+  color: $brand-warning;
 }
 
-.btn-success {
-  @include buttonBackground(lighten($green, 10%), $green);
+.text-info,
+.text-info:hover {
+  color: $brand-info;
 }
 
-.btn-info {
-  @include buttonBackground(darken($gray, 40%), darken($gray, 50%));
-}
+// Tables =====================================================================
 
-.btn-inverse {
-  @include buttonBackground(lighten($purple, 5%), $purple);
-}
+table,
+.table {
+  color: #fff;
 
-.btn .caret {
-	border-top: 4px solid black;
-	opacity: 0.3;
-}
+  a {
+    color: #fff;
+    text-decoration: underline;
+  }
 
-.btn-group > .dropdown-menu > li > a:hover {
-	border-bottom: 0;
+  .text-muted {
+    color: $text-muted;
+  }
 }
 
-.btn.disabled, .btn[disabled] {
-	background-color: $grayLight;
+.table-responsive > .table {
+  background-color: $table-bg;
 }
 
-// FORMS
-// -----------------------------------------------------
+// Forms ======================================================================
 
-input, textarea, select {
-	border-width: 2px;
-	@include border-radius(1px);
-}
+.has-warning {
+  .help-block,
+  .control-label,
+  .form-control-feedback {
+    color: $brand-warning;
+  }
 
-select, textarea,
-input[type="text"], input[type="password"], input[type="datetime"],
-input[type="datetime-local"], input[type="date"], input[type="month"],
-input[type="time"], input[type="week"], input[type="number"],
-input[type="email"], input[type="url"], input[type="search"],
-input[type="tel"], input[type="color"], .uneditable-input {
-	color: $grayDark;
+  .form-control,
+  .form-control:focus {
+    border-color: $brand-warning;
+  }
 }
 
-input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly], .uneditable-input {
-	border-color: #444;
-}
+.has-error {
+  .help-block,
+  .control-label,
+  .form-control-feedback {
+    color: $brand-danger;
+  }
 
-input:focus,
-textarea:focus,
-input.focused,
-textarea.focused {
-  border-color: rgba(82,168,236,1);
-  outline: 0;
-  outline: thin dotted \9; /* IE6-9 */
+  .form-control,
+  .form-control:focus {
+    border-color: $brand-danger;
+  }
 }
 
-input[type="file"]:focus,
-input[type="radio"]:focus,
-input[type="checkbox"]:focus,
-select:focus {
-  @include box-shadow(none); // override for file inputs
-  @include tab-focus();
-}
+.has-success {
+  .help-block,
+  .control-label,
+  .form-control-feedback {
+    color: $brand-success;
+  }
 
-legend, label {
-	color: $textColor;
-	border-bottom: 0px solid #222;
+  .form-control,
+  .form-control:focus {
+    border-color: $brand-success;
+  }
 }
 
-.form-actions {
-	border-top: 1px solid #222;
-}
-
-// TABLES
-// -----------------------------------------------------
-
-.table {
-
-	@include border-radius(1px);
-
-	tbody tr.success td {
-		background-color: $green;
-		color: $white;
-	}
-
-	tbody tr.error td {
-		background-color: $red;
-		color: $white;
-	}
-
-	tbody tr.info td {
-		background-color: $blue;
-		color: $white;
-	}
+legend {
+  color: #fff;
 }
 
-// DROPDOWNS
-// -----------------------------------------------------
-
-.dropdown-menu {
-	@include box-shadow(0 2px 4px rgba(0, 0, 0, 0.8));
+.input-group-addon {
+  background-color: $btn-default-bg;
 }
 
-// ALERTS, LABELS, BADGES
-// -----------------------------------------------------
+// Navs =======================================================================
 
-.alert,
-.alert .alert-heading,
-.alert-success,
-.alert-success .alert-heading,
-.alert-danger,
-.alert-error,
-.alert-danger .alert-heading,
-.alert-error .alert-heading,
-.alert-info,
-.alert-info .alert-heading {
-  color: $grayLighter;
-  text-shadow: none;
-  border: none;
-}
+.nav-tabs,
+.nav-pills,
+.breadcrumb,
+.pager {
 
-.label {
-	color: $grayLighter;
+  a {
+    color: #fff;
+  }
 }
 
-.label, .alert { background-color: darken($gray, 20%); }
+// Indicators =================================================================
 
-.label:hover { background-color: darken($gray, 30%); }
+.alert {
 
-.label-important,
-.alert-danger,
-.alert-error { background-color: $red; }
+  .alert-link,
+  a {
+    color: $alert-warning-text;
+    text-decoration: underline;
+  }
 
-.label-important:hover { background-color: darken($red, 10%); }
+  .close {
+    color: #fff;
+    text-decoration: none;
+    opacity: 0.4;
 
-.label-warning   { background-color: darken($orange, 10%); }
-
-.label-warning:hover { background-color: darken($orange, 20%); }
-
-.label-success, .alert-success { background-color: darken($green, 3%); }
-
-.label-success:hover { background-color: darken($green, 13%); }
-
-.label-info, .alert-info { background-color: darken($blueDark, 10%); }
-
-.label-info:hover { background-color: darken($blueDark, 20%); }
-
-// MISC
-// -----------------------------------------------------
-
-.well, .hero-unit {
-	@include border-radius(1px);
+    &:hover,
+    &:focus {
+      color: #fff;
+      opacity: 1;
+    }
+  }
 }
 
-.well, .hero-unit {
-	border-top: solid 1px lighten($grayDark, 5%);
-	@include box-shadow(0 2px 4px rgba(0,0,0,.8));
-}
+// Progress bars ==============================================================
 
-.thumbnail {
-	border-color: $grayDark;
-}
+// Containers =================================================================
 
-.progress {
-	background-color: #060606;
-	background-image: none;
-	@include border-radius(0);
+a.thumbnail:hover,
+a.thumbnail:focus,
+a.thumbnail.active {
+  border-color: $thumbnail-border;
 }
 
-.modal {
- 	@include border-radius(1px);
-	border-top: solid 1px lighten($grayDark, 5%);
-	background-color: $grayDark;
-}
+.jumbotron {
 
-.modal-header {
-	border-bottom: 1px solid $grayDark;
-}
-
-.modal-footer {
-	background-color: $grayDark;
-	border-top: 1px solid $grayDark;
-	@include border-radius(0 0 6px 6px);
-	@include box-shadow(none);
-}
-
-.footer {
-	border-top: 1px solid $grayDark;
-}
-
-// MEDIA QUERIES
-// -----------------------------------------------------
-
-@media (max-width: 768px) {
-	div.subnav .nav > li + li > a,
-	div.subnav .nav > li:first-child > a {
-		border-top: 1px solid $grayDark;
-		border-left: 1px solid $grayDark;
-	}
-
-	.subnav .nav > li + li > a:hover,
-	.subnav .nav > li:first-child > a:hover {
-			border-bottom: 0;
-			background-color: $blue;
-	}
-}
+  h1, h2, h3, h4, h5, h6 {
+    color: #fff;
+  }
+}