// Themes
body[data-theme="rainbow"],
body[data-theme="progress"] {
--navbar-item-background: #0008;
--navbar-item-hover: #000f;
}
body[data-theme="rainbow"],
body[data-theme="trans"],
body[data-theme="progress"] {
.contributor-hexylena {
background: repeating-linear-gradient(45deg, #cfe4f777 0em, #cfe4f777 2em, #f7d7dc77 2em, #f7d7dc77 4em, #ffffff77 4em, #ffffff77 6em, #f7d7dc77 6em, #f7d7dc77 8em, #cfe4f777 8em, #cfe4f777 10em);
}
.tutorials-list:not(.topic-type-use) table.table-striped {
tbody tr:nth-of-type(5n+1) td:not(:first-child) { color: red; i{color: red} }
tbody tr:nth-of-type(5n+2) td:not(:first-child) { color: orange; i{color: orange} }
tbody tr:nth-of-type(5n+3) td:not(:first-child) { color: green; i{color: green} }
tbody tr:nth-of-type(5n+4) td:not(:first-child) { color: blue; i{color: blue} }
tbody tr:nth-of-type(5n+5) td:not(:first-child) { color: purple; i{color: purple} }
}
.tutorials-list.topic-type-use table.table-striped {
tbody tr td:nth-of-type(6n+2) { color: red; i{color: red} }
tbody tr td:nth-of-type(6n+3) { color: orange; i{color: orange} }
tbody tr td:nth-of-type(6n+4) { color: green; i{color: green} }
tbody tr td:nth-of-type(6n+5) { color: blue; i{color: blue} }
tbody tr td:nth-of-type(6n+6) { color: purple; i{color: purple} }
thead th:nth-of-type(6n+2) { color: red }
thead th:nth-of-type(6n+3) { color: orange }
thead th:nth-of-type(6n+4) { color: green }
thead th:nth-of-type(6n+5) { color: blue }
thead th:nth-of-type(6n+6) { color: purple }
}
}
body[data-theme="rainbow"] {
.tutorial {
--h1-theme-before: " 🌈 ";
--h1-theme-after: " 🌈 ";
h1::after {
display: inline-block;
transform: scale(-1, 1) translateX(-1rem);
}
}
nav.navbar, .remark-slide .my-header, hr {
background: linear-gradient(to bottom,#e2453c 0,#e2453c 16%,#e07e39 16%,#e07e39 32%,#e5d667 32%,#e5d667 48%,#51b95b 48%,#51b95b 66%,#1e72b7 66%,#1e72b7 86%,#6f5ba7 86%) no-repeat !important;
}
hr {
height: 0.5em;
background: linear-gradient(135deg,#e2453c 0,#e2453c 16%,#e07e39 16%,#e07e39 32%,#e5d667 32%,#e5d667 48%,#51b95b 48%,#51b95b 66%,#1e72b7 66%,#1e72b7 86%,#6f5ba7 86%) no-repeat !important;
}
}
body[data-theme="progress"] {
.tutorial {
--h1-theme-before: "🏳️🌈";
--h1-theme-after: "🏳️⚧️ ";
}
nav.navbar, .remark-slide .my-header {
background: linear-gradient(120deg,#2c3143 0px 130px,#fdda0f 131px 139px,#fff 140px 148px,#f4b0c9 149px 157px,#7ccee6 158px 166px,#93540c 167px 175px,#000 176px 184px,transparent 185px),linear-gradient(45deg,#2c3143 0px 110px,#2c314300 110px),linear-gradient(180deg,#FE0000 16.66%,#FD8C00 16.66% 33.32%,#FFE500 33.32% 49.98%,#119F0B 49.98% 66.64%,#0644B3 66.64% 83.3%,#C22EDC 83.3%);
}
hr {
height: 0.5em;
}
p:nth-child(8n+7)::selection {background: hsl(285,76%,57%)}
p:nth-child(8n+0)::selection {background: hsl(330,76%,57%)}
p:nth-child(8n+1)::selection {background: hsl(15,76%,57%)}
p:nth-child(8n+2)::selection {background: hsl(60,76%,57%)}
p:nth-child(8n+3)::selection {background: hsl(105,76%,57%)}
p:nth-child(8n+4)::selection {background: hsl(150,76%,57%)}
p:nth-child(8n+5)::selection {background: hsl(195,76%,57%)}
p:nth-child(9n+6)::selection {background: hsl(240,76%,57%)}
li:nth-child(8n+7)::selection {background: hsl(285,76%,57%)}
li:nth-child(8n+0)::selection {background: hsl(330,76%,57%)}
li:nth-child(8n+1)::selection {background: hsl(15,76%,57%)}
li:nth-child(8n+2)::selection {background: hsl(60,76%,57%)}
li:nth-child(8n+3)::selection {background: hsl(105,76%,57%)}
li:nth-child(8n+4)::selection {background: hsl(150,76%,57%)}
li:nth-child(8n+5)::selection {background: hsl(195,76%,57%)}
li:nth-child(9n+6)::selection {background: hsl(240,76%,57%)}
}
body[data-theme="trans"] {
--brand-color: pink;
--brand-color-contrast: black;
.tutorial {
--h1-theme-before: "🏳️⚧️";
--h1-theme-after: "🏳️⚧️ ";
}
nav.navbar, .remark-slide .my-header, hr {
background: repeating-linear-gradient(135deg, rgba(148,187,233,1) 0, rgba(148,187,233,1) 2em, rgba(238,174,202,1) 2em, rgba(238,174,202,1) 4em, rgba(255,255,255,1) 4em, rgba(255,255,255,1) 6em);
}
hr {
height: 0.5em;
}
blockquote.quote {
border-style: solid !important;
border-image: linear-gradient( to bottom, pink, white, aqua, pink, white, aqua ) 1 100% !important;
border-width: 0px 0px 0px 5px !important;
}
p:nth-child(3n+0)::selection {background: rgba(148,187,233,1); color: black}
p:nth-child(3n+1)::selection {background: rgba(238,174,202,1); color: black}
p:nth-child(3n+2)::selection {background: rgba(200,200,200,1); color: black}
li:nth-child(3n+0)::selection {background: rgba(148,187,233,1); color: black}
li:nth-child(3n+1)::selection {background: rgba(238,174,202,1); color: black}
li:nth-child(3n+2)::selection {background: rgba(200,200,200,1); color: black}
nav li {
li:nth-child(3n+0) {border-left: 3px solid rgb(148,187,233)}
li:nth-child(3n+1) {border-left: 3px solid rgb(238,174,202)}
li:nth-child(3n+2) {border-left: 3px solid rgb(255,255,255)}
}
}
body[data-theme="blm"] {
--brand-color: #462300;
nav.navbar, .remark-slide .my-header, hr {
background: repeating-linear-gradient(135deg, #731 0, #731 2em,#743 2em,#743 4em,#631 4em, #631 6em,#421 6em,#421 8em,#310 8em, #310 10em, #000 10em, #000 12em);
}
hr {
height: 0.5em;
}
}
body[data-theme="halloween"] {
--brand-color: orange;
--brand-color-contrast: black;
--h1-theme-before: " 🎃 ";
--h1-theme-after: " 🎃 ";
--h2-theme-before: " 👻 ";
--h2-theme-after: " 👻 ";
}
body[data-theme="straya"] {
--h1-theme-before: " 🦘 ";
--h1-theme-after: " 🦈 ";
--h2-theme-before: " 🐨 ";
--h2-theme-after: " 🐨 ";
--brand-color: #00843d;
hr {
height: 0.5em;
background: repeating-linear-gradient(135deg, #000 0, #000 2em,#ff0 2em,#ff0 3em,#f00 3em, #f00 5em);
}
}
body.downunder {
transform:rotate(180deg);
}
