119 lines
3.2 KiB
CSS
119 lines
3.2 KiB
CSS
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* Trying to figure out how to make notes/warnings/etc working */
|
|
|
|
/* -- admonitions ----------------------------------------------------------- */
|
|
div.admonition > :last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
div.admonition::after {
|
|
display: block;
|
|
content: '';
|
|
clear: both;
|
|
}
|
|
|
|
div.admonition {
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
padding: 7px;
|
|
}
|
|
|
|
div.admonition dt {
|
|
font-weight: bold;
|
|
}
|
|
|
|
p.admonition-title {
|
|
margin: 0px 10px 5px 0px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
div.body p.centered {
|
|
text-align: center;
|
|
margin-top: 25px;
|
|
}
|
|
|
|
|
|
:root {
|
|
--pst-color-primary: 19, 6, 84;
|
|
--pst-color-success: 40, 167, 69;
|
|
--pst-color-info: 0, 123, 255; /*23, 162, 184;*/
|
|
--pst-color-warning: 255, 193, 7;
|
|
--pst-color-danger: 220, 53, 69;
|
|
|
|
/*****************************************************************************
|
|
* Icon
|
|
**/
|
|
|
|
/* font awesome icons*/
|
|
--pst-icon-check-circle: '\f058';
|
|
--pst-icon-info-circle: '\f05a';
|
|
--pst-icon-exclamation-triangle: '\f071';
|
|
--pst-icon-exclamation-circle: '\f06a';
|
|
--pst-icon-times-circle: '\f057';
|
|
--pst-icon-lightbulb: '\f0eb';
|
|
|
|
/*****************************************************************************
|
|
* Admonitions
|
|
**/
|
|
|
|
|
|
|
|
--pst-color-admonition-default: var(--pst-color-info);
|
|
--pst-color-admonition-note: var(--pst-color-info);
|
|
--pst-color-admonition-attention: var(--pst-color-warning);
|
|
--pst-color-admonition-caution: var(--pst-color-warning);
|
|
--pst-color-admonition-warning: var(--pst-color-warning);
|
|
--pst-color-admonition-danger: var(--pst-color-danger);
|
|
--pst-color-admonition-error: var(--pst-color-danger);
|
|
--pst-color-admonition-hint: var(--pst-color-success);
|
|
--pst-color-admonition-tip: var(--pst-color-success);
|
|
--pst-color-admonition-important: var(--pst-color-success);
|
|
|
|
--pst-icon-admonition-default: var(--pst-icon-info-circle);
|
|
--pst-icon-admonition-note: var(--pst-icon-info-circle);
|
|
--pst-icon-admonition-attention: var(--pst-icon-exclamation-circle);
|
|
--pst-icon-admonition-caution: var(--pst-icon-exclamation-triangle);
|
|
--pst-icon-admonition-warning: var(--pst-icon-exclamation-triangle);
|
|
--pst-icon-admonition-danger: var(--pst-icon-exclamation-triangle);
|
|
--pst-icon-admonition-error: var(--pst-icon-times-circle);
|
|
--pst-icon-admonition-hint: var(--pst-icon-lightbulb);
|
|
--pst-icon-admonition-tip: var(--pst-icon-lightbulb);
|
|
--pst-icon-admonition-important: var(--pst-icon-exclamation-circle);
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* progress bar */
|
|
/* "sourced" aka copied from - https://www.pagemelt.ink/published/ */
|
|
/* I have probably made enough changes that is it now "inspired by", but where is that lie really? */
|
|
|
|
.progress {
|
|
background-color: white;
|
|
border: 2px solid var(--base-dark);
|
|
border-radius: 3px;
|
|
height: 14px;
|
|
margin: .5em auto;
|
|
position: absolute;
|
|
top: 38%;
|
|
width: 106%;
|
|
z-index: 1;
|
|
}
|
|
|
|
.progress__bar50 {
|
|
background-color: var(--base-green);
|
|
border-right: 2px solid var(--base-dark);
|
|
height: 10px;
|
|
width: 50%
|
|
}
|
|
|
|
.progress__bar.progress__bar--dnf {
|
|
background-color: var(--base-yellow);
|
|
}
|