1
0
mirror of https://github.com/moparisthebest/SickRage synced 2024-11-17 23:05:11 -05:00

From f2bcc7217c Thu, 19 Feb 2015 01:49:30

-0500
From: markheloking <markheloking@live.nl>
Date: Mon, 8 Dec 2014 15:14:52 +0100
Subject: [PATCH] Fixed bootstrap @grid-float-breakpoint


http://getbootstrap.com/components/
Look in that page for: "Changing the collapsed mobile navbar breakpoint"

Fixed collapse fixed width from 768px to the width of our current
navbar: 1010px
This commit is contained in:
Alexandre Beloin 2015-02-19 01:58:02 -05:00
parent c62fa2b056
commit df2b64a2c3

View File

@ -1111,7 +1111,7 @@ p {
font-weight: 300; font-weight: 300;
line-height: 1.4; line-height: 1.4;
} }
@media (min-width: 768px) { @media (min-width: 1010px) {
.lead { .lead {
font-size: 21px; font-size: 21px;
} }
@ -1257,7 +1257,7 @@ dt {
dd { dd {
margin-left: 0; margin-left: 0;
} }
@media (min-width: 768px) { @media (min-width: 1010px) {
.dl-horizontal dt { .dl-horizontal dt {
float: left; float: left;
width: 160px; width: 160px;
@ -1393,12 +1393,12 @@ pre code {
margin-right: auto; margin-right: auto;
margin-left: auto; margin-left: auto;
} }
@media (min-width: 768px) { @media (min-width: 1010px) {
.container { .container {
width: 750px; width: 750px;
} }
} }
@media (min-width: 992px) { @media (min-width: 1011px) {
.container { .container {
width: 970px; width: 970px;
} }
@ -1580,7 +1580,7 @@ pre code {
.col-xs-offset-0 { .col-xs-offset-0 {
margin-left: 0; margin-left: 0;
} }
@media (min-width: 768px) { @media (min-width: 1010px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left; float: left;
} }
@ -1738,7 +1738,7 @@ pre code {
margin-left: 0; margin-left: 0;
} }
} }
@media (min-width: 992px) { @media (min-width: 1011px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left; float: left;
} }
@ -2662,7 +2662,7 @@ select[multiple].form-group-lg .form-control {
margin-bottom: 10px; margin-bottom: 10px;
color: #737373; color: #737373;
} }
@media (min-width: 768px) { @media (min-width: 1010px) {
.form-inline .form-group { .form-inline .form-group {
display: inline-block; display: inline-block;
margin-bottom: 0; margin-bottom: 0;
@ -2728,7 +2728,7 @@ select[multiple].form-group-lg .form-control {
margin-right: -15px; margin-right: -15px;
margin-left: -15px; margin-left: -15px;
} }
@media (min-width: 768px) { @media (min-width: 1010px) {
.form-horizontal .control-label { .form-horizontal .control-label {
padding-top: 7px; padding-top: 7px;
margin-bottom: 0; margin-bottom: 0;
@ -2738,12 +2738,12 @@ select[multiple].form-group-lg .form-control {
.form-horizontal .has-feedback .form-control-feedback { .form-horizontal .has-feedback .form-control-feedback {
right: 15px; right: 15px;
} }
@media (min-width: 768px) { @media (min-width: 1010px) {
.form-horizontal .form-group-lg .control-label { .form-horizontal .form-group-lg .control-label {
padding-top: 14.3px; padding-top: 14.3px;
} }
} }
@media (min-width: 768px) { @media (min-width: 1010px) {
.form-horizontal .form-group-sm .control-label { .form-horizontal .form-group-sm .control-label {
padding-top: 6px; padding-top: 6px;
} }
@ -3305,7 +3305,7 @@ tbody.collapse.in {
bottom: 100%; bottom: 100%;
margin-bottom: 1px; margin-bottom: 1px;
} }
@media (min-width: 768px) { @media (min-width: 1010px) {
.navbar-right .dropdown-menu { .navbar-right .dropdown-menu {
right: 0; right: 0;
left: auto; left: auto;
@ -3721,7 +3721,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
top: auto; top: auto;
left: auto; left: auto;
} }
@media (min-width: 768px) { @media (min-width: 1010px) {
.nav-tabs.nav-justified > li { .nav-tabs.nav-justified > li {
display: table-cell; display: table-cell;
width: 1%; width: 1%;
@ -3739,7 +3739,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
.nav-tabs.nav-justified > .active > a:focus { .nav-tabs.nav-justified > .active > a:focus {
border: 1px solid #ddd; border: 1px solid #ddd;
} }
@media (min-width: 768px) { @media (min-width: 1010px) {
.nav-tabs.nav-justified > li > a { .nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
@ -3786,7 +3786,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
top: auto; top: auto;
left: auto; left: auto;
} }
@media (min-width: 768px) { @media (min-width: 1010px) {
.nav-justified > li { .nav-justified > li {
display: table-cell; display: table-cell;
width: 1%; width: 1%;
@ -3807,7 +3807,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
.nav-tabs-justified > .active > a:focus { .nav-tabs-justified > .active > a:focus {
border: 1px solid #ddd; border: 1px solid #ddd;
} }
@media (min-width: 768px) { @media (min-width: 1010px) {
.nav-tabs-justified > li > a { .nav-tabs-justified > li > a {
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
@ -3837,12 +3837,12 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
margin-bottom: 20px; margin-bottom: 20px;
border: 1px solid transparent; border: 1px solid transparent;
} }
@media (min-width: 768px) { @media (min-width: 1010px) {
.navbar { .navbar {
border-radius: 4px; border-radius: 4px;
} }
} }
@media (min-width: 768px) { @media (min-width: 1010px) {
.navbar-header { .navbar-header {
float: left; float: left;
} }
@ -3859,7 +3859,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
.navbar-collapse.in { .navbar-collapse.in {
overflow-y: auto; overflow-y: auto;
} }
@media (min-width: 768px) { @media (min-width: 1010px) {
.navbar-collapse { .navbar-collapse {
width: auto; width: auto;
border-top: 0; border-top: 0;
@ -3900,7 +3900,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
margin-right: -15px; margin-right: -15px;
margin-left: -15px; margin-left: -15px;
} }
@media (min-width: 768px) { @media (min-width: 1010px) {
.container > .navbar-header, .container > .navbar-header,
.container-fluid > .navbar-header, .container-fluid > .navbar-header,
.container > .navbar-collapse, .container > .navbar-collapse,
@ -3913,7 +3913,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
z-index: 1000; z-index: 1000;
border-width: 0 0 1px; border-width: 0 0 1px;
} }
@media (min-width: 768px) { @media (min-width: 1010px) {
.navbar-static-top { .navbar-static-top {
border-radius: 0; border-radius: 0;
} }
@ -3925,7 +3925,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
left: 0; left: 0;
z-index: 1030; z-index: 1030;
} }
@media (min-width: 768px) { @media (min-width: 1010px) {
.navbar-fixed-top, .navbar-fixed-top,
.navbar-fixed-bottom { .navbar-fixed-bottom {
border-radius: 0; border-radius: 0;
@ -3954,7 +3954,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
.navbar-brand > img { .navbar-brand > img {
display: block; display: block;
} }
@media (min-width: 768px) { @media (min-width: 1010px) {
.navbar > .container .navbar-brand, .navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand { .navbar > .container-fluid .navbar-brand {
margin-left: -15px; margin-left: -15px;
@ -3984,7 +3984,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
.navbar-toggle .icon-bar + .icon-bar { .navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px; margin-top: 4px;
} }
@media (min-width: 768px) { @media (min-width: 1010px) {
.navbar-toggle { .navbar-toggle {
display: none; display: none;
} }
@ -4020,7 +4020,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
background-image: none; background-image: none;
} }
} }
@media (min-width: 768px) { @media (min-width: 1010px) {
.navbar-nav { .navbar-nav {
float: left; float: left;
margin: 0; margin: 0;
@ -4044,7 +4044,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
} }
@media (min-width: 768px) { @media (min-width: 1010px) {
.navbar-form .form-group { .navbar-form .form-group {
display: inline-block; display: inline-block;
margin-bottom: 0; margin-bottom: 0;
@ -4102,7 +4102,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
margin-bottom: 0; margin-bottom: 0;
} }
} }
@media (min-width: 768px) { @media (min-width: 1010px) {
.navbar-form { .navbar-form {
width: auto; width: auto;
padding-top: 0; padding-top: 0;
@ -4141,14 +4141,14 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
margin-top: 15px; margin-top: 15px;
margin-bottom: 15px; margin-bottom: 15px;
} }
@media (min-width: 768px) { @media (min-width: 1010px) {
.navbar-text { .navbar-text {
float: left; float: left;
margin-right: 15px; margin-right: 15px;
margin-left: 15px; margin-left: 15px;
} }
} }
@media (min-width: 768px) { @media (min-width: 1010px) {
.navbar-left { .navbar-left {
float: left !important; float: left !important;
} }
@ -5569,7 +5569,7 @@ button.close {
height: 50px; height: 50px;
overflow: scroll; overflow: scroll;
} }
@media (min-width: 768px) { @media (min-width: 1010px) {
.modal-dialog { .modal-dialog {
width: 600px; width: 600px;
margin: 30px auto; margin: 30px auto;
@ -5582,7 +5582,7 @@ button.close {
width: 300px; width: 300px;
} }
} }
@media (min-width: 992px) { @media (min-width: 1011px) {
.modal-lg { .modal-lg {
width: 900px; width: 900px;
} }
@ -6008,7 +6008,7 @@ button.close {
.carousel-caption .btn { .carousel-caption .btn {
text-shadow: none; text-shadow: none;
} }
@media screen and (min-width: 768px) { @media screen and (min-width: 1010px) {
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right, .carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev, .carousel-control .icon-prev,
@ -6172,7 +6172,7 @@ button.close {
display: inline-block !important; display: inline-block !important;
} }
} }
@media (min-width: 768px) and (max-width: 991px) { @media (min-width: 1010px) and (max-width: 1012px) {
.visible-sm { .visible-sm {
display: block !important; display: block !important;
} }
@ -6187,22 +6187,22 @@ button.close {
display: table-cell !important; display: table-cell !important;
} }
} }
@media (min-width: 768px) and (max-width: 991px) { @media (min-width: 1010px) and (max-width: 1012px) {
.visible-sm-block { .visible-sm-block {
display: block !important; display: block !important;
} }
} }
@media (min-width: 768px) and (max-width: 991px) { @media (min-width: 1010px) and (max-width: 1012px) {
.visible-sm-inline { .visible-sm-inline {
display: inline !important; display: inline !important;
} }
} }
@media (min-width: 768px) and (max-width: 991px) { @media (min-width: 1010px) and (max-width: 1012px) {
.visible-sm-inline-block { .visible-sm-inline-block {
display: inline-block !important; display: inline-block !important;
} }
} }
@media (min-width: 992px) and (max-width: 1199px) { @media (min-width: 1011px) and (max-width: 1199px) {
.visible-md { .visible-md {
display: block !important; display: block !important;
} }
@ -6217,17 +6217,17 @@ button.close {
display: table-cell !important; display: table-cell !important;
} }
} }
@media (min-width: 992px) and (max-width: 1199px) { @media (min-width: 1011px) and (max-width: 1199px) {
.visible-md-block { .visible-md-block {
display: block !important; display: block !important;
} }
} }
@media (min-width: 992px) and (max-width: 1199px) { @media (min-width: 1011px) and (max-width: 1199px) {
.visible-md-inline { .visible-md-inline {
display: inline !important; display: inline !important;
} }
} }
@media (min-width: 992px) and (max-width: 1199px) { @media (min-width: 1011px) and (max-width: 1199px) {
.visible-md-inline-block { .visible-md-inline-block {
display: inline-block !important; display: inline-block !important;
} }
@ -6267,12 +6267,12 @@ button.close {
display: none !important; display: none !important;
} }
} }
@media (min-width: 768px) and (max-width: 991px) { @media (min-width: 1010px) and (max-width: 1012px) {
.hidden-sm { .hidden-sm {
display: none !important; display: none !important;
} }
} }
@media (min-width: 992px) and (max-width: 1199px) { @media (min-width: 1011px) and (max-width: 1199px) {
.hidden-md { .hidden-md {
display: none !important; display: none !important;
} }