1319 lines
34 KiB
SCSS
1319 lines
34 KiB
SCSS
/*
|
|
* Re2o est un logiciel d'administration développé initiallement au rezometz. Il
|
|
* se veut agnostique au réseau considéré, de manière à être installable en
|
|
* quelques clics.
|
|
*
|
|
* This program is free software; you can redistribute it and/or modify
|
|
* it under the terms of the GNU General Public License as published by
|
|
* the Free Software Foundation; either version 2 of the License, or
|
|
* (at your option) any later version.
|
|
*
|
|
* This program is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU General Public License along
|
|
* with this program; if not, write to the Free Software Foundation, Inc.,
|
|
* 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
|
|
*/
|
|
|
|
/*
|
|
* Body
|
|
*/
|
|
body {
|
|
color: $text-color;
|
|
background-color: $background-color;
|
|
}
|
|
|
|
|
|
/*
|
|
* Text
|
|
*/
|
|
a {
|
|
color: $link-color;
|
|
}
|
|
a:focus,
|
|
a:hover {
|
|
color: $link-focus-color;
|
|
}
|
|
.text-primary {
|
|
color: $text-primary-color;
|
|
}
|
|
.text-secondary {
|
|
color: $text-secondary-color;
|
|
}
|
|
.text-success {
|
|
color: $success-color;
|
|
}
|
|
.text-info {
|
|
color: $info-color;
|
|
}
|
|
.text-warning {
|
|
color: $warning-color;
|
|
}
|
|
.text-danger {
|
|
color: $danger-color;
|
|
}
|
|
.text-muted {
|
|
color: $text-muted-color;
|
|
}
|
|
.help-block {
|
|
color: $text-help-color;
|
|
}
|
|
.valid-feedback {
|
|
color: $success-color;
|
|
}
|
|
.invalid-feedback {
|
|
color: $danger-color;
|
|
}
|
|
|
|
|
|
/*
|
|
* Highlights
|
|
*/
|
|
.bg-primary {
|
|
color: $bg-text-color;
|
|
background-color: $primary-color;
|
|
}
|
|
.bg-primary a {
|
|
color: $bg-link-color;
|
|
}
|
|
.bg-secondary {
|
|
color: $bg-text-color;
|
|
background-color: $secondary-color;
|
|
}
|
|
.bg-secondary a {
|
|
color: $bg-link-color;
|
|
}
|
|
.bg-success {
|
|
color: $bg-text-color;
|
|
background-color: $success-color;
|
|
}
|
|
.bg-success a {
|
|
color: $bg-link-color;
|
|
}
|
|
.bg-info {
|
|
color: $bg-text-color;
|
|
background-color: $info-color;
|
|
}
|
|
.bg-info a {
|
|
color: $bg-link-color;
|
|
}
|
|
.bg-warning {
|
|
color: $bg-text-color;
|
|
background-color: $warning-color;
|
|
}
|
|
.bg-warning a {
|
|
color: $bg-link-color;
|
|
}
|
|
.bg-danger {
|
|
color: $bg-text-color;
|
|
background-color: $danger-color;
|
|
}
|
|
.bg-danger a {
|
|
color: $bg-link-color;
|
|
}
|
|
|
|
|
|
/*
|
|
* Badges
|
|
*/
|
|
.badge-primary {
|
|
color: $text-color;
|
|
background-color: $primary-color;
|
|
}
|
|
.badge-secondary {
|
|
color: $text-color;
|
|
background-color: $secondary-color;
|
|
}
|
|
.badge-success {
|
|
color: $text-color;
|
|
background-color: $success-color;
|
|
}
|
|
.badge-info {
|
|
color: $text-color;
|
|
background-color: $info-color;
|
|
}
|
|
.badge-warning {
|
|
color: $text-color;
|
|
background-color: $warning-color;
|
|
}
|
|
.badge-danger {
|
|
color: $text-color;
|
|
background-color: $danger-color;
|
|
}
|
|
.badge-light {
|
|
color: $text-color;
|
|
background-color: $light-color;
|
|
}
|
|
.badge-dark {
|
|
color: $text-alt-color;
|
|
background-color: $dark-color;
|
|
}
|
|
|
|
|
|
/*
|
|
* Labels
|
|
*/
|
|
.label-primary {
|
|
color: $label-text-color;
|
|
background-color: $primary-color;
|
|
}
|
|
.label-secondary {
|
|
color: $label-text-color;
|
|
background-color: $secondary-color;
|
|
}
|
|
.label-success {
|
|
color: $label-text-color;
|
|
background-color: $success-color;
|
|
}
|
|
.label-info {
|
|
color: $label-text-color;
|
|
background-color: $info-color;
|
|
}
|
|
.label-warning {
|
|
color: $label-text-color;
|
|
background-color: $warning-color;
|
|
}
|
|
.label-danger {
|
|
color: $label-text-color;
|
|
background-color: $danger-color;
|
|
}
|
|
|
|
|
|
/*
|
|
* Forms
|
|
*/
|
|
::placeholder,
|
|
::-webkit-input-placeholder {
|
|
color: $forms-placeholder-color !important;
|
|
opacity: 1;
|
|
}
|
|
.form-control {
|
|
color: $forms-text-color;
|
|
background-color: $forms-background-color;
|
|
border-color: $border-color;
|
|
}
|
|
.form-control .is-valid {
|
|
border-color: $success-color;
|
|
}
|
|
.form-control .is-invalid {
|
|
border-color: $danger-color;
|
|
}
|
|
.input-group-btn > .btn {
|
|
border-color: $border-color;
|
|
}
|
|
|
|
|
|
/*
|
|
* Django autocomplete light
|
|
*/
|
|
.select2-results__options {
|
|
color: $forms-text-color;
|
|
}
|
|
.select2-dropdown {
|
|
background-color: $forms-background-color !important;
|
|
}
|
|
.select2-container--default {
|
|
border-color: $border-color;
|
|
}
|
|
.select2-container--default .select2-selection--single {
|
|
background-color: $forms-background-color !important;
|
|
}
|
|
.select2-search__field {
|
|
color: $forms-text-color;
|
|
background-color: $forms-background-color;
|
|
border-color: $border-color;
|
|
}
|
|
.select2-results__option {
|
|
background-color: $forms-background-color;
|
|
}
|
|
.select2-results__option--highlighted {
|
|
color: $dal-result-focus-text-color !important;
|
|
background-color: $dal-result-focus-background-color !important;
|
|
}
|
|
.select2-container--default .select2-results__option[aria-selected="true"] {
|
|
color: $dal-result-selected-text-color !important;
|
|
background-color: $dal-result-selected-background-color !important;
|
|
}
|
|
|
|
|
|
/*
|
|
* Vue.js trees
|
|
*/
|
|
.tree-anchor {
|
|
color: $text-color !important;
|
|
}
|
|
.tree-node > .tree-content:focus > .tree-anchor,
|
|
.tree-node > .tree-content:hover > .tree-anchor {
|
|
color: $tree-text-focus-color !important;
|
|
}
|
|
.tree-node.selected > .tree-content > .tree-anchor {
|
|
color: $tree-text-focus-color !important;
|
|
}
|
|
.tree-node > .tree-content:hover {
|
|
background-color: $tree-background-focus-color !important;
|
|
}
|
|
.tree-node.selected > .tree-content {
|
|
background-color: $tree-background-selected-color !important;
|
|
}
|
|
|
|
|
|
/*
|
|
* Navbars
|
|
*/
|
|
.navbar-default, .navbar-inverse {
|
|
color: $navbar-text-color;
|
|
background-color: $navbar-background-color;
|
|
border-color: $navbar-border-color;
|
|
}
|
|
.navbar-default .navbar-brand,
|
|
.navbar-inverse .navbar-brand {
|
|
color: $navbar-brand-color;
|
|
}
|
|
.navbar-default .navbar-text,
|
|
.navbar-inverse .navbar-text {
|
|
color: $navbar-text-color;
|
|
}
|
|
|
|
.navbar-static-bottom {
|
|
color: $navbar-text-color;
|
|
background-color: $secondary-navbar-background-color;
|
|
border-color: $navbar-border-color;
|
|
}
|
|
.navbar-static-bottom .navbar-brand {
|
|
color: $navbar-brand-color;
|
|
}
|
|
.navbar-static-bottom .navbar-text {
|
|
color: $navbar-text-color;
|
|
}
|
|
|
|
.navbar-default .navbar-nav > li > a,
|
|
.navbar-inverse .navbar-nav > li > a {
|
|
color: $navbar-text-color !important;
|
|
}
|
|
.navbar-default .navbar-nav > li > a:focus,
|
|
.navbar-default .navbar-nav > li > a:hover,
|
|
.navbar-inverse .navbar-nav > li > a:focus,
|
|
.navbar-inverse .navbar-nav > li > a:hover {
|
|
color: $navbar-text-focus-color !important;
|
|
}
|
|
.navbar-default .navbar-nav > .active > a,
|
|
.navbar-default .navbar-nav > .active > a:focus,
|
|
.navbar-default .navbar-nav > .active > a:hover,
|
|
.navbar-inverse .navbar-nav > .active > a,
|
|
.navbar-inverse .navbar-nav > .active > a:focus,
|
|
.navbar-inverse .navbar-nav > .active > a:hover {
|
|
color: $navbar-text-focus-color;
|
|
background-color: $navbar-background-active-color;
|
|
}
|
|
.navbar-default .navbar-nav > .open > a,
|
|
.navbar-default .navbar-nav > .open > a:focus,
|
|
.navbar-default .navbar-nav > .open > a:hover,
|
|
.navbar-inverse .navbar-nav > .open > a,
|
|
.navbar-inverse .navbar-nav > .open > a:focus,
|
|
.navbar-inverse .navbar-nav > .open > a:hover {
|
|
color: $navbar-text-color;
|
|
background-color: $navbar-background-color;
|
|
}
|
|
.navbar-inverse .dropdown-menu .btn-link {
|
|
color: $navbar-text-color !important;
|
|
}
|
|
.navbar-inverse .dropdown-menu .btn-link:hover {
|
|
color: $navbar-text-focus-color !important;
|
|
background-color: $navbar-background-color !important;
|
|
}
|
|
|
|
|
|
/*
|
|
* Menus
|
|
*/
|
|
.dropdown-menu {
|
|
background-color: $navbar-background-color;
|
|
}
|
|
.dropdown-menu .divider {
|
|
background-color: $border-color;
|
|
}
|
|
.dropdown-menu > li > a {
|
|
color: $navbar-text-color;
|
|
background-color: $navbar-background-color;
|
|
}
|
|
.dropdown-menu > li > a:focus,
|
|
.dropdown-menu > li > a:hover {
|
|
color: $navbar-text-focus-color;
|
|
background-color: $navbar-background-color;
|
|
}
|
|
.dropdown-menu > .active > a,
|
|
.dropdown-menu > .active > a:focus,
|
|
.dropdown-menu > .active > a:hover {
|
|
color: $navbar-text-focus-color;
|
|
background-color: $dropdown-background-focus-color;
|
|
}
|
|
.dropdown-menu > .disabled > a,
|
|
.dropdown-menu > .disabled > a:focus,
|
|
.dropdown-menu > .disabled > a:hover {
|
|
color: $navbar-text-disabled-color;
|
|
}
|
|
.navbar-inverse .dropdown-menu .btn-link {
|
|
color: $navbar-text-color;
|
|
}
|
|
|
|
|
|
/*
|
|
* Buttons
|
|
*/
|
|
.btn.disabled, .btn:disabled {
|
|
opacity: 0.65;
|
|
}
|
|
|
|
.btn-default {
|
|
color: $button-text-color;
|
|
background-color: $secondary-color;
|
|
border-color: $secondary-color;
|
|
}
|
|
.btn-default.focus,
|
|
.btn-default:focus,
|
|
.btn-default:hover {
|
|
color: $button-text-color;
|
|
background-color: $secondary-focus-color;
|
|
border-color: $secondary-focus-color;
|
|
}
|
|
.btn-default.active,
|
|
.btn-default:active,
|
|
.open > .dropdown-toggle.btn-default {
|
|
color: $button-text-color;
|
|
background-color: $secondary-focus-color;
|
|
border-color: $secondary-focus-color;
|
|
}
|
|
.btn-default.active.focus,
|
|
.btn-default.active:focus,
|
|
.btn-default.active:hover,
|
|
.btn-default:active.focus,
|
|
.btn-default:active:focus,
|
|
.btn-default:active:hover,
|
|
.open > .dropdown-toggle.btn-default.focus,
|
|
.open > .dropdown-toggle.btn-default:focus,
|
|
.open > .dropdown-toggle.btn-default:hover {
|
|
color: $button-text-color;
|
|
background-color: $secondary-focus-color;
|
|
border-color: $secondary-focus-color;
|
|
}
|
|
|
|
.btn-primary {
|
|
color: $button-text-color;
|
|
background-color: $primary-color;
|
|
border-color: $primary-color;
|
|
}
|
|
.btn-primary.focus,
|
|
.btn-primary:focus,
|
|
.btn-primary:hover {
|
|
color: $button-text-color;
|
|
background-color: $primary-focus-color;
|
|
border-color: $primary-focus-color;
|
|
}
|
|
.btn-primary.active,
|
|
.btn-primary:active,
|
|
.open > .dropdown-toggle.btn-primary {
|
|
color: $button-text-color;
|
|
background-color: $primary-focus-color;
|
|
border-color: $primary-focus-color;
|
|
}
|
|
.btn-primary.active.focus,
|
|
.btn-primary.active:focus,
|
|
.btn-primary.active:hover,
|
|
.btn-primary:active.focus,
|
|
.btn-primary:active:focus,
|
|
.btn-primary:active:hover,
|
|
.open > .dropdown-toggle.btn-primary.focus,
|
|
.open > .dropdown-toggle.btn-primary:focus,
|
|
.open > .dropdown-toggle.btn-primary:hover {
|
|
color: $button-text-color;
|
|
background-color: $primary-focus-color;
|
|
border-color: $primary-focus-color;
|
|
}
|
|
|
|
.btn-secondary {
|
|
color: $button-text-color;
|
|
background-color: $secondary-color;
|
|
border-color: $secondary-color;
|
|
}
|
|
.btn-secondary.focus,
|
|
.btn-secondary:focus,
|
|
.btn-secondary:hover {
|
|
color: $button-text-color;
|
|
background-color: $secondary-focus-color;
|
|
border-color: $secondary-focus-color;
|
|
}
|
|
.btn-secondary.active,
|
|
.btn-secondary:active,
|
|
.open > .dropdown-toggle.btn-secondary {
|
|
color: $button-text-color;
|
|
background-color: $secondary-focus-color;
|
|
border-color: $secondary-focus-color;
|
|
}
|
|
.btn-secondary.active.focus,
|
|
.btn-secondary.active:focus,
|
|
.btn-secondary.active:hover,
|
|
.btn-secondary:active.focus,
|
|
.btn-secondary:active:focus,
|
|
.btn-secondary:active:hover,
|
|
.open > .dropdown-toggle.btn-secondary.focus,
|
|
.open > .dropdown-toggle.btn-secondary:focus,
|
|
.open > .dropdown-toggle.btn-secondary:hover {
|
|
color: $button-text-color;
|
|
background-color: $secondary-focus-color;
|
|
border-color: $secondary-focus-color;
|
|
}
|
|
|
|
.btn-success {
|
|
color: $button-text-color;
|
|
background-color: $success-color;
|
|
border-color: $success-color;
|
|
}
|
|
.btn-success.focus,
|
|
.btn-success:focus,
|
|
.btn-success:hover {
|
|
color: $button-text-color;
|
|
background-color: $success-focus-color;
|
|
border-color: $success-focus-color;
|
|
}
|
|
.btn-success.active,
|
|
.btn-success:active,
|
|
.open > .dropdown-toggle.btn-success {
|
|
color: $button-text-color;
|
|
background-color: $success-focus-color;
|
|
border-color: $success-focus-color;
|
|
}
|
|
.btn-success.active.focus,
|
|
.btn-success.active:focus,
|
|
.btn-success.active:hover,
|
|
.btn-success:active.focus,
|
|
.btn-success:active:focus,
|
|
.btn-success:active:hover,
|
|
.open > .dropdown-toggle.btn-success.focus,
|
|
.open > .dropdown-toggle.btn-success:focus,
|
|
.open > .dropdown-toggle.btn-success:hover {
|
|
color: $button-text-color;
|
|
background-color: $success-focus-color;
|
|
border-color: $success-focus-color;
|
|
}
|
|
|
|
.btn-info {
|
|
color: $button-text-color;
|
|
background-color: $info-color;
|
|
border-color: $info-color;
|
|
}
|
|
.btn-info.focus,
|
|
.btn-info:focus,
|
|
.btn-info:hover {
|
|
color: $button-text-color;
|
|
background-color: $info-focus-color;
|
|
border-color: $info-focus-color;
|
|
}
|
|
.btn-info.active,
|
|
.btn-info:active,
|
|
.open > .dropdown-toggle.btn-info {
|
|
color: $button-text-color;
|
|
background-color: $info-focus-color;
|
|
border-color: $info-focus-color;
|
|
}
|
|
.btn-info.active.focus,
|
|
.btn-info.active:focus,
|
|
.btn-info.active:hover,
|
|
.btn-info:active.focus,
|
|
.btn-info:active:focus,
|
|
.btn-info:active:hover,
|
|
.open > .dropdown-toggle.btn-info.focus,
|
|
.open > .dropdown-toggle.btn-info:focus,
|
|
.open > .dropdown-toggle.btn-info:hover {
|
|
color: $button-text-color;
|
|
background-color: $info-focus-color;
|
|
border-color: $info-focus-color;
|
|
}
|
|
|
|
.btn-warning {
|
|
color: $button-text-color;
|
|
background-color: $warning-color;
|
|
border-color: $warning-color;
|
|
}
|
|
.btn-warning.focus,
|
|
.btn-warning:focus,
|
|
.btn-warning:hover {
|
|
color: $button-text-color;
|
|
background-color: $warning-focus-color;
|
|
border-color: $warning-focus-color;
|
|
}
|
|
.btn-warning.active,
|
|
.btn-warning:active,
|
|
.open > .dropdown-toggle.btn-warning {
|
|
color: $button-text-color;
|
|
background-color: $warning-focus-color;
|
|
border-color: $warning-focus-color;
|
|
}
|
|
.btn-warning.active.focus,
|
|
.btn-warning.active:focus,
|
|
.btn-warning.active:hover,
|
|
.btn-warning:active.focus,
|
|
.btn-warning:active:focus,
|
|
.btn-warning:active:hover,
|
|
.open > .dropdown-toggle.btn-warning.focus,
|
|
.open > .dropdown-toggle.btn-warning:focus,
|
|
.open > .dropdown-toggle.btn-warning:hover {
|
|
color: $button-text-color;
|
|
background-color: $warning-focus-color;
|
|
border-color: $warning-focus-color;
|
|
}
|
|
|
|
.btn-danger {
|
|
color: $button-text-color;
|
|
background-color: $danger-color;
|
|
border-color: $danger-color;
|
|
}
|
|
.btn-danger.focus,
|
|
.btn-danger:focus,
|
|
.btn-danger:hover {
|
|
color: $button-text-color;
|
|
background-color: $danger-focus-color;
|
|
border-color: $danger-focus-color;
|
|
}
|
|
.btn-danger.active,
|
|
.btn-danger:active,
|
|
.open > .dropdown-toggle.btn-danger {
|
|
color: $button-text-color;
|
|
background-color: $danger-focus-color;
|
|
border-color: $danger-focus-color;
|
|
}
|
|
.btn-danger.active.focus,
|
|
.btn-danger.active:focus,
|
|
.btn-danger.active:hover,
|
|
.btn-danger:active.focus,
|
|
.btn-danger:active:focus,
|
|
.btn-danger:active:hover,
|
|
.open > .dropdown-toggle.btn-danger.focus,
|
|
.open > .dropdown-toggle.btn-danger:focus,
|
|
.open > .dropdown-toggle.btn-danger:hover {
|
|
color: $button-text-color;
|
|
background-color: $danger-focus-color;
|
|
border-color: $danger-focus-color;
|
|
}
|
|
|
|
|
|
/*
|
|
* Alerts
|
|
*/
|
|
.alert a, .alert .alert-link {
|
|
color: $alert-link-color;
|
|
}
|
|
.alert-success {
|
|
color: $alert-text-color;
|
|
background-color: $success-color;
|
|
border-color: $success-focus-color;
|
|
}
|
|
.alert-success hr {
|
|
border-top-color: $success-focus-color;
|
|
}
|
|
.alert-info {
|
|
color: $alert-text-color;
|
|
background-color: $success-focus-color;;
|
|
border-color: $info-focus-color;
|
|
}
|
|
.alert-info hr {
|
|
border-top-color: $info-focus-color;
|
|
}
|
|
.alert-warning {
|
|
color: $alert-text-color;
|
|
background-color: $warning-color;
|
|
border-color: $warning-focus-color;
|
|
}
|
|
.alert-warning hr {
|
|
border-top-color: $warning-focus-color;
|
|
}
|
|
.alert-danger {
|
|
color: $alert-text-color;
|
|
background-color: $danger-color;
|
|
border-color: $danger-focus-color;
|
|
}
|
|
.alert-danger hr {
|
|
border-top-color: $danger-focus-color;
|
|
}
|
|
.alert-light {
|
|
color: $alert-text-color;
|
|
background-color: $light-color;
|
|
border-color: $light-focus-color;
|
|
}
|
|
.alert-light hr {
|
|
border-top-color: $light-focus-color;
|
|
}
|
|
.alert-dark {
|
|
color: $alert-text-color;
|
|
background-color: $dark-color;
|
|
border-color: $dark-focus-color;
|
|
}
|
|
.alert-dark hr {
|
|
border-top-color: $dark-focus-color;
|
|
}
|
|
|
|
|
|
/*
|
|
* Pagination
|
|
*/
|
|
.pagination > li > a,
|
|
.pagination > li > span {
|
|
color: $pagination-text-color;
|
|
background-color: $pagination-background-color;
|
|
border-color: $pagination-border-color;
|
|
}
|
|
.pagination > li > a:focus,
|
|
.pagination > li > a:hover,
|
|
.pagination > li > span:focus,
|
|
.pagination > li > span:hover {
|
|
color: $pagination-text-color;
|
|
background-color: $pagination-focus-background-color;
|
|
border-color: $pagination-border-color;
|
|
}
|
|
.pagination > .active > a,
|
|
.pagination > .active > a:focus,
|
|
.pagination > .active > a:hover,
|
|
.pagination > .active > span,
|
|
.pagination > .active > span:focus,
|
|
.pagination > .active > span:hover {
|
|
color: $pagination-active-text-color;
|
|
background-color: $pagination-active-background-color;
|
|
border-color: $pagination-border-color;
|
|
}
|
|
.pagination > .disabled > a,
|
|
.pagination > .disabled > a:focus,
|
|
.pagination > .disabled > a:hover,
|
|
.pagination > .disabled > span,
|
|
.pagination > .disabled > span:focus,
|
|
.pagination > .disabled > span:hover {
|
|
color: $pagination-text-color;
|
|
background-color: $pagination-background-color;
|
|
border-color: $pagination-border-color;
|
|
opacity: 0.65;
|
|
}
|
|
.pager li > a,
|
|
.pager li > span {
|
|
background-color: $pagination-background-color;
|
|
border-color: $pagination-border-color;
|
|
}
|
|
.pager li > a:focus,
|
|
.pager li > a:hover {
|
|
background-color: $pagination-background-color;
|
|
border-color: $pagination-border-color;
|
|
}
|
|
.pager .disabled > a,
|
|
.pager .disabled > a:focus,
|
|
.pager .disabled > a:hover,
|
|
.pager .disabled > span {
|
|
background-color: $pagination-background-color;
|
|
border-color: $pagination-border-color;
|
|
opacity: 0.65;
|
|
}
|
|
|
|
|
|
/*
|
|
* Panels
|
|
*/
|
|
.panel {
|
|
background-color: $panel-background-color;
|
|
}
|
|
.panel-footer {
|
|
background-color: $panel-footer-background-color;
|
|
}
|
|
.panel > .profil, .panel-default > .panel-heading {
|
|
color: $panel-text-default-color !important;
|
|
}
|
|
.panel > .profil:hover {
|
|
color: $panel-text-focus-color !important;
|
|
background-color: $panel-background-focus-color !important;
|
|
border-color: $panel-border-color;
|
|
}
|
|
.panel-heading a {
|
|
color: $panel-text-color;
|
|
}
|
|
|
|
.panel-default {
|
|
border-color: $panel-border-color;
|
|
}
|
|
.panel-default > .panel-heading {
|
|
color: $panel-text-color;
|
|
background-color: $panel-heading-background-color;
|
|
border-color: $panel-border-color !important;
|
|
}
|
|
.panel-default > .panel-heading+.panel-collapse > .panel-body {
|
|
border-top-color: $panel-border-color;
|
|
}
|
|
.panel-default > .panel-heading .badge {
|
|
color: $panel-badge-text-color;
|
|
background-color: $panel-badge-background-color;
|
|
}
|
|
.panel-default > .panel-footer+.panel-collapse > .panel-body {
|
|
border-bottom-color: $panel-border-color;
|
|
}
|
|
|
|
.panel-primary {
|
|
border-color: $primary-color;
|
|
}
|
|
.panel-primary > .panel-heading {
|
|
color: $panel-text-color;
|
|
background-color: $primary-color;
|
|
border-color: $primary-color;
|
|
}
|
|
.panel-primary > .panel-heading+.panel-collapse > .panel-body {
|
|
border-top-color: $primary-color;
|
|
}
|
|
.panel-primary > .panel-heading .badge {
|
|
color: $primary-color;
|
|
background-color: $panel-badge-alt-background-color;
|
|
}
|
|
.panel-primary > .panel-heading .badge {
|
|
color: $primary-color;
|
|
background-color: $panel-badge-alt-background-color;
|
|
}
|
|
.panel-primary > .panel-footer+.panel-collapse > .panel-body {
|
|
border-bottom-color: $primary-color;
|
|
}
|
|
|
|
.panel-secondary {
|
|
border-color: $secondary-color;
|
|
}
|
|
.panel-secondary > .panel-heading {
|
|
color: $panel-text-color;
|
|
background-color: $secondary-color;
|
|
border-color: $secondary-color;
|
|
}
|
|
.panel-secondary > .panel-heading+.panel-collapse > .panel-body {
|
|
border-top-color: $secondary-color;
|
|
}
|
|
.panel-secondary > .panel-heading .badge {
|
|
color: $secondary-color;
|
|
background-color: $panel-badge-alt-background-color;
|
|
}
|
|
.panel-secondary > .panel-footer+.panel-collapse > .panel-body {
|
|
border-bottom-color: $secondary-color;
|
|
}
|
|
|
|
.panel-success {
|
|
border-color: $success-color;
|
|
}
|
|
.panel-success > .panel-heading {
|
|
color: $panel-text-color;
|
|
background-color: $success-color;
|
|
border-color: $success-color;
|
|
}
|
|
.panel-success > .panel-heading+.panel-collapse > .panel-body {
|
|
border-top-color: $success-color;
|
|
}
|
|
.panel-success > .panel-heading .badge {
|
|
color: $success-color;
|
|
background-color: $panel-badge-alt-background-color;
|
|
}
|
|
.panel-success > .panel-footer+.panel-collapse > .panel-body {
|
|
border-bottom-color: $success-color;
|
|
}
|
|
|
|
.panel-info {
|
|
border-color: $info-color;
|
|
}
|
|
.panel-info > .panel-heading {
|
|
color: $panel-text-color;
|
|
background-color: $info-color;
|
|
border-color: $info-color;
|
|
}
|
|
.panel-info > .panel-heading+.panel-collapse > .panel-body {
|
|
border-top-color: $info-color;
|
|
}
|
|
.panel-info > .panel-heading .badge {
|
|
color: $info-color;
|
|
background-color: $panel-badge-alt-background-color;
|
|
}
|
|
.panel-info > .panel-footer+.panel-collapse > .panel-body {
|
|
border-bottom-color: $info-color;
|
|
}
|
|
|
|
.panel-warning {
|
|
border-color: $warning-color;
|
|
}
|
|
.panel-warning > .panel-heading {
|
|
color: $panel-text-color;
|
|
background-color: $warning-color;
|
|
border-color: $warning-color;
|
|
}
|
|
.panel-warning > .panel-heading+.panel-collapse > .panel-body {
|
|
border-top-color: $warning-color;
|
|
}
|
|
.panel-warning > .panel-heading .badge {
|
|
color: $warning-color;
|
|
background-color: $panel-badge-alt-background-color;
|
|
}
|
|
.panel-warning > .panel-footer+.panel-collapse > .panel-body {
|
|
border-bottom-color: $warning-color;
|
|
}
|
|
|
|
.panel-danger {
|
|
border-color: $danger-color;
|
|
}
|
|
.panel-danger > .panel-heading {
|
|
color: $panel-text-color;
|
|
background-color: $danger-color;
|
|
border-color: $danger-color;
|
|
}
|
|
.panel-danger > .panel-heading+.panel-collapse > .panel-body {
|
|
border-top-color: $danger-color;
|
|
}
|
|
.panel-danger > .panel-heading .badge {
|
|
color: $danger-color;
|
|
background-color: $panel-badge-alt-background-color;
|
|
}
|
|
.panel-danger > .panel-footer+.panel-collapse > .panel-body {
|
|
border-bottom-color: $danger-color;
|
|
}
|
|
|
|
|
|
/*
|
|
* Cards
|
|
*/
|
|
.thumbnail {
|
|
color: $text-color;
|
|
background-color: $thumbnail-background-color;
|
|
border-color: $thumbnail-border-color;
|
|
}
|
|
a.thumbnail.active,
|
|
a.thumbnail:focus,
|
|
a.thumbnail:hover {
|
|
border-color: $thumbnail-background-color;
|
|
}
|
|
.thumbnail .caption {
|
|
color: $text-color;
|
|
}
|
|
|
|
|
|
/*
|
|
* Modals
|
|
*/
|
|
.modal-content, .modal-body {
|
|
color: $text-color;
|
|
background-color: $modal-background-color;
|
|
border-color: $modal-border-color;
|
|
}
|
|
.modal-header {
|
|
color: $text-color;
|
|
background-color: $modal-heading-background-color;
|
|
border-color: $modal-heading-border-color;
|
|
}
|
|
.modal-header .close {
|
|
color: $text-color;
|
|
}
|
|
|
|
|
|
/*
|
|
* Tables
|
|
*/
|
|
table {
|
|
background-color: $table-background-color;
|
|
}
|
|
.table-responsive {
|
|
border-color: $border-color !important;
|
|
}
|
|
caption {
|
|
color: $text-color;
|
|
}
|
|
.table > tbody > tr > td,
|
|
.table > tbody > tr > th,
|
|
.table > tfoot > tr > td,
|
|
.table > tfoot > tr > th,
|
|
.table > thead > tr > td,
|
|
.table > thead > tr > th {
|
|
border-top-color: $border-color;
|
|
}
|
|
.table > thead > tr > th {
|
|
border-bottom-color: $border-color;
|
|
}
|
|
.table > tbody+tbody {
|
|
border-top-color: $border-color;
|
|
}
|
|
.table .table {
|
|
background-color: $table-background-color;
|
|
}
|
|
.table-bordered {
|
|
border-color: $border-color;
|
|
}
|
|
.table-bordered > tbody > tr > td,
|
|
.table-bordered > tbody > tr > th,
|
|
.table-bordered > tfoot > tr > td,
|
|
.table-bordered > tfoot > tr > th,
|
|
.table-bordered > thead > tr > td,
|
|
.table-bordered > thead > tr > th {
|
|
border-color: $border-color;
|
|
}
|
|
.table-striped > tbody > tr:nth-of-type(odd) {
|
|
background-color: $table-alt-background-color;
|
|
}
|
|
.table-hover > tbody > tr:hover {
|
|
background-color: $table-default-focus-background-color;
|
|
}
|
|
.table > tbody > tr > td.active,
|
|
.table > tbody > tr > th.active,
|
|
.table > tbody > tr.active > td,
|
|
.table > tbody > tr.active > th,
|
|
.table > tfoot > tr > td.active,
|
|
.table > tfoot > tr > th.active,
|
|
.table > tfoot > tr.active > td,
|
|
.table > tfoot > tr.active > th,
|
|
.table > thead > tr > td.active,
|
|
.table > thead > tr > th.active,
|
|
.table > thead > tr.active > td,
|
|
.table > thead > tr.active > th {
|
|
color: $text-color;
|
|
background-color: $table-default-focus-background-color;
|
|
}
|
|
.table-hover > tbody > tr > td.active:hover,
|
|
.table-hover > tbody > tr > th.active:hover,
|
|
.table-hover > tbody > tr.active:hover > td,
|
|
.table-hover > tbody > tr.active:hover > th,
|
|
.table-hover > tbody > tr:hover > .active {
|
|
color: $text-color;
|
|
background-color: $table-default-focus-background-color;
|
|
}
|
|
.table > tbody > tr > td.success,
|
|
.table > tbody > tr > th.success,
|
|
.table > tbody > tr.success > td,
|
|
.table > tbody > tr.success > th,
|
|
.table > tfoot > tr > td.success,
|
|
.table > tfoot > tr > th.success,
|
|
.table > tfoot > tr.success > td,
|
|
.table > tfoot > tr.success > th,
|
|
.table > thead > tr > td.success,
|
|
.table > thead > tr > th.success,
|
|
.table > thead > tr.success > td,
|
|
.table > thead > tr.success > th {
|
|
color: $table-success-text-color;
|
|
background-color: $table-success-background-color;
|
|
}
|
|
.table-hover > tbody > tr > td.success:hover,
|
|
.table-hover > tbody > tr > th.success:hover,
|
|
.table-hover > tbody > tr.success:hover > td,
|
|
.table-hover > tbody > tr.success:hover > th,
|
|
.table-hover > tbody > tr:hover > .success {
|
|
color: $table-success-text-color;
|
|
background-color: $table-success-focus-background-color;
|
|
}
|
|
.table > tbody > tr > td.info,
|
|
.table > tbody > tr > th.info,
|
|
.table > tbody > tr.info > td,
|
|
.table > tbody > tr.info > th,
|
|
.table > tfoot > tr > td.info,
|
|
.table > tfoot > tr > th.info,
|
|
.table > tfoot > tr.info > td,
|
|
.table > tfoot > tr.info > th,
|
|
.table > thead > tr > td.info,
|
|
.table > thead > tr > th.info,
|
|
.table > thead > tr.info > td,
|
|
.table > thead > tr.info > th {
|
|
color: $table-info-text-color;
|
|
background-color: $table-info-background-color;
|
|
}
|
|
.table-hover > tbody > tr > td.info:hover,
|
|
.table-hover > tbody > tr > th.info:hover,
|
|
.table-hover > tbody > tr.info:hover > td,
|
|
.table-hover > tbody > tr.info:hover > th,
|
|
.table-hover > tbody > tr:hover > .info {
|
|
color: $table-info-text-color;
|
|
background-color: $table-info-focus-background-color;
|
|
}
|
|
.table > tbody > tr > td.warning,
|
|
.table > tbody > tr > th.warning,
|
|
.table > tbody > tr.warning > td,
|
|
.table > tbody > tr.warning > th,
|
|
.table > tfoot > tr > td.warning,
|
|
.table > tfoot > tr > th.warning,
|
|
.table > tfoot > tr.warning > td,
|
|
.table > tfoot > tr.warning > th,
|
|
.table > thead > tr > td.warning,
|
|
.table > thead > tr > th.warning,
|
|
.table > thead > tr.warning > td,
|
|
.table > thead > tr.warning > th {
|
|
color: $table-warning-text-color;
|
|
background-color: $table-warning-background-color;
|
|
}
|
|
.table-hover > tbody > tr > td.warning:hover,
|
|
.table-hover > tbody > tr > th.warning:hover,
|
|
.table-hover > tbody > tr.warning:hover > td,
|
|
.table-hover > tbody > tr.warning:hover > th,
|
|
.table-hover > tbody > tr:hover > .warning {
|
|
color: $table-warning-text-color;
|
|
background-color: $table-warning-focus-background-color;
|
|
}
|
|
.table > tbody > tr > td.danger,
|
|
.table > tbody > tr > th.danger,
|
|
.table > tbody > tr.danger > td,
|
|
.table > tbody > tr.danger > th,
|
|
.table > tfoot > tr > td.danger,
|
|
.table > tfoot > tr > th.danger,
|
|
.table > tfoot > tr.danger > td,
|
|
.table > tfoot > tr.danger > th,
|
|
.table > thead > tr > td.danger,
|
|
.table > thead > tr > th.danger,
|
|
.table > thead > tr.danger > td,
|
|
.table > thead > tr.danger > th {
|
|
color: $table-danger-text-color;
|
|
background-color: $table-danger-background-color;
|
|
}
|
|
.table-hover > tbody > tr > td.danger:hover,
|
|
.table-hover > tbody > tr > th.danger:hover,
|
|
.table-hover > tbody > tr.danger:hover > td,
|
|
.table-hover > tbody > tr.danger:hover > th,
|
|
.table-hover > tbody > tr:hover > .danger {
|
|
color: $table-danger-text-color;
|
|
background-color: $table-danger-focus-background-color;
|
|
}
|
|
.table > tbody > tr > td.light,
|
|
.table > tbody > tr > th.light,
|
|
.table > tbody > tr.light > td,
|
|
.table > tbody > tr.light > th,
|
|
.table > tfoot > tr > td.light,
|
|
.table > tfoot > tr > th.light,
|
|
.table > tfoot > tr.light > td,
|
|
.table > tfoot > tr.light > th,
|
|
.table > thead > tr > td.light,
|
|
.table > thead > tr > th.light,
|
|
.table > thead > tr.light > td,
|
|
.table > thead > tr.light > th {
|
|
color: $table-light-text-color;
|
|
background-color: $table-light-background-color;
|
|
}
|
|
.table-hover > tbody > tr > td.light:hover,
|
|
.table-hover > tbody > tr > th.light:hover,
|
|
.table-hover > tbody > tr.light:hover > td,
|
|
.table-hover > tbody > tr.light:hover > th,
|
|
.table-hover > tbody > tr:hover > .light {
|
|
color: $table-light-text-color;
|
|
background-color: $table-light-focus-background-color;
|
|
}
|
|
.table > tbody > tr > td.dark,
|
|
.table > tbody > tr > th.dark,
|
|
.table > tbody > tr.dark > td,
|
|
.table > tbody > tr.dark > th,
|
|
.table > tfoot > tr > td.dark,
|
|
.table > tfoot > tr > th.dark,
|
|
.table > tfoot > tr.dark > td,
|
|
.table > tfoot > tr.dark > th,
|
|
.table > thead > tr > td.dark,
|
|
.table > thead > tr > th.dark,
|
|
.table > thead > tr.dark > td,
|
|
.table > thead > tr.dark > th {
|
|
color: $table-dark-text-color;
|
|
background-color: $table-dark-background-color;
|
|
}
|
|
.table-hover > tbody > tr > td.dark:hover,
|
|
.table-hover > tbody > tr > th.dark:hover,
|
|
.table-hover > tbody > tr.dark:hover > td,
|
|
.table-hover > tbody > tr.dark:hover > th,
|
|
.table-hover > tbody > tr:hover > .dark {
|
|
color: $table-dark-text-color;
|
|
background-color: $table-dark-focus-background-color;
|
|
}
|
|
|
|
|
|
/*
|
|
* Lists
|
|
*/
|
|
.list-group-item {
|
|
color: $text-color;
|
|
background-color: $list-background-color;
|
|
border-color: $list-border-color;
|
|
}
|
|
.list-group-item.disabled,
|
|
.list-group-item.disabled:focus,
|
|
.list-group-item.disabled:hover {
|
|
opacity: 0.65;
|
|
}
|
|
.list-group-item.disabled .list-group-item-text,
|
|
.list-group-item.disabled:focus .list-group-item-text,
|
|
.list-group-item.disabled:hover .list-group-item-text {
|
|
opacity: 0.65;
|
|
}
|
|
.list-group-item.active,
|
|
.list-group-item.active:focus,
|
|
.list-group-item.active:hover {
|
|
color: $text-color;
|
|
background-color: $list-background-color;
|
|
border-color: $list-border-color;
|
|
}
|
|
.list-group-item.active .list-group-item-text,
|
|
.list-group-item.active:focus .list-group-item-text,
|
|
.list-group-item.active:hover .list-group-item-text {
|
|
color: $text-color;
|
|
}
|
|
.list-group-item.active > .badge,
|
|
.nav-pills > .active > a > .badge {
|
|
color: $text-color;
|
|
background-color: $list-background-color;
|
|
}
|
|
|
|
a.list-group-item,
|
|
button.list-group-item {
|
|
color: $list-text-color;
|
|
}
|
|
a.list-group-item .list-group-item-heading,
|
|
button.list-group-item .list-group-item-heading {
|
|
color: $list-text-color;
|
|
}
|
|
a.list-group-item:focus,
|
|
a.list-group-item:hover,
|
|
button.list-group-item:focus,
|
|
button.list-group-item:hover {
|
|
color: $list-text-color;
|
|
}
|
|
|
|
.list-group-item-primary {
|
|
color: $list-text-color;
|
|
background-color: $primary-color;
|
|
}
|
|
a.list-group-item-primary,
|
|
button.list-group-item-primary {
|
|
color: $list-text-color;
|
|
}
|
|
a.list-group-item-primary:focus,
|
|
a.list-group-item-primary:hover,
|
|
button.list-group-item-primary:focus,
|
|
button.list-group-item-primary:hover {
|
|
color: $list-text-color;
|
|
background-color: $primary-focus-color;
|
|
}
|
|
a.list-group-item-primary.active,
|
|
a.list-group-item-primary.active:focus,
|
|
a.list-group-item-primary.active:hover,
|
|
button.list-group-item-primary.active,
|
|
button.list-group-item-primary.active:focus,
|
|
button.list-group-item-primary.active:hover {
|
|
color: $list-text-color;
|
|
background-color: $primary-focus-color;
|
|
}
|
|
|
|
.list-group-item-secondary {
|
|
color: $list-text-color;
|
|
background-color: $secondary-color;
|
|
}
|
|
a.list-group-item-secondary,
|
|
button.list-group-item-secondary {
|
|
color: $list-text-color;
|
|
}
|
|
a.list-group-item-secondary:focus,
|
|
a.list-group-item-secondary:hover,
|
|
button.list-group-item-secondary:focus,
|
|
button.list-group-item-secondary:hover {
|
|
color: $list-text-color;
|
|
background-color: $secondary-focus-color;
|
|
}
|
|
a.list-group-item-secondary.active,
|
|
a.list-group-item-secondary.active:focus,
|
|
a.list-group-item-secondary.active:hover,
|
|
button.list-group-item-secondary.active,
|
|
button.list-group-item-secondary.active:focus,
|
|
button.list-group-item-secondary.active:hover {
|
|
color: $list-text-color;
|
|
background-color: $secondary-focus-color;
|
|
}
|
|
|
|
.list-group-item-success {
|
|
color: $list-text-color;
|
|
background-color: $success-color;
|
|
}
|
|
a.list-group-item-success,
|
|
button.list-group-item-success {
|
|
color: $list-text-color;
|
|
}
|
|
a.list-group-item-success:focus,
|
|
a.list-group-item-success:hover,
|
|
button.list-group-item-success:focus,
|
|
button.list-group-item-success:hover {
|
|
color: $list-text-color;
|
|
background-color: $success-focus-color;
|
|
}
|
|
a.list-group-item-success.active,
|
|
a.list-group-item-success.active:focus,
|
|
a.list-group-item-success.active:hover,
|
|
button.list-group-item-success.active,
|
|
button.list-group-item-success.active:focus,
|
|
button.list-group-item-success.active:hover {
|
|
color: $list-text-color;
|
|
background-color: $success-focus-color;
|
|
}
|
|
|
|
.list-group-item-info {
|
|
color: $list-text-color;
|
|
background-color: $info-color;
|
|
}
|
|
a.list-group-item-info,
|
|
button.list-group-item-info {
|
|
color: $list-text-color;
|
|
}
|
|
a.list-group-item-info:focus,
|
|
a.list-group-item-info:hover,
|
|
button.list-group-item-info:focus,
|
|
button.list-group-item-info:hover {
|
|
color: $list-text-color;
|
|
background-color: $info-focus-color;
|
|
}
|
|
a.list-group-item-info.active,
|
|
a.list-group-item-info.active:focus,
|
|
a.list-group-item-info.active:hover,
|
|
button.list-group-item-info.active,
|
|
button.list-group-item-info.active:focus,
|
|
button.list-group-item-info.active:hover {
|
|
color: $list-text-color;
|
|
background-color: $info-focus-color;
|
|
}
|
|
|
|
.list-group-item-warning {
|
|
color: $list-text-color;
|
|
background-color: $warning-color;
|
|
}
|
|
a.list-group-item-warning,
|
|
button.list-group-item-warning {
|
|
color: $list-text-color;
|
|
}
|
|
a.list-group-item-warning:focus,
|
|
a.list-group-item-warning:hover,
|
|
button.list-group-item-warning:focus,
|
|
button.list-group-item-warning:hover {
|
|
color: $list-text-color;
|
|
background-color: $warning-focus-color;
|
|
}
|
|
a.list-group-item-warning.active,
|
|
a.list-group-item-warning.active:focus,
|
|
a.list-group-item-warning.active:hover,
|
|
button.list-group-item-warning.active,
|
|
button.list-group-item-warning.active:focus,
|
|
button.list-group-item-warning.active:hover {
|
|
color: $list-text-color;
|
|
background-color: $warning-focus-color;
|
|
}
|
|
|
|
.list-group-item-danger {
|
|
color: $list-text-color;
|
|
background-color: $danger-color;
|
|
}
|
|
a.list-group-item-danger,
|
|
button.list-group-item-danger {
|
|
color: $list-text-color;
|
|
}
|
|
a.list-group-item-danger:focus,
|
|
a.list-group-item-danger:hover,
|
|
button.list-group-item-danger:focus,
|
|
button.list-group-item-danger:hover {
|
|
color: $list-text-color;
|
|
background-color: $danger-focus-color;
|
|
}
|
|
a.list-group-item-danger.active,
|
|
a.list-group-item-danger.active:focus,
|
|
a.list-group-item-danger.active:hover,
|
|
button.list-group-item-danger.active,
|
|
button.list-group-item-danger.active:focus,
|
|
button.list-group-item-danger.active:hover {
|
|
color: $list-text-color;
|
|
background-color: $danger-focus-color;
|
|
}
|