MediaWiki:Common.css

/* Fonts */ @import url('https://fonts.googleapis.com/css2?family=Spartan:wght@800&display=swap');

/* Cards */ .card { border-color: rgb(7 1 2 / 16%); box-shadow: 4px 4px 0px 0px rgb(60 60 60 / 25%); border-radius: .5rem; }

.card:before, .card:after, .card-body:before, .card-body:after { content: " "; position: absolute; width: .8rem; height: .8rem; border-radius: 100%; background: rgb(0 0 0 / 27%); box-shadow: 0.2rem 0.1rem 0 rgb(7 1 2 / 16%) inset; }

.card.dots-sm:before, .card.dots-sm:after, .card.dots-sm .card-body:before, .card.dots-sm .card-body:after { width: .5rem; height: .5rem; }

.card:before { top: .7rem; left: .5rem; }

.card:after { top: .7rem; right: .5rem; }

.card-body { padding: 1rem 2rem; }

.card-body:before { bottom: .7rem; left: .5rem; }

.card-body:after { bottom: .7rem; right: .5rem; }

.card-body p:last-child { margin-bottom: 0; }

/* Sidebox specific */ .sidebox-item { padding: 1rem 0; border-bottom: 2px solid #dadada; }

.sidebox-item:last-child { border: none; }

.sidebox-accordion-btn:after { display: inline-block; position: absolute; right: 0; margin-right: 2.33rem; margin-top: .33rem; content: ""; border-top: .6em solid; border-right: .4em solid transparent; border-bottom: 0; border-left: .4em solid transparent; transition: all .5s ease; }

.sidebox-accordion-btn[aria-expanded="true"]:after { transform: rotate(180deg); }

/* Levelnav specific */ .levelnav { font-weight: 600; }

font-size: 2rem; }
 * 1) levelnav-main {

.levelnav-next { text-align: end; font-size: 1.2rem; border-left: 2px solid #dadada; }

.levelnav-previous { text-align: start; font-size: 1.2rem; border-right: 2px solid #dadada; }

@media (max-width: 767px) { .levelnav-previous, .levelnav-next { border-width: 1px; position: relative; }   .levelnav-previous { right: -1rem; }   .levelnav-next { left: -1rem; } }

.levelnav-next::after, .levelnav-previous::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 13' width='14' height='13' preserveAspectRatio='none'%3E%3Cpath d='M.39 9.53L0 3.85l6.59.94L6.35 0 14 6.58 6.34 13l.09-4.45-6.04.98z'%3E%3C/path%3E%3C/svg%3E"); margin: 0 1rem; display: inline-block; }

.levelnav-previous:before { transform: rotate(180deg); }