329 lines
5.4 KiB
CSS
329 lines
5.4 KiB
CSS
:root {
|
|
--r-background-color: #fff;
|
|
--r-main-font: Source Sans Pro, simhei, microsoft yahei;
|
|
--r-main-font-size: 32px;
|
|
--r-main-color: #222;
|
|
--r-block-margin: 12px;
|
|
--r-heading-margin: 0 0 12px 0;
|
|
--r-heading-font: Source Sans Pro, microsoft yahei, simhei;
|
|
--r-heading-color: #0c4c8a;
|
|
--r-heading-line-height: 1.2em;
|
|
--r-heading-letter-spacing: normal;
|
|
--r-heading-text-transform: none;
|
|
--r-heading-text-shadow: none;
|
|
--r-heading-font-weight: 900;
|
|
--r-heading1-text-shadow: none;
|
|
--r-heading1-size: 2.5em;
|
|
--r-heading2-size: 1.6em;
|
|
--r-heading3-size: 1.3em;
|
|
--r-heading4-size: 1em;
|
|
--r-code-font: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono,
|
|
Courier New, monospace;
|
|
--r-link-color: #ef562d;
|
|
--r-link-color-dark: #ef562d;
|
|
--r-link-color-hover: #d13076;
|
|
--r-selection-background-color: #98bdef;
|
|
--r-selection-color: #fff;
|
|
--quarto-hl-fu-color: #c53800;
|
|
}
|
|
|
|
.reveal .title-slide h1 {
|
|
text-align: center;
|
|
line-height: var(--r-heading-line-height);
|
|
}
|
|
|
|
section#title-slide p.author,
|
|
section#title-slide p.institute,
|
|
section#title-slide p.date {
|
|
font-size: var(--r-heading2-size);
|
|
color: gray;
|
|
}
|
|
|
|
section#title-slide h1.title:after {
|
|
content: " ";
|
|
display: block;
|
|
border: 3px solid;
|
|
border-image: linear-gradient(to right, white, var(--r-heading-color), white)
|
|
1;
|
|
border-radius: 1px;
|
|
}
|
|
|
|
section#title-slide p.subtitle {
|
|
font-size: var(--r-heading3-size);
|
|
text-decoration: underline;
|
|
color: gray;
|
|
}
|
|
|
|
section#title-slide a {
|
|
color: gray;
|
|
}
|
|
|
|
.reveal .slide-number a {
|
|
color: #bbbbbb;
|
|
font-size: 10pt;
|
|
}
|
|
|
|
section#title-slide a:hover {
|
|
color: var(--r-link-color-hover);
|
|
}
|
|
|
|
.reveal[data-navigation-mode="linear"] .title-slide h1 {
|
|
font-size: var(--r-heading2-size);
|
|
}
|
|
|
|
section#TOC {
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
}
|
|
|
|
section#TOC h2 {
|
|
font-size: var(--r-heading2-size);
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
|
|
section#TOC h2:after {
|
|
content: " ";
|
|
display: block;
|
|
border: 3px solid;
|
|
border-image: linear-gradient(to right, white, var(--r-heading-color), white)
|
|
1;
|
|
border-radius: 1px;
|
|
}
|
|
|
|
section#TOC ul {
|
|
text-align: left;
|
|
vertical-align: middle;
|
|
margin-top: 3em;
|
|
line-height: 1.6em;
|
|
}
|
|
|
|
section#TOC ol li {
|
|
font-size: var(--r-heading3-size);
|
|
font-weight: bold;
|
|
color: gray;
|
|
list-style-type: number;
|
|
line-height: 1.6em;
|
|
}
|
|
|
|
section#TOC strong,
|
|
section#TOC b {
|
|
color: black;
|
|
}
|
|
|
|
section#TOC ul li {
|
|
font-size: var(--r-heading3-size);
|
|
font-weight: bold;
|
|
color: gray;
|
|
list-style-type: circle;
|
|
line-height: 1.6em;
|
|
}
|
|
|
|
section#TOC a {
|
|
color: black;
|
|
}
|
|
|
|
section#TOC a:hover {
|
|
color: var(--r-link-color-hover);
|
|
}
|
|
|
|
.reveal h2 {
|
|
text-align: left;
|
|
margin-top: 0px;
|
|
line-height: var(--r-heading-line-height);
|
|
}
|
|
|
|
.reveal .title-slide h1:after {
|
|
content: " ";
|
|
display: block;
|
|
border: 3px solid;
|
|
border-image: linear-gradient(to right, white, var(--r-heading-color), white)
|
|
1;
|
|
border-radius: 1px;
|
|
}
|
|
|
|
.reveal h2:after {
|
|
content: " ";
|
|
display: block;
|
|
border: 3px solid;
|
|
border-image: linear-gradient(to right, var(--r-heading-color), white) 1;
|
|
border-radius: 1px;
|
|
}
|
|
|
|
.reveal ul {
|
|
list-style-type: circle;
|
|
}
|
|
|
|
.reveal ul li {
|
|
line-height: 1.2em;
|
|
}
|
|
|
|
.reveal .thank h2 {
|
|
font-size: var(--r-heading1-size);
|
|
line-height: var(--r-heading-line-height);
|
|
}
|
|
|
|
.reveal .thank {
|
|
text-align: center;
|
|
}
|
|
|
|
.reveal .thank h2:after {
|
|
content: " ";
|
|
display: block;
|
|
border: 3px solid;
|
|
border-image: linear-gradient(to right, white, var(--r-heading-color), white)
|
|
1;
|
|
border-radius: 1px;
|
|
}
|
|
|
|
.panel-tabset [role="tab"] {
|
|
border-bottom: 1px solid red;
|
|
}
|
|
|
|
.panel-tabset [role="tab"][aria-selected="true"] {
|
|
background-color: #ffdddd;
|
|
border-bottom: 1px solid red;
|
|
}
|
|
|
|
.white {
|
|
color: #ffffff;
|
|
}
|
|
.orange {
|
|
color: #e09a25;
|
|
}
|
|
.green {
|
|
color: #006e51;
|
|
}
|
|
.pink {
|
|
color: #d13076;
|
|
}
|
|
|
|
.dusty {
|
|
color: #ad5d5d;
|
|
}
|
|
|
|
.flame {
|
|
color: #ef562d;
|
|
}
|
|
.kale {
|
|
color: #5c7148;
|
|
}
|
|
.blue {
|
|
color: #0c4c8a;
|
|
}
|
|
.red {
|
|
color: #b93a32;
|
|
}
|
|
.clay {
|
|
color: #9e4624;
|
|
}
|
|
.bodacious {
|
|
color: #b76ba3;
|
|
}
|
|
.serenity {
|
|
color: #91a8d0;
|
|
}
|
|
|
|
.cognac {
|
|
color: #60413c;
|
|
}
|
|
.sangria {
|
|
color: #760030;
|
|
}
|
|
|
|
.alumium {
|
|
color: #75796a;
|
|
}
|
|
|
|
.marsala {
|
|
color: #964f4c;
|
|
}
|
|
.purple {
|
|
color: #702fa8;
|
|
}
|
|
|
|
.blank {
|
|
background-color: "Yellow";
|
|
width: 100%;
|
|
color: red;
|
|
}
|
|
|
|
.reveal .slide aside {
|
|
position: absolute;
|
|
margin: 0 auto;
|
|
left: 2%;
|
|
font-size: 0.7em;
|
|
text-align: end;
|
|
max-width: 90%;
|
|
width: fit-content;
|
|
color: gray;
|
|
bottom: -6%;
|
|
}
|
|
|
|
.ref {
|
|
position: absolute;
|
|
margin: 0 auto;
|
|
right: 2%;
|
|
font-size: 1em;
|
|
text-align: end;
|
|
max-width: 90%;
|
|
width: fit-content;
|
|
color: gray;
|
|
bottom: -6%;
|
|
}
|
|
|
|
.con {
|
|
position: absolute;
|
|
margin: 0 auto;
|
|
font-size: 1.4em;
|
|
text-align: center;
|
|
font-family: inherit;
|
|
max-width: 100%;
|
|
width: fit-content;
|
|
color: #023047;
|
|
bottom: -2%;
|
|
}
|
|
|
|
.center {
|
|
text-align: center;
|
|
}
|
|
|
|
.tiny {
|
|
font-size: 60%;
|
|
}
|
|
|
|
figure > figcaption {
|
|
margin-top: -0.5em;
|
|
}
|
|
|
|
.reveal .slide figure > figcaption,
|
|
.reveal .slide img.stretch + p.caption,
|
|
.reveal .slide img.r-stretch + p.caption {
|
|
font-size: 0.9em;
|
|
text-align: center;
|
|
}
|
|
|
|
.reveal strong, .reveal b {
|
|
font-weight: bold;
|
|
color: crimson;
|
|
}
|
|
|
|
.reveal pre code {
|
|
background-color: #554433;
|
|
line-height: 1.2em;
|
|
color: #fff;
|
|
font-size: x-large;
|
|
}
|
|
|
|
section#title-slide p.subtitle {
|
|
font-size: var(--r-heading3-size);
|
|
text-decoration: none;
|
|
color: gray;
|
|
}
|
|
|
|
.reveal div.sourceCode pre code {
|
|
background-color: #002233;
|
|
min-height: 100%;
|
|
font-size: x-large;
|
|
}
|