Commit db0e0aae authored by Thomas Park's avatar Thomas Park
Browse files

style badge in navbar, fixes #241

parent eb7d6f9a
@import url("//fonts.googleapis.com/css?family=Lobster|Cabin:400,700");
/*!
* Bootswatch v3.1.1
* Bootswatch v3.1.1+1
* Homepage: http://bootswatch.com
* Copyright 2012-2014 Thomas Park
* Licensed under MIT
......@@ -5783,6 +5783,10 @@ button.close {
.navbar-brand {
font-family: 'Lobster', cursive;
}
.navbar-default .badge {
background-color: #fff;
color: #ad1d28;
}
.btn .caret {
border-top-color: #fff;
}
......
This diff is collapsed.
......@@ -11,6 +11,13 @@
&-brand {
font-family: 'Lobster', cursive;
}
&-default {
.badge {
background-color: #fff;
color: @navbar-default-bg;
}
}
}
// Buttons ====================================================================
......
/*!
* Bootswatch v3.1.1
* Bootswatch v3.1.1+1
* Homepage: http://bootswatch.com
* Copyright 2012-2014 Thomas Park
* Licensed under MIT
......@@ -4333,7 +4333,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
vertical-align: baseline;
white-space: nowrap;
text-align: center;
background-color: #999999;
background-color: #2fa4e7;
border-radius: 10px;
}
.badge:empty {
......@@ -5789,6 +5789,14 @@ button.close {
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
.navbar-default .badge {
background-color: #fff;
color: #2fa4e7;
}
.navbar-inverse .badge {
background-color: #fff;
color: #033c73;
}
.navbar .navbar-nav > li > a,
.navbar-brand {
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
......
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -15,6 +15,22 @@
filter: none;
.box-shadow(0 1px 10px rgba(0, 0, 0, 0.1));
&-default {
.badge {
background-color: #fff;
color: @navbar-default-bg;
}
}
&-inverse {
.badge {
background-color: #fff;
color: @navbar-inverse-bg;
}
}
.navbar-nav > li > a,
&-brand {
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
......
......@@ -728,7 +728,7 @@
@badge-color: #fff;
//** Linked badge text color on hover
@badge-link-hover-color: #fff;
@badge-bg: @gray-light;
@badge-bg: @brand-primary;
//** Badge text color in active nav link
@badge-active-color: @link-color;
......
@import url("//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700");
/*!
* Bootswatch v3.1.1
* Bootswatch v3.1.1+1
* Homepage: http://bootswatch.com
* Copyright 2012-2014 Thomas Park
* Licensed under MIT
......@@ -4334,7 +4334,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
vertical-align: baseline;
white-space: nowrap;
text-align: center;
background-color: #999999;
background-color: #007fff;
border-radius: 10px;
}
.badge:empty {
......@@ -5780,6 +5780,10 @@ button.close {
display: none !important;
}
}
.navbar-inverse .badge {
background-color: #fff;
color: #007fff;
}
.btn {
border: none;
}
......
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -6,6 +6,17 @@
// Navbar =====================================================================
.navbar {
&-inverse {
.badge {
background-color: #fff;
color: @brand-primary;
}
}
}
// Buttons ====================================================================
.btn {
......
......@@ -728,7 +728,7 @@
@badge-color: #fff;
//** Linked badge text color on hover
@badge-link-hover-color: #fff;
@badge-bg: @gray-light;
@badge-bg: @brand-primary;
//** Badge text color in active nav link
@badge-active-color: @link-color;
......
@import url("//fonts.googleapis.com/css?family=Lato:400,700,400italic");
/*!
* Bootswatch v3.1.1
* Bootswatch v3.1.1+1
* Homepage: http://bootswatch.com
* Copyright 2012-2014 Thomas Park
* Licensed under MIT
......@@ -5783,6 +5783,14 @@ button.close {
.navbar {
border-width: 0;
}
.navbar-default .badge {
background-color: #fff;
color: #375a7f;
}
.navbar-inverse .badge {
background-color: #fff;
color: #00bc8c;
}
.navbar-brand {
padding: 18.5px 15px 20.5px;
}
......
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -9,6 +9,22 @@
.navbar {
border-width: 0;
&-default {
.badge {
background-color: #fff;
color: @navbar-default-bg;
}
}
&-inverse {
.badge {
background-color: #fff;
color: @navbar-inverse-bg;
}
}
&-brand {
padding: 18.5px 15px 20.5px;
}
......
@import url("//fonts.googleapis.com/css?family=Lato:400,700,400italic");
/*!
* Bootswatch v3.1.1
* Bootswatch v3.1.1+1
* Homepage: http://bootswatch.com
* Copyright 2012-2014 Thomas Park
* Licensed under MIT
......@@ -4334,7 +4334,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
vertical-align: baseline;
white-space: nowrap;
text-align: center;
background-color: #95a5a6;
background-color: #2c3e50;
border-radius: 10px;
}
.badge:empty {
......@@ -4356,7 +4356,7 @@ a.badge:focus {
}
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
color: #18bc9c;
color: #2c3e50;
background-color: #ffffff;
}
.nav-pills > li > a > .badge {
......@@ -5783,6 +5783,14 @@ button.close {
.navbar {
border-width: 0;
}
.navbar-default .badge {
background-color: #fff;
color: #2c3e50;
}
.navbar-inverse .badge {
background-color: #fff;
color: #18bc9c;
}
.navbar-brand {
padding: 18.5px 15px 20.5px;
}
......
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -9,6 +9,22 @@
.navbar {
border-width: 0;
&-default {
.badge {
background-color: #fff;
color: @navbar-default-bg;
}
}
&-inverse {
.badge {
background-color: #fff;
color: @navbar-inverse-bg;
}
}
&-brand {
padding: 18.5px 15px 20.5px;
}
......
......@@ -728,10 +728,10 @@
@badge-color: #fff;
//** Linked badge text color on hover
@badge-link-hover-color: #fff;
@badge-bg: @gray;
@badge-bg: @brand-primary;
//** Badge text color in active nav link
@badge-active-color: @link-color;
@badge-active-color: @brand-primary;
//** Badge background color in active nav link
@badge-active-bg: #fff;
......
@import url("//fonts.googleapis.com/css?family=News+Cycle:400,700");
/*!
* Bootswatch v3.1.1
* Bootswatch v3.1.1+1
* Homepage: http://bootswatch.com
* Copyright 2012-2014 Thomas Park
* Licensed under MIT
......@@ -4334,7 +4334,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
vertical-align: baseline;
white-space: nowrap;
text-align: center;
background-color: #999999;
background-color: #eb6864;
border-radius: 10px;
}
.badge:empty {
......@@ -5785,6 +5785,14 @@ button.close {
font-family: "News Cycle", "Arial Narrow Bold", sans-serif;
font-weight: 700;
}
.navbar-default .badge {
background-color: #000;
color: #fff;
}
.navbar-inverse .badge {
background-color: #fff;
color: #eb6864;
}
.navbar-brand {
font-size: 18px;
font-weight: 700;
......@@ -5814,6 +5822,11 @@ button.close {
.has-success .form-control:focus {
border-color: #22b24c;
}
.badge {
padding-bottom: 4px;
vertical-align: 3px;
font-size: 10px;
}
.jumbotron h1,
.jumbotron h2,
.jumbotron h3,
......
This diff is collapsed.
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment