app/styles/bootstrap-custom.less
/* AES Bootstrap custom overwrite */
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
opacity: 0.65;
filter: alpha(opacity=65);
}
.dropdown-menu button {
display: block;
padding: 4px 15px;
clear: both;
font-weight: 400;
line-height: 18px;
color: #333;
white-space: nowrap;
border: 0;
background-color: transparent;
width: 100%;
text-align: left;
}
.dropdown-menu button:hover {
color: #fff;
background-color: #007fb3;
cursor: default;
}
// Common styles
.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
text-shadow: 0 -1px 0 rgba(0,0,0,.2);
@shadow: 0 1px 0 rgba(255,255,255,1), inset 0 1px 0 rgba(255,255,255,1);
.box-shadow(@shadow);
.border-radius(@radius: 2px);
// Reset the shadow
&:active,
&.active {
.box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
}
}
.btn-primary, .btn-danger {
@shadow: 0 1px 0 rgba(255,255,255,1), inset 0 1px 0 rgba(255,255,255,.3);
.box-shadow(@shadow);
}
// Mixin for generating new styles
.btn-styles(@btn-color: #555) {
#gradient > .vertical(@start-color: @btn-color; @end-color: darken(@btn-color, 6%));
.reset-filter(); // Disable gradients for IE9 because filter bleeds through rounded corners
background-repeat: repeat-x;
border-color: darken(@btn-color, 10%);
&:hover,
&:focus {
background-color: darken(@btn-color, 6%);
background-position: 0 -25px;
}
&:active,
&.active {
background-color: darken(@btn-color, 12%);
border-color: darken(@btn-color, 14%);
}
}
// Common styles
.btn {
font-size: 13px;
padding: 5px 12px;
// Remove the gradient for the pressed/active state
&:active,
&.active {
background-image: none;
}
}
// Apply the mixin to the buttons
.btn-default { .btn-styles(@btn-default-bg); text-shadow: 0 1px 0 #fff; border-color: #cecece; }
.btn-primary { .btn-styles(@btn-primary-bg); }
.btn-success { .btn-styles(@btn-success-bg); }
.btn-info { .btn-styles(@btn-info-bg); }
.btn-warning { .btn-styles(@btn-warning-bg); }
.btn-danger { .btn-styles(@btn-danger-bg); }
// Button size
.btn-sm, .btn-group-sm > .btn {
padding: 4px 10px;
}
.btn-xs, .btn-group-xs > .btn {
padding: 2px 6px;
font-size: 12px;
line-height: 1.5;
border-radius: 2px;
}
// Disabled buttons
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
opacity: 0.45;
filter: alpha(opacity=45);
}
//
// Dropdowns
// --------------------------------------------------
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
#gradient > .vertical(@start-color: @dropdown-link-hover-bg; @end-color: darken(@dropdown-link-hover-bg, 5%));
background-color: darken(@dropdown-link-hover-bg, 5%);
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
#gradient > .vertical(@start-color: @dropdown-link-active-bg; @end-color: darken(@dropdown-link-active-bg, 5%));
background-color: darken(@dropdown-link-active-bg, 5%);
}
//
// Modals
// --------------------------------------------------
.modal-backdrop.in {
opacity: 0.7;
filter: alpha(opacity=70);
}
.thumbnail {
border-radius: 0;
border:none;
}
//
// List group - for tabs
// --------------------------------------------------
a.list-group-item {
border:none;
color:@linkColor;
font-size: @baseFontSize;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
&:hover,
&:focus {
text-decoration: none;
background-color: #fafafa;
color:@linkColor;
}
&.active,
&.active:hover,
&.active:focus {
background:#f8f8f8;
color:@grayDark;
font-weight: 500;
border-top: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
margin-right: -1px;
}
}
.list-group-item:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.list-group-item:last-child {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
//
// Forms
// --------------------------------------------------
input {
&.form-control {
.border-radius(2px);
&+.form-control {
margin-top: 10px;
}
}
}
.checkbox {
label {
line-height: 1.6em;
}
}