/* component css file - googleFontPoppins.css */
@font-face {
font-family: "Poppins";
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm21llEA.ttf) format("truetype");
}
@font-face {
font-family: "Poppins";
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrJJLedw.ttf) format("truetype");
}
@font-face {
font-family: "Poppins";
font-style: italic;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmr19lEA.ttf) format("truetype");
}
@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDz8V1s.ttf) format("truetype");
}
@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrFJA.ttf) format("truetype");
}
@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6V1s.ttf) format("truetype");
}
/* component css file - googleFontAmiri.css */
/* arabic */
@font-face {
font-family: "Amiri";
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/amiri/v30/J7afnpd8CGxBHpUrhLQY67FIEjgjpQ.woff2) format("woff2");
unicode-range:
U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A,
U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin-ext */
@font-face {
font-family: "Amiri";
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/amiri/v30/J7afnpd8CGxBHpUrhL8Y67FIEjgjpQ.woff2) format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: "Amiri";
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/amiri/v30/J7afnpd8CGxBHpUrhLEY67FIEjg.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
font-family: "Amiri";
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/amiri/v30/J7aanpd8CGxBHpUrjAo9_plqHxIZrCE4KA.woff2) format("woff2");
unicode-range:
U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A,
U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin-ext */
@font-face {
font-family: "Amiri";
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/amiri/v30/J7aanpd8CGxBHpUrjAo9_pJqHxIZrCE4KA.woff2) format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: "Amiri";
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/amiri/v30/J7aanpd8CGxBHpUrjAo9_pxqHxIZrCE.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
font-family: "Amiri";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/amiri/v30/J7aRnpd8CGxBHpUrtLMS7JNKIjk.woff2) format("woff2");
unicode-range:
U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A,
U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin-ext */
@font-face {
font-family: "Amiri";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/amiri/v30/J7aRnpd8CGxBHpUgtLMS7JNKIjk.woff2) format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: "Amiri";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/amiri/v30/J7aRnpd8CGxBHpUutLMS7JNK.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
font-family: "Amiri";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/amiri/v30/J7acnpd8CGxBHp2VkaY6zp5gGDAbnCA.woff2) format("woff2");
unicode-range:
U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A,
U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin-ext */
@font-face {
font-family: "Amiri";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/amiri/v30/J7acnpd8CGxBHp2VkaYxzp5gGDAbnCA.woff2) format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: "Amiri";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/amiri/v30/J7acnpd8CGxBHp2VkaY_zp5gGDAb.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* component css file - fontHugeIcons.css */
@font-face {
font-family: "hugeicons-stroke-rounded";
src: url("https://use.hugeicons.com/font/hgi-stroke-rounded.eot?t=1778060577158"); /* IE9*/
src:
url("https://use.hugeicons.com/font/hgi-stroke-rounded.eot?t=1778060577158#iefix") format("embedded-opentype"),
url("https://use.hugeicons.com/font/hgi-stroke-rounded.woff2?t=1778060577158") format("woff2"),
url("https://use.hugeicons.com/font/hgi-stroke-rounded.woff?t=1778060577158") format("woff"),
url("https://use.hugeicons.com/font/hgi-stroke-rounded.ttf?t=1778060577158") format("truetype"),
url("https://use.hugeicons.com/font/hgi-stroke-rounded.svg?t=1778060577158#hugeicons-stroke-rounded") format("svg"); /* iOS 4.1- */
}
/* component css file - primary.css */
html {
display: flex;
flex-direction: column;
box-sizing: border-box;
height: 100%;
}
*,
*::before,
*::after {
overflow-wrap: break-word;
font-weight: 300;
box-sizing: inherit;
margin: 0;
padding: 0;
color: inherit;
font-family: inherit;
font-smooth: always;
-webkit-font-smoothing: antialiased;
text-wrap: pretty;
line-height: 1.5;
list-style-type: none;
text-decoration: none;
}
body {
font-family: "poppins", sans-serif;
font-size: 16px;
user-select: none;
-drag: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 12px;
flex: 1 1 0;
}
p,
h1,
h2,
h3,
h4,
h5,
h6,
img,
picture,
video,
canvas,
svg {
max-width: 100%;
}
p,
pre,
li {
display: block;
}
h1,
h2,
h3,
h4,
h5,
h6 {
text-wrap: balance;
}
h1 {
font-size: 2rem;
margin: 14px 0;
}
h1 span {
border-bottom: 3px solid rgb(81 147 93/50%);
}
h2 {
font-size: 1.75rem;
margin: 12px 0;
}
h2 span {
border-bottom: 3px solid rgb(81 147 93/30%);
}
h3 {
font-size: 1.45rem;
margin: 10px 0;
}
h4 {
font-size: 1.1rem;
margin: 8px 0;
}
h5 {
font-size: 0.9rem;
margin: 6px 0;
}
h6 {
font-size: 0.7rem;
margin: 4px 0;
}
span {
font: inherit;
}
copyright {
font-size: 80%;
padding: 12px 0;
}
message {
background: rgb(128 128 128 / 30%);
padding: 8px 14px;
border-radius: 12px;
text-align: center;
display: flex;
flex-direction: column;
gap: 8px;
}
.hidden {
display: none;
}
tMenu {
padding: 12px 0;
display: flex;
gap: 8px;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
loader {
position: absolute;
top: 50%;
left: 50%;
margin: -50px 0 0 -50px;
width: 100px;
height: 100px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
opacity: 0.7;
}
content,
tHeader,
tFooter {
padding-left: 40px;
padding-right: 40px;
}
tMenu {
padding-left: 90px;
padding-right: 90px;
}
.datetime {
text-transform: lowercase;
}
.gridWide {
grid-column: 1 / -1;
}
primary {
display: flex;
flex-direction: column;
gap: 14px;
flex: 1 1 auto;
width: 100%;
}
primary blockquote,
primary pre {
border: 2px solid rgb(81 147 93/40%);
background: rgb(128 128 128 / 12%);
margin: 12px 38px;
padding: 17px 22px;
border-radius: 12px;
display: block;
}
primary ul li {
list-style-type: square;
}
primary ol li {
list-style-type: decimal;
}
primary li {
display: list-item;
list-style-position: outside;
padding-top: 6px;
padding-inline-start: 7px;
}
primary li p {
margin: 0;
}
primary ul,
primary ol {
padding-bottom: 6px;
}
primary ol {
margin-left: 50px;
}
primary ul {
margin-left: 30px;
}
primary ul li::marker {
color: rgb(81 147 93/50%);
}
primary ul li:hover::marker {
color: rgb(81 147 93/70%);
}
primary ol li::marker {
color: rgb(81 147 93/80%);
}
primary ol li:hover::marker {
color: rgb(81 147 93/100%);
}
primary table {
display: table;
margin: 12px 38px;
border-collapse: separate;
border-spacing: 4px;
}
primary th,
primary td {
padding: 7px 11px;
border-radius: 7px;
word-break: break-all;
}
primary thead {
background: rgb(128 128 128/42%);
}
primary tbody tr:nth-child(even) {
background-color: rgb(128 128 128/24%);
}
primary tbody tr:nth-child(odd) {
background-color: rgb(128 128 128/12%);
}
primary hr {
height: 4px;
width: 82%;
margin: 32px auto;
border: none;
background: rgb(128 128 128/32%);
border-radius: 2px;
}
primary img {
margin: 32px auto;
display: block;
border-radius: 12px;
}
secondary {
display: flex;
flex: 1 1 auto;
flex-direction: column;
background: rgb(128 128 128 / 6%);
border-radius: 12px;
padding: 14px 18px;
gap: 32px;
}
secondary .iconIcon {
font-size: 130%;
}
content {
width: 100%;
max-width: 1220px;
display: flex;
flex: 1 1 0;
gap: 22px;
padding: 0 50px;
}
message:empty,
secondary:empty,
breadcrumbs:empty {
display: none;
}
ccImage {
height: 35px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin: 7px 0;
display: block;
opacity: 0.85;
}
.posts {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 22px;
}
.posts .post {
background: rgb(128 128 128 / 6%);
border-radius: 12px;
padding: 17px 24px;
border: 3px solid transparent;
}
.posts .post:hover {
background: rgb(128 128 128 / 12%);
border-color: rgb(81 147 93/50%);
}
.posts .post:active {
background: rgb(128 128 128 / 24%);
border-color: rgb(81 147 93/70%);
}
.post {
display: flex;
flex-direction: column;
gap: 12px;
width: 100%;
}
.post .postTitle {
font-size: 140%;
font-weight: 600;
}
.post .postDatetime {
font-size: 70%;
}
.postReadingTime {
font-size: 70%;
}
.home .postReadingTime {
display: none;
}
.toggleMode {
position: fixed;
top: 7px;
right: 12px;
}
.goHome {
display: flex;
gap: 8px;
position: fixed;
top: 7px;
left: 12px;
z-index: 10;
}
search {
display: flex;
gap: 8px;
position: fixed;
top: 7px;
left: 50px;
z-index: 10;
}
search:not(.on) .offHide {
display: none;
}
search.on {
border-radius: 12px;
padding: 12px 12px;
border: 3px solid rgb(81 147 93/30%);
}
languages {
display: flex;
gap: 8px;
position: fixed;
top: 7px;
right: 50px;
z-index: 10;
}
languages.on button {
align-self: flex-start;
}
languages:not(.on) .offHide {
display: none;
}
languages.on {
border-radius: 12px;
padding: 12px 12px;
border: 3px solid rgb(81 147 93/30%);
}
languagesList {
display: flex;
flex-direction: column;
gap: 8px;
}
.posts .post .postTitle span {
border-bottom: 2px solid rgb(81 147 93/60%);
}
.posts .post:hover .postTitle span {
border-color: rgb(81 147 93/80%);
}
.posts .post:active .postTitle span {
border-color: rgb(81 147 93/100%);
}
primary p {
line-height: 1.7;
}
.posts .post .postTags {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.posts .post .postTags span {
border-radius: 7px;
background: rgb(128 128 128 / 18%);
padding: 5px 11px;
font-size: 80%;
}
tmenu {
display: flex;
flex-wrap: wrap;
gap: 11px;
text-align: center;
justify-content: center;
align-items: center;
}
tfooter tmenu {
font-size: 80%;
}
.pagination {
display: flex;
text-align: center;
justify-content: center;
align-items: center;
grid-column: 1 / -1;
gap: 12px;
}
primary .block {
margin: 0;
}
.error {
display: flex;
flex-direction: column;
height: 100%;
text-align: center;
justify-content: center;
align-items: center;
}
.error:before {
font-size: 200%;
}
.home secondary {
display: none;
}
.listItem {
display: flex;
gap: 7px;
justify-content: center;
align-items: center;
}
.pageContent,
.postContent,
.pageContent blockquote,
.postContent blockquote {
display: flex;
flex-direction: column;
gap: 17px;
}
blockquote h1,
blockquote h2,
blockquote h3,
blockquote h4,
blockquote h5,
blockquote h6 {
margin: auto;
}
primary h1,
primary h2,
primary h3,
primary h4,
primary h5,
primary h6 {
width: fit-content;
}
primary h1 span,
primary h2 span,
primary h3 span,
primary h4 span,
primary h5 span,
primary h6 span {
display: inline;
}
strong {
padding: 2px 5px;
}
img[title="narrow"] {
max-width: 420px;
}
.mapChildren {
justify-content: flex-start;
align-items: flex-start;
text-align: start;
gap: 5px;
}
breadcrumbs {
display: flex;
gap: 11px;
justify-content: start;
align-items: center;
font-size: 80%;
margin-bottom: 12px;
}
.breadcrumbsSplitter:before {
font-size: 120%;
}
.postTags {
display: flex;
flex-wrap: wrap;
justify-content: start;
align-items: center;
text-align: center;
gap: 7px;
font-size: 90%;
margin-bottom: 12px;
}
tFooter {
width: 100%;
background: rgb(81 147 93/20%);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
gap: 7px;
margin: 24px 0 0 0;
padding: 17px 30px 22px 30px;
}
.home breadcrumbs {
display: none;
}
#gotoTop {
position: fixed;
display: none;
bottom: 12px;
right: 12px;
}
.iconLarge {
font-size: 140%;
}
.center {
justify-self: center;
align-self: center;
text-align: center;
}
.right {
justify-self: end;
align-self: start;
text-align: right;
}
.left {
justify-self: start;
align-self: start;
text-align: left;
}
.verticalSpacing {
margin-top: 12px;
margin-bottom: 12px;
}
.horizontalSpacing {
margin-right: 12px;
margin-left: 12px;
}
.widthSmall {
max-width: 200px;
}
:not(pre) > code {
display: inline-block;
border: 2px solid rgb(81 147 93/40%);
background: rgb(128 128 128/12%);
padding: 1px 7px;
margin: 2px 4px;
border-radius: 7px;
}
akeleiLogoText {
background-repeat: no-repeat;
background-position: center center;
margin: 0 auto;
height: 100px;
width: 100px;
display: grid;
}
/* component css file - icons.css */
.icon:before,
.icon:after,
.iconIcon {
font-family: "hugeicons-stroke-rounded";
}
.backup:before {
content: "\f1a05";
}
.change:before {
content: "\f1c3e";
}
.active:before,
.deactivate:before {
content: "\f1975";
}
.inactive:before,
.activate:before {
content: "\f26c5";
}
.save:before {
content: "\f2524";
}
.remove:before {
content: "\f1b35";
}
.add:before {
content: "\f150c";
}
.subtract:before {
content: "\f2139";
}
.edit:before {
content: "\f1c01";
}
.close:before {
content: "\f18bc";
}
.download:before {
content: "\f1bb4";
}
.upload:before {
content: "\f28fb";
}
.link:before {
content: "\f1fa8";
}
.translate:before {
content: "\f2896";
}
.previous:before {
content: "\f1612";
}
.next:before {
content: "\f1623";
}
.top:before {
content: "\f1632";
font-size: 130%;
}
.children a:before {
content: "\f1fa8";
}
.breadcrumbsSplitter:before {
content: "\f1623";
}
.light .toggleMode:before {
content: "\f2725";
}
.dark .toggleMode:before {
content: "\f2174";
}
search:not(.on) button.toggleSearch:before {
content: "\f2546";
}
search.on button.toggleSearch:before {
content: "\f18bc";
}
button.search:before {
content: "\f2546";
}
a.home:before {
content: "\f1e37";
}
.error:before {
content: "\f1584";
}
languages:not(.on) button.toggleLanguages:before {
content: "\f1d80";
}
languages.on button.toggleLanguages:before {
content: "\f18bc";
}
/* component css file - darklight.css */
body.light {
background-color: rgb(238, 238, 241);
color: rgb(13, 13, 13);
}
body.dark {
background-color: rgb(13, 13, 13);
color: rgb(238, 238, 241);
}
.dark search.on,
.dark languages.on {
background: rgb(23 23 23 / 90%);
}
.light search.on,
.light languages.on {
background: rgb(248 248 251 / 90%);
}
.dark strong {
background: rgb(81 147 93/30%);
}
.light strong {
background: rgb(81 147 93/20%);
}
/* component css file - admin.css */
.admin primary {
display: block;
}
.admin .mainMenu,
.admin tHeader,
.admin tFooter {
display: none;
}
.adminTableHeader {
display: block;
font-weight: 600;
text-align: center;
}
.adminTagsBlock {
display: flex;
gap: 12px;
flex-wrap: wrap;
}
.adminTagsBlock label:has(input[type="checkbox"]:checked) {
background: rgb(81 147 93 / 60%);
}
.adminTagsBlock label {
cursor: pointer;
padding: 4px 8px;
border-radius: 7px;
background: rgb(128 128 128 /20%);
}
.adminTagsBlock label:hover {
background: rgb(128 128 128 /50%);
}
.adminTagsBlock label:has(input[type="checkbox"]:checked):hover {
background: rgb(81 147 93 / 80%);
}
.adminMenuPages {
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.adminMenuSelected {
display: flex;
flex-direction: column;
gap: 8px;
cursor: pointer;
}
.adminMenuSelected button:first-of-type {
pointer-events: none;
}
.adminMenuSelected button {
position: relative;
}
.admin content {
max-width: 100%;
margin-bottom: 70px;
}
.admin primary p {
margin-top: 4px;
margin-bottom: 4px;
line-height: 1.2;
}
.admin a:has(logo) {
pointer-events: none;
cursor: default;
}
.adminFullLink {
font-size: 80%;
}
.admin li {
padding-top: 0;
padding-bottom: 0;
}
.adminLink {
border: none;
}
/* component css file - ask.css */
input,
select,
textarea,
button,
.likeButton {
border-radius: 7px;
}
input,
button,
.likeButton,
textarea,
select {
font: inherit;
resize: none;
padding: 4px 12px;
outline: none;
background: rgb(128, 128, 128, 12%);
border: none;
overflow-y: hidden;
}
button,
.likeButton {
padding: 4px 9px;
cursor: pointer;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
button:hover,
.likeButton:hover {
background: rgb(81 147 93 / 30%);
}
button:active,
.likeButton:active {
background: rgb(81 147 93 / 70%);
}
input:focus,
select:focus,
textarea:focus {
background: rgb(81 147 93 / 30%);
}
ask {
max-width: 100%;
display: flex;
gap: 8px;
flex-wrap: wrap;
}
ask input,
ask select,
ask textarea {
flex: 1 1 0;
min-width: 0;
width: 100%;
}
ask ::placeholder {
opacity: 0.6;
font-size: 80%;
}
.askContainer {
display: flex;
flex-direction: column;
gap: 8px;
}
.askRow {
display: flex;
flex-wrap: wrap;
flex-wrap: balance;
gap: 8px;
width: 100%;
}
.askRow > * {
flex: 1 1 0;
min-width: 170px;
}
.askItem {
flex: 1 0 auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.askWrapper {
background: rgb(128 128 128 / 6%);
padding: 11px 17px;
border-radius: 12px;
}
.askWrapper:has(.askButtons) {
padding-top: 41px;
}
.askButtons {
display: flex;
gap: 4px;
align-items: center;
min-width: 0;
}
.askWrapper .askButtons {
position: absolute;
right: 8px;
top: 8px;
font-size: 80%;
}
.askCheckbox {
display: none;
}
textarea {
min-height: 140px;
}
button.clean {
padding: 0;
margin: 0;
background: none;
}
.askLabel > label {
position: absolute;
text-align: center;
opacity: 0.6;
font-size: 80%;
left: 0;
top: 8px;
width: 100%;
}
ask,
block {
position: relative;
}
.askLabel {
width: 100%;
padding-top: 30px;
}
button.icon {
font-size: 110%;
}
.button,
.button * {
border: none;
padding: 0;
margin: 0;
}
.likeButton {
display: flex;
width: auto;
font-size: 110%;
}
/* component css file - links.css */
a {
width: 100%;
}
primary a {
padding-bottom: 2px;
border-bottom: 2px solid rgb(81 147 93/50%);
}
primary a:hover {
border-color: rgb(81 147 93/70%);
}
primary a:active {
border-color: rgb(81 147 93/90%);
}
secondary a {
border-bottom: 2px solid rgb(81 147 93/60%);
}
secondary a:hover {
border-color: rgb(81 147 93/80%);
}
secondary a:active {
border-color: rgb(81 147 93/100%);
}
tmenu a {
border-bottom: 2px solid rgb(81 147 93/60%);
}
tmenu a:hover {
border-color: rgb(81 147 93/80%);
}
tmenu a:active {
border-color: rgb(81 147 93/100%);
}
tmenu a.home {
border: none;
background: rgb(128 128 128/12%);
border-radius: 7px;
padding: 0 9px;
font-size: 150%;
line-height: 1;
display: inline-flex;
}
tmenu a.home:hover {
background-color: rgb(81 147 93/30%);
}
tmenu a.home:active {
background-color: rgb(81 147 93/50%);
}
.pagination a {
background: rgb(128 128 128 / 12%);
padding: 3px 6px;
border-radius: 7px;
border: none;
font-size: 80%;
width: initial;
}
.pagination a:hover {
background: rgb(128 128 128 / 24%);
}
.pagination a:active {
background: rgb(128 128 128 / 32%);
}
.children a {
border: none;
display: flex;
gap: 5px;
justify-content: flex-start;
align-items: center;
}
.children a:before {
font-size: 120%;
color: rgb(81 147 93/70%);
}
.children a:hover:before {
color: rgb(81 147 93/90%);
}
.children a:active:before {
color: rgb(81 147 93/100%);
}
a.tagSegment {
width: fit-content;
border: none;
display: block;
background: rgb(81 147 93/30%);
border-radius: 7px;
padding: 4px 11px;
}
a.tagSegment:hover {
background: rgb(81 147 93/45%);
}
a.tagSegment:active {
background: rgb(81 147 93/60%);
}
/* component css file - audio.css */
audio {
display: none;
}
.audioControls:before {
font-family: "hugeicons-stroke-rounded";
content: "\f2348";
}
audioBox:has(audio:playing) .audioControls:before {
content: "\f22d7";
}
.audioControls {
display: inline-grid;
padding: 0 4px;
}
/* component css file - svg.css */
loader {
background-image: url('data:image/svg+xml,');
}
.light ccImage {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
}
.dark ccImage {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
}
akeleiLogoText {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
}
/* component css file - mobile.css */
@media only screen and (max-width: 768px) {
content {
flex-direction: column;
gap: 18px;
width: 100%;
padding: 0 20px;
}
primary {
flex: 1 1 0;
}
secondary {
order: -1;
flex: 0 1 0;
padding-bottom: 24px;
}
.posts {
grid-template-columns: 1fr;
}
search {
max-width: 80vw;
}
tHeader,
.adminMenu {
margin-top: 42px;
}
tMenu {
padding-left: 0;
padding-right: 0;
}
.adminMenu {
padding-left: 20px;
padding-right: 20px;
}
}
/* component css file - custom.css */
/* component css file - customSvg.css */