Permalink
Browse files

added support for multiple lines in navbar title, extra padding on LH…

…S of Android navbar
  • Loading branch information...
1 parent bb3d514 commit f1b7e93fbecdfab1b8a138bca3c92eeb3fc54a6c @jackherbert jackherbert committed Aug 5, 2015
@@ -94,8 +94,7 @@
.btn i {
margin-right: 5px; }
-.btn.icon-only i,
-.btn.icononly i {
+.btn.icon-only i, .btn.icononly i {
margin-right: 0; }
/* LISTS */
@@ -127,7 +126,11 @@
a.list-group-item {
cursor: pointer; }
- a.list-group-item:hover, a.list-group-item:active, a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
+ a.list-group-item:hover,
+ a.list-group-item:active,
+ a.list-group-item.active,
+ a.list-group-item.active:hover,
+ a.list-group-item.active:focus {
margin-left: 0;
padding-left: 15px; }
@@ -233,12 +236,15 @@ a.list-group-item.bootcards-list-subheading {
@media (min-width: 768px) {
.bootcards-list .form-group {
margin-bottom: 0; } }
+
.bootcards-list form input,
.bootcards-list .search-form input {
padding-left: 32px; }
+
.bootcards-list form .btn,
.bootcards-list .search-form .btn {
color: white; }
+
.bootcards-list form i.fa-search,
.bootcards-list .search-form i.fa-search {
position: absolute;
@@ -467,6 +473,7 @@ a.list-group-item.bootcards-list-subheading {
src: url("../fonts/icomoon.eot?#iefix-n2q9vw") format("embedded-opentype"), url("../fonts/icomoon.woff?-n2q9vw") format("woff"), url("../fonts/icomoon.ttf?-n2q9vw") format("truetype"), url("../fonts/icomoon.svg?-n2q9vw#icomoon") format("svg");
font-weight: normal;
font-style: normal; }
+
[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon';
speak: none;
@@ -531,6 +538,7 @@ a.list-group-item.bootcards-list-subheading {
@media (max-width: 400px) {
.bootcards-summary-item {
padding: 15px 5px; } }
+
.bootcards-summary-item:hover {
text-decoration: none;
background: #eee; }
@@ -563,14 +571,16 @@ a.list-group-item.bootcards-list-subheading {
@media (max-width: 767px) {
.modal-dialog.modal-sm {
margin: 15px; } }
+
@media (min-width: 768px) {
.modal-dialog.modal-sm {
width: 400px; } }
+
html,
-body {
+#bootcards {
height: 100%; }
-body {
+#bootcards {
padding-top: 50px;
overflow-x: hidden; }
@@ -581,7 +591,7 @@ body {
padding: 0;
margin: 0; }
-small {
+#bootcards small {
font-size: 70%; }
/* NAVBAR */
@@ -620,15 +630,16 @@ body.bootcards-nofooter > .container > .row {
@media (min-width: 768px) {
.container .bootcards-list {
border-right: 1px solid rgba(0, 0, 0, 0.2); } }
+
.container .bootcards-cards {
padding-top: 15px; }
@media (min-width: 768px) {
.bootcards-cards > div[class*='col-']:not(:first-child) {
padding-left: 8px; }
-
.bootcards-cards > div[class*='col-']:not(:last-child) {
padding-right: 8px; } }
+
/* MENU */
.navmenu {
padding: 0;
@@ -747,18 +758,19 @@ a.list-group-item.bootcards-list-subheading:hover {
@media (min-width: 768px) {
.navbar-fixed-bottom .btn-group .btn {
width: 16.66666%; } }
+
/*
* change z-index of a backdrop in the bootcards container so the
* header and footer stay on top
*/
.bootcards-container > .modal-backdrop {
z-index: 9; }
-body {
+#bootcards {
background-color: #eee;
font-family: "Roboto",sans-serif; }
-h1, h2, h3, h4, h5, h6 {
+#bootcards h1, #bootcards h2, #bootcards h3, #bootcards h4, #bootcards h5, #bootcards h6 {
font-weight: normal;
font-family: "Roboto",sans-serif; }
@@ -850,11 +862,10 @@ a,
white-space: nowrap;
color: #000;
margin: 0;
- padding-left: 0; }
- @media (min-width: 768px) {
- .navbar-fixed-top .navbar-brand,
- .navbar-fixed-top .navbar-brand:hover {
- padding-left: 15px; } }
+ padding-left: 15px; }
+ .navbar-fixed-top .navbar-brand.navbar-brand-multiline,
+ .navbar-fixed-top .navbar-brand:hover.navbar-brand-multiline {
+ margin-top: -11px !important; }
.navbar-fixed-top .navbar-header {
float: none; }
.navbar-fixed-top .navbar-nav {
@@ -944,12 +955,11 @@ a,
@media (max-width: 767px) {
.modal-dialog {
min-height: 100%; }
-
.modal-dialog {
margin: 0; }
-
.modal-content {
height: 100%; } }
+
.modal-content {
box-shadow: none;
border-radius: 0;
@@ -1075,12 +1085,11 @@ a.list-group-item:hover {
@media (min-width: 768px) {
.bootcards-list form input, .bootcards-list .search-form input {
height: 41px; }
-
.bootcards-list form i.fa-search, .bootcards-list .search-form i.fa-search {
top: 14px; }
-
.bootcards-list form .btn, .bootcards-list .search-form .btn {
line-height: 27px; } }
+
/* FORMS */
.panel-content form {
padding: 15px; }
@@ -1138,7 +1147,9 @@ form .btn label {
-webkit-box-shadow: none;
-webkit-border-radius: 0;
background: #424542; }
- .bootcards-radio-buttons .btn:hover, .bootcards-radio-buttons .btn:active, .bootcards-radio-buttons .btn.active {
+ .bootcards-radio-buttons .btn:hover,
+ .bootcards-radio-buttons .btn:active,
+ .bootcards-radio-buttons .btn.active {
background: #0082ad; }
/* Toggle – based on Ratchet.css */
@@ -1232,6 +1243,7 @@ form .btn label {
@media (min-width: 768px) {
.navbar-fixed-bottom .btn-group .btn {
width: 20%; } }
+
.navbar-fixed-bottom .btn-group .btn {
float: none;
font-size: 13px;
@@ -1274,4 +1286,4 @@ form .btn label {
.bootcards-calendar .fc-header .fc-button {
color: #33b5e5; }
-/*# sourceMappingURL=bootcards-android.css.map */
+/*# sourceMappingURL=bootcards-android.css.map */
Oops, something went wrong.
Oops, something went wrong.
@@ -94,8 +94,7 @@
.btn i {
margin-right: 5px; }
-.btn.icon-only i,
-.btn.icononly i {
+.btn.icon-only i, .btn.icononly i {
margin-right: 0; }
/* LISTS */
@@ -127,7 +126,11 @@
a.list-group-item {
cursor: pointer; }
- a.list-group-item:hover, a.list-group-item:active, a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
+ a.list-group-item:hover,
+ a.list-group-item:active,
+ a.list-group-item.active,
+ a.list-group-item.active:hover,
+ a.list-group-item.active:focus {
margin-left: 0;
padding-left: 15px; }
@@ -233,12 +236,15 @@ a.list-group-item.bootcards-list-subheading {
@media (min-width: 768px) {
.bootcards-list .form-group {
margin-bottom: 0; } }
+
.bootcards-list form input,
.bootcards-list .search-form input {
padding-left: 32px; }
+
.bootcards-list form .btn,
.bootcards-list .search-form .btn {
color: white; }
+
.bootcards-list form i.fa-search,
.bootcards-list .search-form i.fa-search {
position: absolute;
@@ -467,6 +473,7 @@ a.list-group-item.bootcards-list-subheading {
src: url("../fonts/icomoon.eot?#iefix-n2q9vw") format("embedded-opentype"), url("../fonts/icomoon.woff?-n2q9vw") format("woff"), url("../fonts/icomoon.ttf?-n2q9vw") format("truetype"), url("../fonts/icomoon.svg?-n2q9vw#icomoon") format("svg");
font-weight: normal;
font-style: normal; }
+
[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon';
speak: none;
@@ -531,6 +538,7 @@ a.list-group-item.bootcards-list-subheading {
@media (max-width: 400px) {
.bootcards-summary-item {
padding: 15px 5px; } }
+
.bootcards-summary-item:hover {
text-decoration: none;
background: #eee; }
@@ -563,19 +571,25 @@ a.list-group-item.bootcards-list-subheading {
@media (max-width: 767px) {
.modal-dialog.modal-sm {
margin: 15px; } }
+
@media (min-width: 768px) {
.modal-dialog.modal-sm {
width: 400px; } }
-body {
+
+#bootcards {
padding-top: 80px;
background: #f5f5f5; }
/* NAVBAR */
.navbar .navbar-brand {
font-weight: bold;
color: #333; }
+ .navbar .navbar-brand.navbar-brand-multiline {
+ margin-top: -12px; }
+
.navbar .btn i {
vertical-align: 0; }
+
.navbar .btn-back,
.navbar .btn-menu,
.navbar button[data-toggle="offcanvas"] {
@@ -597,6 +611,7 @@ body {
body.has-bootcards-navbar-double .bootcards-nav-secondary,
body.has-bootcards-navbar-double .bootcards-nav-secondary .dropdown-menu {
font-size: 12px; } }
+
/* LISTS */
.list-group label {
font-weight: normal; }
@@ -653,4 +668,4 @@ a.list-group-item.active:before {
.bootcards-documentation-list > .panel {
width: 263px; } }
-/*# sourceMappingURL=bootcards-desktop.css.map */
+/*# sourceMappingURL=bootcards-desktop.css.map */
Oops, something went wrong.
Oops, something went wrong.

0 comments on commit f1b7e93

Please sign in to comment.