bootstrap-additions
Version:
BootstrapAdditions - CSS extension kit for Twitter Bootstrap 3.0+
139 lines (138 loc) • 2.51 kB
CSS
/**
* bootstrap-additions
* @version v0.3.1 - 2015-05-20
* @link https://github.com/mgcrea/bootstrap-additions
* @author Olivier Louvignes <olivier@mg-crea.com> (https://github.com/mgcrea)
* @license MIT License, http://www.opensource.org/licenses/MIT
*/
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
max-width: 100%;
height: auto;
}
.btn-group-lg > .btn {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.btn-group-sm > .btn {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-group-xs > .btn {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
content: " ";
display: table;
}
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
clear: both;
}
/*
* Alerts placement
*/
.alert {
outline: none;
}
.alert.top,
.alert.top-left,
.alert.top-right,
.alert.bottom,
.alert.bottom-left,
.alert.bottom-right {
position: fixed;
z-index: 1050;
margin: 20px;
}
.alert.top,
.alert.top-left,
.alert.top-right {
top: 50px;
}
.alert.top {
right: 0px;
left: 0px;
}
.alert.top-right {
right: 0px;
}
.alert.top-right .close {
padding-left: 10px;
}
.alert.top-left {
left: 0px;
}
.alert.top-left .close {
padding-right: 10px;
}
.alert.bottom,
.alert.bottom-right,
.alert.bottom-left {
bottom: 0px;
}
.alert.bottom {
right: 0px;
left: 0px;
}
.alert.bottom-right {
right: 0px;
}
.alert.bottom-right .close {
padding-left: 10px;
}
.alert.bottom-left {
left: 0px;
}
.alert.bottom-left .close {
padding-right: 10px;
}