Current section
Files
Jump to
Current section
Files
priv/lib-src/zotonic-admin/less/bootstrap-overrides.less
// For reference, all Bootstrap classes:
// https://gist.github.com/geksilla/6543145
.text-muted {
color: @textColorMuted;
}
.nav {
.dropdown-menu > li > a.has-icon,
.dropdown-toggle.has-icon {
@_icon_size: 14px;
@_item_padding: 15px;
@_icon_spacing: 5px;
position: relative;
padding-left: @_item_padding + @_icon_size + @_icon_spacing;
.z-icon {
position: absolute;
left: @_item_padding;
top: 50%;
height: @_icon_size;
width: @_icon_size;
margin-top: -@_icon_size/2;
}
}
&.nav-pills {
&:extend(.minimalTabs all);
border-style: none none solid none;
border-width: 1px;
}
}
.dropdown-menu {
&.admin-dropdown-menu-has-icons {
> li > a {
padding-left: 40px;
position: relative;
.glyphicon {
@_height: 18px + 2 * 3px; // line-height + padding
@_icon_height: 13px; // icon font size
position: absolute;
left: 10px;
top: 0;
bottom: 0;
line-height: @_height;
}
}
}
> li > a {
text-shadow: @darkOnLightTextShadow;
}
> li.active > a,
> li.active > a:hover,
> li > a:hover {
background-color: @brand-primary;
color: #fff;
text-shadow: @lightOnDarkTextShadow;
}
}
.well {
@_padding: 15px;
@_button_margin: 4px;
background-color: @backgroundColorLightest;
padding: @_padding;
#3L > .box-shadow(none);
&.z-button-row {
padding: @_padding @_padding (@_padding - @_button_margin) @_padding;
background-color: white;
border: 0;
border-radius: @radiusWidget;
> .btn,
> a[href],
.btn + .btn {
margin: 0 @_button_margin @_button_margin 0;
}
}
}
.alert {
padding: 10px;
margin-bottom: @baseMargin;
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
}
}
.modal-header .close {
margin-top: 3px;
opacity: 1;
}
a.close,
button.close {
color: @textColorButton;
}
.radio-inline,
.checkbox-inline,
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
margin-left: 0;
margin-right: 10px;
margin-bottom: 5px;
}
.checkbox label {
color: @textColorButton;
}
.pagination {
> li {
> a {
#3L > .user-select(none);
}
&.disabled {
> a {
pointer-events: none;
}
}
}
}
.control-label {
font-weight: normal;
color: @textColorMedium;
text-shadow: @darkOnLightTextShadow;
}
@media (min-width:768px) {
.form-horizontal .control-label {
margin-bottom: 5px;
}
}
code {
padding: 0;
}