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