231 lines
5.6 KiB
CSS
231 lines
5.6 KiB
CSS
|
/*!
|
||
|
* DSFR v1.11.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
|
||
|
*/
|
||
|
@media print {
|
||
|
.fr-btn {
|
||
|
background-color: #000091;
|
||
|
color: #f5f5fe;
|
||
|
}
|
||
|
|
||
|
.fr-btn:hover {
|
||
|
background-color: #1212ff;
|
||
|
}
|
||
|
|
||
|
.fr-btn:active {
|
||
|
background-color: #2323ff;
|
||
|
}
|
||
|
|
||
|
.fr-btn:disabled,
|
||
|
a.fr-btn:not([href]) {
|
||
|
color: #929292;
|
||
|
background-color: #e5e5e5;
|
||
|
}
|
||
|
|
||
|
.fr-btn--secondary {
|
||
|
color: #000091;
|
||
|
box-shadow: inset 0 0 0 1px #000091;
|
||
|
}
|
||
|
|
||
|
.fr-btn--secondary:disabled,
|
||
|
a.fr-btn--secondary:not([href]) {
|
||
|
color: #929292;
|
||
|
box-shadow: inset 0 0 0 1px #e5e5e5;
|
||
|
}
|
||
|
|
||
|
.fr-btn--tertiary,
|
||
|
.fr-btn--account {
|
||
|
color: #000091;
|
||
|
box-shadow: inset 0 0 0 1px #ddd;
|
||
|
}
|
||
|
|
||
|
.fr-btn--tertiary:disabled,
|
||
|
a.fr-btn--tertiary:not([href]),
|
||
|
a.fr-btn--account:not([href]),
|
||
|
.fr-btn--account:disabled {
|
||
|
color: #929292;
|
||
|
box-shadow: inset 0 0 0 1px #e5e5e5;
|
||
|
}
|
||
|
|
||
|
.fr-btn--tertiary-no-outline,
|
||
|
.fr-btn--close,
|
||
|
.fr-btn--display,
|
||
|
.fr-btn--fullscreen,
|
||
|
.fr-btn--tooltip,
|
||
|
.fr-btn--briefcase,
|
||
|
.fr-btn--team {
|
||
|
color: #000091;
|
||
|
}
|
||
|
|
||
|
.fr-btn--tertiary-no-outline:disabled,
|
||
|
a.fr-btn--tertiary-no-outline:not([href]),
|
||
|
a.fr-btn--close:not([href]),
|
||
|
a.fr-btn--display:not([href]),
|
||
|
a.fr-btn--fullscreen:not([href]),
|
||
|
a.fr-btn--tooltip:not([href]),
|
||
|
a.fr-btn--briefcase:not([href]),
|
||
|
a.fr-btn--team:not([href]),
|
||
|
.fr-btn--close:disabled,
|
||
|
.fr-btn--display:disabled,
|
||
|
.fr-btn--fullscreen:disabled,
|
||
|
.fr-btn--tooltip:disabled,
|
||
|
.fr-btn--briefcase:disabled,
|
||
|
.fr-btn--team:disabled {
|
||
|
color: #929292;
|
||
|
}
|
||
|
|
||
|
.fr-btn--secondary,
|
||
|
.fr-btn--tertiary,
|
||
|
.fr-btn--tertiary-no-outline,
|
||
|
.fr-btn--close,
|
||
|
.fr-btn--display,
|
||
|
.fr-btn--fullscreen,
|
||
|
.fr-btn--tooltip {
|
||
|
background-color: transparent;
|
||
|
}
|
||
|
}
|
||
|
@media print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {
|
||
|
.fr-btn--secondary {
|
||
|
background-color: transparent;
|
||
|
}
|
||
|
|
||
|
.fr-btn--secondary:hover {
|
||
|
background-color: rgba(0, 0, 0, 0.05);
|
||
|
}
|
||
|
|
||
|
.fr-btn--secondary:active {
|
||
|
background-color: rgba(0, 0, 0, 0.1);
|
||
|
}
|
||
|
|
||
|
.fr-btn--secondary:disabled,
|
||
|
a.fr-btn--secondary:not([href]) {
|
||
|
background-color: transparent;
|
||
|
}
|
||
|
|
||
|
.fr-btn--secondary:disabled:hover,
|
||
|
a.fr-btn--secondary:not([href]):hover {
|
||
|
background-color: rgba(0, 0, 0, 0.05);
|
||
|
}
|
||
|
|
||
|
.fr-btn--secondary:disabled:active,
|
||
|
a.fr-btn--secondary:not([href]):active {
|
||
|
background-color: rgba(0, 0, 0, 0.1);
|
||
|
}
|
||
|
|
||
|
.fr-btn--tertiary,
|
||
|
.fr-btn--account {
|
||
|
background-color: transparent;
|
||
|
}
|
||
|
|
||
|
.fr-btn--tertiary:hover,
|
||
|
.fr-btn--account:hover {
|
||
|
background-color: rgba(0, 0, 0, 0.05);
|
||
|
}
|
||
|
|
||
|
.fr-btn--tertiary:active,
|
||
|
.fr-btn--account:active {
|
||
|
background-color: rgba(0, 0, 0, 0.1);
|
||
|
}
|
||
|
|
||
|
.fr-btn--tertiary:disabled,
|
||
|
a.fr-btn--tertiary:not([href]),
|
||
|
a.fr-btn--account:not([href]),
|
||
|
.fr-btn--account:disabled {
|
||
|
background-color: transparent;
|
||
|
}
|
||
|
|
||
|
.fr-btn--tertiary:disabled:hover,
|
||
|
a.fr-btn--tertiary:not([href]):hover,
|
||
|
a.fr-btn--account:not([href]):hover,
|
||
|
.fr-btn--account:disabled:hover {
|
||
|
background-color: rgba(0, 0, 0, 0.05);
|
||
|
}
|
||
|
|
||
|
.fr-btn--tertiary:disabled:active,
|
||
|
a.fr-btn--tertiary:not([href]):active,
|
||
|
a.fr-btn--account:not([href]):active,
|
||
|
.fr-btn--account:disabled:active {
|
||
|
background-color: rgba(0, 0, 0, 0.1);
|
||
|
}
|
||
|
|
||
|
.fr-btn--tertiary-no-outline,
|
||
|
.fr-btn--close,
|
||
|
.fr-btn--display,
|
||
|
.fr-btn--fullscreen,
|
||
|
.fr-btn--tooltip,
|
||
|
.fr-btn--briefcase,
|
||
|
.fr-btn--team {
|
||
|
background-color: transparent;
|
||
|
}
|
||
|
|
||
|
.fr-btn--tertiary-no-outline:hover,
|
||
|
.fr-btn--close:hover,
|
||
|
.fr-btn--display:hover,
|
||
|
.fr-btn--fullscreen:hover,
|
||
|
.fr-btn--tooltip:hover,
|
||
|
.fr-btn--briefcase:hover,
|
||
|
.fr-btn--team:hover {
|
||
|
background-color: rgba(0, 0, 0, 0.05);
|
||
|
}
|
||
|
|
||
|
.fr-btn--tertiary-no-outline:active,
|
||
|
.fr-btn--close:active,
|
||
|
.fr-btn--display:active,
|
||
|
.fr-btn--fullscreen:active,
|
||
|
.fr-btn--tooltip:active,
|
||
|
.fr-btn--briefcase:active,
|
||
|
.fr-btn--team:active {
|
||
|
background-color: rgba(0, 0, 0, 0.1);
|
||
|
}
|
||
|
|
||
|
.fr-btn--tertiary-no-outline:disabled,
|
||
|
a.fr-btn--tertiary-no-outline:not([href]),
|
||
|
a.fr-btn--close:not([href]),
|
||
|
a.fr-btn--display:not([href]),
|
||
|
a.fr-btn--fullscreen:not([href]),
|
||
|
a.fr-btn--tooltip:not([href]),
|
||
|
a.fr-btn--briefcase:not([href]),
|
||
|
a.fr-btn--team:not([href]),
|
||
|
.fr-btn--close:disabled,
|
||
|
.fr-btn--display:disabled,
|
||
|
.fr-btn--fullscreen:disabled,
|
||
|
.fr-btn--tooltip:disabled,
|
||
|
.fr-btn--briefcase:disabled,
|
||
|
.fr-btn--team:disabled {
|
||
|
background-color: transparent;
|
||
|
}
|
||
|
|
||
|
.fr-btn--tertiary-no-outline:disabled:hover,
|
||
|
a.fr-btn--tertiary-no-outline:not([href]):hover,
|
||
|
a.fr-btn--close:not([href]):hover,
|
||
|
a.fr-btn--display:not([href]):hover,
|
||
|
a.fr-btn--fullscreen:not([href]):hover,
|
||
|
a.fr-btn--tooltip:not([href]):hover,
|
||
|
a.fr-btn--briefcase:not([href]):hover,
|
||
|
a.fr-btn--team:not([href]):hover,
|
||
|
.fr-btn--close:disabled:hover,
|
||
|
.fr-btn--display:disabled:hover,
|
||
|
.fr-btn--fullscreen:disabled:hover,
|
||
|
.fr-btn--tooltip:disabled:hover,
|
||
|
.fr-btn--briefcase:disabled:hover,
|
||
|
.fr-btn--team:disabled:hover {
|
||
|
background-color: rgba(0, 0, 0, 0.05);
|
||
|
}
|
||
|
|
||
|
.fr-btn--tertiary-no-outline:disabled:active,
|
||
|
a.fr-btn--tertiary-no-outline:not([href]):active,
|
||
|
a.fr-btn--close:not([href]):active,
|
||
|
a.fr-btn--display:not([href]):active,
|
||
|
a.fr-btn--fullscreen:not([href]):active,
|
||
|
a.fr-btn--tooltip:not([href]):active,
|
||
|
a.fr-btn--briefcase:not([href]):active,
|
||
|
a.fr-btn--team:not([href]):active,
|
||
|
.fr-btn--close:disabled:active,
|
||
|
.fr-btn--display:disabled:active,
|
||
|
.fr-btn--fullscreen:disabled:active,
|
||
|
.fr-btn--tooltip:disabled:active,
|
||
|
.fr-btn--briefcase:disabled:active,
|
||
|
.fr-btn--team:disabled:active {
|
||
|
background-color: rgba(0, 0, 0, 0.1);
|
||
|
}
|
||
|
}
|