mdb-ui-kit/docs/examples/non-responsive/non-responsive.css

263 lines
15 KiB
CSS
Raw Normal View History

2015-11-20 00:58:21 +03:00
/* Template-specific stuff
*
* Customizations just for the template; these are not necessary for anything
* with disabling the responsiveness.
*/
/* Account for fixed navbar */
body {
padding-top: 70px;
padding-bottom: 30px;
}
body,
.navbar-fixed-top,
.navbar-fixed-bottom {
min-width: 970px;
}
/* Don't let the lead text change font-size. */
.lead {
font-size: 16px;
}
/* Finesse the page header spacing */
.page-header {
margin-bottom: 30px;
}
.page-header .lead {
margin-bottom: 10px;
}
/* Non-responsive overrides
*
* Utilize the following CSS to disable the responsive-ness of the container,
* grid system, and navbar.
*/
/* Reset the container */
.container {
width: 970px;
max-width: none !important;
}
/* Demonstrate the grids */
.col-xs-4 {
padding-top: 15px;
padding-bottom: 15px;
background-color: #eee;
background-color: rgba(86,61,124,.15);
border: 1px solid #ddd;
border: 1px solid rgba(86,61,124,.2);
}
.container .navbar-header,
.container .navbar-collapse {
margin-right: 0;
margin-left: 0;
}
/* Always float the navbar header */
.navbar-header {
float: left;
}
/* Undo the collapsing navbar */
.navbar-collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
visibility: visible !important;
}
.navbar-toggle {
display: none;
}
.navbar-collapse {
border-top: 0;
}
.navbar-brand {
margin-left: -15px;
}
/* Always apply the floated nav */
.navbar-nav {
float: left;
margin: 0;
}
.navbar-nav > li {
float: left;
}
.navbar-nav > li > a {
padding: 15px;
}
/* Redeclare since we override the float above */
.navbar-nav.navbar-right {
float: right;
}
/* Undo custom dropdowns */
.navbar .navbar-nav .open .dropdown-menu {
position: absolute;
float: left;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .15);
border-width: 0 1px 1px;
border-radius: 0 0 4px 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #333;
}
.navbar .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar .navbar-nav .open .dropdown-menu > .active > a,
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #fff !important;
background-color: #428bca !important;
}
.navbar .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #999 !important;
background-color: transparent !important;
}
/* Undo form expansion */
.navbar-form {
float: left;
width: auto;
padding-top: 0;
padding-bottom: 0;
margin-right: 0;
margin-left: 0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
/* Copy-pasted from forms.less since we mixin the .form-inline styles. */
.navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.navbar-form .form-control-static {
display: inline-block;
}
.navbar-form .input-group {
display: inline-table;
vertical-align: middle;
}
.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
width: auto;
}
.navbar-form .input-group > .form-control {
width: 100%;
}
.navbar-form .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio,
.navbar-form .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio label,
.navbar-form .checkbox label {
padding-left: 0;
}
.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.navbar-form .has-feedback .form-control-feedback {
top: 0;
}
/* Undo inline form compaction on small screens */
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-static {
display: inline-block;
}
.form-inline .input-group {
display: inline-table;
vertical-align: middle;
}
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
width: auto;
}
.form-inline .input-group > .form-control {
width: 100%;
}
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio label,
.form-inline .checkbox label {
padding-left: 0;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.form-inline .has-feedback .form-control-feedback {
top: 0;
}
/*# sourceMappingURL=data:application/json;base64,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QUNkLGlCQUFpQjtFQUNqQix1QkFBdUI7Q0FDeEI7QUFDRDs7RUFFRSxnQkFBZ0I7Q0FDakI7O0FBRUQ7O0VBRUUsbUJBQW1CO0VBQ25CLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSxPQUFPO0NBQ1IiLCJmaWxlIjoibm9uLXJlc3BvbnNpdmUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyogVGVtcGxhdGUtc3BlY2lmaWMgc3R1ZmZcbiAqXG4gKiBDdXN0b21pemF0aW9ucyBqdXN0IGZvciB0aGUgdGVtcGxhdGU7IHRoZXNlIGFyZSBub3QgbmVjZXNzYXJ5IGZvciBhbnl0aGluZ1xuICogd2l0aCBkaXNhYmxpbmcgdGhlIHJlc3BvbnNpdmVuZXNzLlxuICovXG5cbi8qIEFjY291bnQgZm9yIGZpeGVkIG5hdmJhciAqL1xuYm9keSB7XG4gIHBhZGRpbmctdG9wOiA3MHB4O1xuICBwYWRkaW5nLWJvdHRvbTogMzBweDtcbn1cblxuYm9keSxcbi5uYXZiYXItZml4ZWQtdG9wLFxuLm5hdmJhci1maXhlZC1ib3R0b20ge1xuICBtaW4td2lkdGg6IDk3MHB4O1xufVxuXG4vKiBEb24ndCBsZXQgdGhlIGxlYWQgdGV4dCBjaGFuZ2UgZm9udC1zaXplLiAqL1xuLmxlYWQge1xuICBmb250LXNpemU6IDE2cHg7XG59XG5cbi8qIEZpbmVzc2UgdGhlIHBhZ2UgaGVhZGVyIHNwYWNpbmcgKi9cbi5wYWdlLWhlYWRlciB7XG4gIG1hcmdpbi1ib3R0b206IDMwcHg7XG59XG4ucGFnZS1oZWFkZXIgLmxlYWQge1xuICBtYXJnaW4tYm90dG9tOiAxMHB4O1xufVxuXG5cbi8qIE5vbi1yZXNwb25zaXZlIG92ZXJyaWRlc1xuICpcbiAqIFV0aWxpemUgdGhlIGZvbGxvd2luZyBDU1MgdG8gZGlzYWJsZSB0aGUgcmVzcG9uc2l2ZS1uZXNzIG9mIHRoZSBjb250YWluZXIsXG4gKiBncmlkIHN5c3RlbSwgYW5kIG5hdmJhci5cbiAqL1xuXG4vKiBSZXNldCB0aGUgY29udGFpbmVyICovXG4uY29udGFpbmVyIHtcbiAgd2lkdGg6IDk3MHB4O1xuICBtYXgtd2lkdGg6IG5vbmUgIWltcG9ydGFudDtcbn1cblxuLyogRGVtb25zdHJhdGUgdGhlIGdyaWRzICovXG4uY29sLXhzLTQge1xuICBwYWRkaW5nLXRvcDogMTVweDtcbiAgcGFkZGluZy1ib3R0b206IDE1cHg7XG4gIGJhY2tncm91bmQtY29sb3I6ICNlZWU7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoODYsNjEsMTI0LC4xNSk7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNkZGQ7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHJnYmEoODYsNjEsMTI0LC4yKTtcbn1cblxuLmNvbnRhaW5lciAubmF2YmFyLWhlYWRlcixcbi5jb250YWluZXIgLm5hdmJhci1jb2xsYXBzZSB7X