mirror of
https://github.com/mdbootstrap/mdb-ui-kit.git
synced 2024-11-15 14:17:54 +03:00
263 lines
5.1 KiB
CSS
263 lines
5.1 KiB
CSS
|
/* 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;
|
||
|
}
|