// $Id$
|
|
// This file is for additional LESS rules beyond what are in variables.scss.
|
|
|
|
.topbar {
|
|
border-radius: $border-radius;
|
|
border: 1px solid #aaaaaa;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.topbar {
|
|
.nav > li > a {
|
|
border-right: 1px solid #aaaaaa;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.nav > li:first-of-type > a {
|
|
border-left: none;
|
|
}
|
|
}
|
|
|
|
.topbar,
|
|
.navbar-dark .navbar-nav .nav-link,
|
|
.navbar-dark .navbar-nav .nav-link:hover,
|
|
.navbar-dark .navbar-nav .nav-link:focus,
|
|
//.navbar-dark .navbar-form,
|
|
.card-header,
|
|
.navbar-dark .navbar-collapse,
|
|
//.navbar-dark .navbar-brand,
|
|
.tiki .bg-dark {
|
|
background-image: -webkit-linear-gradient(top, #e3e3e3 0%, #cccccc 100%);
|
|
background-image: -o-linear-gradient(top, #e3e3e3 0%, #cccccc 100%);
|
|
background-image: linear-gradient(to bottom, #e3e3e3 0%, #cccccc 100%);
|
|
background-repeat: repeat-x;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe3e3e3', endColorstr='#ffcccccc', GradientType=0);
|
|
}
|
|
|
|
.navbar-dark .navbar-brand {
|
|
color: $primary;
|
|
}
|
|
|
|
.topbar .nav-link {
|
|
border-right: 1px solid #aaaaaa;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.topbar .nav-link:first-of-type {
|
|
border-left: none;
|
|
}
|
|
|
|
.nav-link {
|
|
padding: 0.7rem 1rem;
|
|
}
|
|
|
|
.card.postbody,
|
|
.card.postbody .card-header {
|
|
border: 1px solid #999;
|
|
}
|
|
|
|
.card-header {
|
|
margin: 3px;
|
|
border-bottom-left-radius: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
}
|
|
|
|
.card-title {
|
|
font-weight: bold;
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.card-body h4 { font-size: 1rem; }
|
|
|
|
.card.postbody .card-footer {
|
|
background-color: rgba(0, 0, 0, .03);
|
|
border-top: 1px solid #999;
|
|
}
|
|
|
|
.btn-primary,
|
|
.btn-secondary,
|
|
.btn-success,
|
|
.btn-info,
|
|
.btn-warning,
|
|
.btn-danger {
|
|
background: #f2f2f2;
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(46%, #f2f2f2), color-stop(50%, #e6e6e6), color-stop(50%, #eeeeee), color-stop(100%, #eeeeee));
|
|
background: -webkit-linear-gradient(top, #f2f2f2 0%, #f2f2f2 46%, #e6e6e6 50%, #eeeeee 50%, #eeeeee 100%);
|
|
background: -o-linear-gradient(top, #f2f2f2 0%, #f2f2f2 46%, #e6e6e6 50%, #eeeeee 50%, #eeeeee 100%);
|
|
background: linear-gradient(to bottom, #f2f2f2 0%, #f2f2f2 46%, #e6e6e6 50%, #eeeeee 50%, #eeeeee 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#eeeeee', GradientType=0);
|
|
color: #333;
|
|
}
|
|
|
|
.btn-primary:hover,
|
|
.btn-secondary:hover,
|
|
.btn-success:hover,
|
|
.btn-info:hover,
|
|
.btn-warning:hover,
|
|
.btn-danger:hover {
|
|
background: #eeeeee;
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(50%,#eeeeee), color-stop(50%,#e6e6e6), color-stop(54%,#f2f2f2), color-stop(100%,#f2f2f2));
|
|
background: -webkit-linear-gradient(top, #eeeeee 0%,#eeeeee 50%,#e6e6e6 50%,#f2f2f2 54%,#f2f2f2 100%);
|
|
background: -o-linear-gradient(top, #eeeeee 0%,#eeeeee 50%,#e6e6e6 50%,#f2f2f2 54%,#f2f2f2 100%);
|
|
background: linear-gradient(to bottom, #eeeeee 0%,#eeeeee 50%,#e6e6e6 50%,#f2f2f2 54%,#f2f2f2 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#f2f2f2',GradientType=0 );
|
|
color: #333;
|
|
}
|
|
|
|
.btn-primary:disabled,
|
|
.btn-secondary:disabled,
|
|
.btn-success:disabled,
|
|
.btn-info:disabled,
|
|
.btn-warning:disabled,
|
|
.btn-danger:disabled,
|
|
.btn-primary.disabled,
|
|
.btn-secondary.disabled,
|
|
.btn-success.disabled,
|
|
.btn-info.disabled,
|
|
.btn-warning.disabled,
|
|
.btn-danger.disabled { color: lighten(#333, 10%);}
|
|
|
|
.show > .btn-primary.dropdown-toggle {
|
|
color: #333333;
|
|
}
|
|
|
|
.btn-outline-primary,
|
|
.btn-outline-secondary,
|
|
.btn-outline-success,
|
|
.btn-outline-info,
|
|
.btn-outline-warning,
|
|
.btn-outline-danger {
|
|
background: transparent;
|
|
}
|
|
|
|
// So form submit buttons with icons and text used in popover actions can look just like links
|
|
.popover button.btn-link.link-list,
|
|
.popover button.btn-link.link-list .icon {
|
|
font-size: $popover-font-size;
|
|
}
|