Skuhoo: Created page with "/*

 */  /* Loka Wiki theme */  /* Import fonts: Universal Serif */ @import url('http://assets.lokamc.com/static/fonts/UniversalSerif.ttf');  /* CSS variables */ :root { 	/* Border */ 	/* Border color */ 	--loka-border-color-base: rgba(0, 0, 0, 0.08); 	--loka-border-color-subtle: rgba(0, 0, 0, 0.05); 	--loka-border-color-interactive: rgba(0, 0, 0, 0.11); 	/* Border radius */ 	--loka-border-radius-sharp: 0; 	--loka-border-radius-small: 4px; 	--loka-border-radi..."

2026-08-14T18:39:56Z

Created page with "<pre><nowiki>: Loka Wiki theme: Import fonts: Universal Serif: @import url('http://assets.lokamc.com/static/fonts/UniversalSerif.ttf'); CSS variables: :root { Border: Border color: --loka-border-color-base: rgba(0, 0, 0, 0.08); --loka-border-color-subtle: rgba(0, 0, 0, 0.05); --loka-border-color-interactive: rgba(0, 0, 0, 0.11); Border radius: --loka-border-radius-sharp: 0; --loka-border-radius-small: 4px; --loka-border-radi..."

New page

/* <pre><nowiki> */

/* Loka Wiki theme */

/* Import fonts: Universal Serif */
@import url('http://assets.lokamc.com/static/fonts/UniversalSerif.ttf');

/* CSS variables */
:root {
/* Border */
/* Border color */
--loka-border-color-base: rgba(0, 0, 0, 0.08);
--loka-border-color-subtle: rgba(0, 0, 0, 0.05);
--loka-border-color-interactive: rgba(0, 0, 0, 0.11);
/* Border radius */
--loka-border-radius-sharp: 0;
--loka-border-radius-small: 4px;
--loka-border-radius-medium: 8px;
--loka-border-radius-large: 12px;
--loka-border-radius-pill: 9999px;
--loka-border-radius-circle: 50%;
/* Shorthand */
--loka-border-base: 1px solid var(--loka-border-color-base);

/* Color */
/* Text color */
--loka-color-emphasized: #1a1f15;
--loka-color-base: #2a3025;
--loka-color-subtle: #4e5a42;
--loka-color-inverted-progressive: #fff;
--loka-color-link: #36c;
/* Background color */
--loka-color-surface-0: #f9f4ee;
--loka-color-surface-1: #fffbf6;
--loka-color-surface-2: #f6ede0;
--loka-color-surface-3: #f0e3cf;
--loka-color-surface-4: #e6d9c5;
--loka-color-surface-5: #e3d2b8;
/* Progressive color */
--loka-color-progressive: #507b07;
--loka-color-progressive--hover: #588418;
--loka-color-progressive--active: #4a710a;

/* Font */
/* Font family */
--loka-font-family-heading: 'UNIVERSAL-SERIF', serif;
--loka-font-family-body: 'Roboto', sans-serif;
/* Font variant */
--loka-font-variant-heading: small-caps;
/* Font size */
--loka-font-size-x-small: 0.8125rem;
--loka-font-size-small: 0.875rem;
--loka-font-size-medium: 1rem;
--loka-font-size-large: 1.125rem;
--loka-font-size-x-large: 1.25rem;
--loka-font-size-xx-large: 1.5rem;
--loka-font-size-xxx-large: 2rem;
/* Font weight */
--loka-font-weight-regular: 400;
--loka-font-weight-medium: 500;
--loka-font-weight-semibold: 600;
/* Line height */
--loka-line-height-xxx-small: 1.25;
--loka-line-height-xx-small: 1.375;
--loka-line-height: 1.6;

/* Opacity */
--loka-opacity-pattern: 0.08;

/* Codex token backport */
/* Quiet color */
--background-color-button-quiet--hover: rgba(0, 0, 0, 0.07);
--background-color-button-quiet--active: rgba(0, 0, 0, 0.09);
}

html {
/* Force serif fonts to format number on the same line */
font-variant-numeric: lining-nums;
}

/* Blockquote */
blockquote {
padding-left: 1rem;
border-left: 2px solid var(--loka-border-color-base);
font-style: italic;
/* Fallback for non-Chromium browsers */
text-wrap: balance;
/* Only works on Chromium browsers */
text-wrap: pretty;
}

blockquote cite {
color: var(--loka-color-subtle);
font-size: var(--loka-font-size-x-small);
font-style: normal;
}

blockquote cite::before {
content: '―';
margin-right: 0.5em;
}

blockquote > p:first-child::before {
content: open-quote;
}

/* <cite> is wrapped in the last <p> */
blockquote:has(cite) > p:nth-last-child(2)::after,
blockquote:not(:has(cite)) > p:last-child::after {
content: close-quote;
}

/* LINKS */
a {
/*color: var(--loka-color-link);*/
}

.underlinelink a {
text-decoration: underline !important;
}
.nounderlinelink a {
text-decoration: none !important;
}
.nounderlinelink a:hover {
text-decoration: underline !important;
}

/* SEQUENCE TEMPLATE */

td.seqwhite a {
color: #ffffff !important;
}
td.seqwhite div span a {
color: #ffffff !important;
}
td.seqcream a {
color: #fffdd0 !important;
}
td.seqcream div span a {
color: #fffdd0 !important;
}
td.seqgrey a {
color: #2a2a2a !important;
}
td.seqgrey div span a {
color: #2a2a2a !important;
}

/* REFERENCES TEMPLATE */
ol.references {
font-size: var(--loka-font-size-x-small);
margin-top: 0px;
padding-top: 0px;
}
.references-small {
font-size: 0.75rem;
}
ol.references > li:target {
background-color: #ddeeff;
}
sup.reference:target {
background-color: #ddeeff;
}

/* Infobox customizations so they scale for desktop and mobile appropriately */
@media only screen and (max-width: 600px) {
.lokainfobox {
min-width: 100%;
}
}

@media only screen and (min-width: 601px) {
.lokainfobox {
width: 275px;
}
}

@media screen and (max-width: 850px) {
#p-logo-text {
/* Tighten the logo a bit more to the left on mobile devices to prevent overlapping */
left: 3em;
}
}

/* Print styles */
@media print {
:root {
/* Border */
/* Border color */
--loka-border-color-base: #aaa !important;
--loka-border-color-subtle: #ddd !important;
--loka-border-color-interactive: #000 !important;
/* Color */
/* Text color */
--loka-color-emphasized: #000 !important;
--loka-color-base: #222 !important;
--loka-color-subtle: #444 !important;
/* Background color */
--loka-color-surface-0: #fff !important;
--loka-color-surface-1: #fff !important;
--loka-color-surface-2: #fff !important;
--loka-color-surface-3: #fff !important;
--loka-color-surface-4: #fff !important;
--loka-color-surface-5: #fff !important;
/* Progressive color */
--loka-color-progressive: #000 !important;
}
}

/* Limit FloatingUI content width */
.ext-floatingui-floating-content {
max-width: 50ch;
padding: 12px;
}

/* </nowiki></pre> */

MediaWiki:Common.css - Revision history