|
|
@ -311,10 +311,6 @@ label > [type="radio"]:not(:disabled) {
|
|
|
|
abbr {
|
|
|
|
abbr {
|
|
|
|
cursor: help;
|
|
|
|
cursor: help;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
:root {
|
|
|
|
|
|
|
|
--max-body-width: 48rem;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
[href^="mailto:"]::before,
|
|
|
|
[href^="mailto:"]::before,
|
|
|
|
[href^="sms:"]::before {
|
|
|
|
[href^="sms:"]::before {
|
|
|
|
content: "✉ ";
|
|
|
|
content: "✉ ";
|
|
|
@ -325,13 +321,14 @@ abbr {
|
|
|
|
[href^="skype:"]::before {
|
|
|
|
[href^="skype:"]::before {
|
|
|
|
content: "✆ ";
|
|
|
|
content: "✆ ";
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
:root {
|
|
|
|
body {
|
|
|
|
--max-body-width: 48rem;
|
|
|
|
max-width: var(--max-body-width);
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
body {
|
|
|
|
body {
|
|
|
|
margin: 0 auto 0.5rem;
|
|
|
|
margin: 0 auto 0.5rem;
|
|
|
|
width: calc(100% - 1rem);
|
|
|
|
width: calc(100% - 1rem);
|
|
|
|
|
|
|
|
max-width: var(--max-body-width);
|
|
|
|
overflow-wrap: break-word;
|
|
|
|
overflow-wrap: break-word;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
@ -718,15 +715,43 @@ picture {
|
|
|
|
--border-hover-color: #b5b5b5;
|
|
|
|
--border-hover-color: #b5b5b5;
|
|
|
|
--background-color: #fff;
|
|
|
|
--background-color: #fff;
|
|
|
|
--highlighted-background-color: #f5f5f5;
|
|
|
|
--highlighted-background-color: #f5f5f5;
|
|
|
|
--text-color: #000;
|
|
|
|
--text-color: #363636;
|
|
|
|
--danger-color: #ff3860;
|
|
|
|
--danger-color: #f14668;
|
|
|
|
--danger-hover-color: #f7375d;
|
|
|
|
--danger-hover-color: #f03a5f;
|
|
|
|
--success-color: #23d160;
|
|
|
|
--success-color: #48c774;
|
|
|
|
--success-hover-color: #22c65b;
|
|
|
|
--success-hover-color: #3ec46d;
|
|
|
|
--danger-text-background-color: #ffe7ec;
|
|
|
|
--danger-text-background-color: #fde0e6;
|
|
|
|
--success-text-background-color: #e4faec;
|
|
|
|
--success-text-background-color: #effaf3;
|
|
|
|
--border-radius: 0.25rem;
|
|
|
|
--border-radius: 0.25rem;
|
|
|
|
--border-width: 1px;
|
|
|
|
--border-width: 1px;
|
|
|
|
|
|
|
|
--code-text-color: #f14668;
|
|
|
|
|
|
|
|
--code-background-color: #f5f5f5;
|
|
|
|
|
|
|
|
--link-color: #3273dc;
|
|
|
|
|
|
|
|
--link-visited-color: #b86bff;
|
|
|
|
|
|
|
|
--link-hover-color: #363636;
|
|
|
|
|
|
|
|
--link-active-color: #363636;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
body {
|
|
|
|
|
|
|
|
background-color: var(--background-color);
|
|
|
|
|
|
|
|
color: var(--text-color);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
a {
|
|
|
|
|
|
|
|
color: var(--link-color);
|
|
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
a:visited {
|
|
|
|
|
|
|
|
color: var(--link-visited-color);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
a:hover {
|
|
|
|
|
|
|
|
color: var(--link-hover-color);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
a:active {
|
|
|
|
|
|
|
|
color: var(--link-active-color);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
button,
|
|
|
|
button,
|
|
|
@ -799,6 +824,12 @@ select:not(:disabled),
|
|
|
|
background: var(--background-color);
|
|
|
|
background: var(--background-color);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
input:not([type="button"]):not([type="checkbox"]):not([type="color"]):not([type="image"]):not([type="radio"]):not([type="reset"]):not([type="submit"]):not([type="file"]):not([type="range"]):disabled,
|
|
|
|
|
|
|
|
textarea:disabled,
|
|
|
|
|
|
|
|
select:disabled {
|
|
|
|
|
|
|
|
background-color: var(--highlighted-background-color);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
input:not([type="button"]):not([type="checkbox"]):not([type="color"]):not([type="image"]):not([type="radio"]):not([type="reset"]):not([type="submit"]):not([type="file"]):hover:not(:disabled):not(:invalid),
|
|
|
|
input:not([type="button"]):not([type="checkbox"]):not([type="color"]):not([type="image"]):not([type="radio"]):not([type="reset"]):not([type="submit"]):not([type="file"]):hover:not(:disabled):not(:invalid),
|
|
|
|
textarea:hover:not(:disabled),
|
|
|
|
textarea:hover:not(:disabled),
|
|
|
|
select:hover:not(:disabled) {
|
|
|
|
select:hover:not(:disabled) {
|
|
|
@ -834,8 +865,9 @@ tfoot > tr:nth-child(even) {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
code {
|
|
|
|
code {
|
|
|
|
background-color: var(--highlighted-background-color);
|
|
|
|
background-color: var(--code-background-color);
|
|
|
|
border-color: var(--highlighted-background-color);
|
|
|
|
border-color: var(--code-background-color);
|
|
|
|
|
|
|
|
color: var(--code-text-color);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
kbd {
|
|
|
|
kbd {
|
|
|
|