Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

@grappler
Last active December 20, 2015 23:29
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save grappler/6213351 to your computer and use it in GitHub Desktop.
Save grappler/6213351 to your computer and use it in GitHub Desktop.
cyberchimps responsive css without mobile menu
.container {
max-width: 1200px;
width: auto!important;
}
@media(max-width:979px) {
body {
padding-top: 0;
}
}
@media(max-width:767px) {
body {
padding-right: 20px;
padding-left: 20px;
}
.container-fluid {
padding: 0;
}
.dl-horizontal dt {
float: none;
width: auto;
clear: none;
text-align: left;
}
.dl-horizontal dd {
margin-left: 0;
}
.container {
width: auto;
}
.row-fluid {
width: 100%;
}
.row,.thumbnails {
margin-left: 0;
}
.thumbnails>li {
float: none;
margin-left: 0;
}
[class*="span"],.uneditable-input[class*="span"],.row-fluid [class*="span"] {
display: block;
float: none;
width: 100%;
margin-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.span12,.row-fluid .span12 {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="offset"]:first-child {
margin-left: 0;
}
.input-large,.input-xlarge,.input-xxlarge,input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.input-prepend input,.input-append input,.input-prepend input[class*="span"],.input-append input[class*="span"] {
display: inline-block;
width: auto;
}
.controls-row [class*="span"]+[class*="span"] {
margin-left: 0;
}
.modal {
position: fixed;
top: 20px;
right: 20px;
left: 20px;
width: auto;
margin: 0;
}
.modal.fade {
top: -100px;
}
.modal.fade.in {
top: 20px;
}
}
@media(max-width:480px) {
.page-header h1 small {
display: block;
line-height: 20px;
}
input[type="checkbox"],input[type="radio"] {
border: 1px solid #ccc;
}
.form-horizontal .control-label {
float: none;
width: auto;
padding-top: 0;
text-align: left;
}
.form-horizontal .controls {
margin-left: 0;
}
.form-horizontal .control-list {
padding-top: 0;
}
.form-horizontal .form-actions {
padding-right: 10px;
padding-left: 10px;
}
.media .pull-left,.media .pull-right {
display: block;
float: none;
margin-bottom: 10px;
}
.media-object {
margin-right: 0;
margin-left: 0;
}
.modal {
top: 10px;
right: 10px;
left: 10px;
}
.modal-header .close {
padding: 10px;
margin: -10px;
}
.carousel-caption {
position: static;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment