summaryrefslogtreecommitdiff
path: root/darkly/bootswatch.less
diff options
context:
space:
mode:
Diffstat (limited to 'darkly/bootswatch.less')
-rw-r--r--darkly/bootswatch.less230
1 files changed, 230 insertions, 0 deletions
diff --git a/darkly/bootswatch.less b/darkly/bootswatch.less
new file mode 100644
index 00000000..3f3a8c34
--- /dev/null
+++ b/darkly/bootswatch.less
@@ -0,0 +1,230 @@
+// Darkly 3.1.1
+// Bootswatch
+// -----------------------------------------------------
+
+@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600);
+
+// Navbar =====================================================================
+.navbar-form {
+ .form-control {
+ background-color: white;
+ &:focus {
+ border-color: white;
+ }
+ }
+}
+
+// Buttons ====================================================================
+
+.btn:active {
+ .box-shadow(none);
+}
+
+.btn-group.open .dropdown-toggle {
+ .box-shadow(none);
+}
+
+// Typography =================================================================
+
+.text-primary,
+.text-primary:hover {
+ color: lighten(@brand-primary, 10%);
+}
+
+.text-success,
+.text-success:hover {
+ color: @brand-success;
+}
+
+.text-danger,
+.text-danger:hover {
+ color: @brand-danger;
+}
+
+.text-warning,
+.text-warning:hover {
+ color: @brand-warning;
+}
+
+.text-info,
+.text-info:hover {
+ color: @brand-info;
+}
+
+// Tables =====================================================================
+
+table,
+.table {
+
+ a {
+ text-decoration: underline;
+ }
+
+ .success,
+ .warning,
+ .danger,
+ .info {
+ color: #fff;
+
+ a {
+ color: #fff;
+ }
+ }
+
+ > thead > tr > th,
+ > tbody > tr > th,
+ > tfoot > tr > th,
+ > thead > tr > td,
+ > tbody > tr > td,
+ > tfoot > tr > td {
+ border: none;
+ }
+
+ &-bordered > thead > tr > th,
+ &-bordered > tbody > tr > th,
+ &-bordered > tfoot > tr > th,
+ &-bordered > thead > tr > td,
+ &-bordered > tbody > tr > td,
+ &-bordered > tfoot > tr > td {
+ border: 1px solid @table-border-color;
+ }
+}
+
+// Forms ======================================================================
+
+.form-control,
+textarea.form-control,
+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 {
+ border-width: 2px;
+ .box-shadow(none);
+
+ &:focus {
+ .box-shadow(none);
+ }
+}
+
+.has-warning {
+ .help-block,
+ .control-label {
+ color: @brand-warning;
+ }
+
+ .form-control,
+ .form-control:focus {
+ border: 2px solid @brand-warning;
+ .box-shadow(none);
+ }
+}
+
+.has-error {
+ .help-block,
+ .control-label {
+ color: @brand-danger;
+ }
+
+ .form-control,
+ .form-control:focus {
+ border: 2px solid @brand-danger;
+ .box-shadow(none);
+ }
+}
+
+.has-success {
+ .help-block,
+ .control-label {
+ color: @brand-success;
+ }
+
+ .form-control,
+ .form-control:focus {
+ border: 2px solid @brand-success;
+ .box-shadow(none);
+ }
+}
+
+.input-group-addon {
+ color: @text-color;
+}
+
+// Navs =======================================================================
+
+.nav {
+ .open > a,
+ .open > a:hover,
+ .open > a:focus {
+ border-color: @nav-tabs-border-color;
+ }
+}
+
+.nav-tabs > li > a,
+.nav-pills > li > a {
+ color: #fff;
+}
+
+.pager {
+ a,
+ a:hover {
+ color: #fff;
+ }
+
+ .disabled {
+ &>a,
+ &>a:hover,
+ &>a:focus,
+ &>span {
+ background-color: @pagination-disabled-bg;
+ }
+ }
+}
+
+// Indicators =================================================================
+
+.alert {
+
+ a,
+ .alert-link {
+ color: #fff;
+ text-decoration: underline;
+ }
+}
+
+// Progress bars ==============================================================
+
+.progress {
+ height: 10px;
+ .box-shadow(none);
+}
+
+// Containers =================================================================
+
+.well {
+ .box-shadow(none);
+}
+
+.popover,
+.modal {
+ color: @gray-dark;
+}
+
+.breadcrumb a {
+ color: #fff;
+}
+
+.panel-default > .panel-heading {
+ background-color: @panel-footer-bg;
+}
+