User:Telepath70/foreground.css - Revision history

Telepath70 at 09:38, 5 July 2026

2026-07-05T09:38:51Z

Show changes

Telepath70 at 10:23, 4 July 2026

2026-07-04T10:23:10Z

Telepath70 at 10:13, 4 July 2026

2026-07-04T10:13:51Z

Telepath70 at 09:55, 4 July 2026

2026-07-04T09:55:29Z

Telepath70 at 18:50, 22 June 2026

2026-06-22T18:50:19Z

Telepath70 at 15:13, 22 June 2026

2026-06-22T15:13:18Z

Telepath70 at 14:02, 21 June 2026

2026-06-21T14:02:24Z

Telepath70 at 13:58, 21 June 2026

2026-06-21T13:58:58Z

Telepath70 at 13:57, 21 June 2026

2026-06-21T13:57:24Z

Telepath70 at 13:54, 21 June 2026

2026-06-21T13:54:08Z

← Older revision		Revision as of 10:23, 4 July 2026
Line 1:		Line 1:
−	Recent test v1	+	Recent test v2

	@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wdth,wght@62.5..100,100..900&family=Noto+Sans+Symbols+2&family=Noto+Sans:ital,wdth,wght@0,62.5..100,100..900;1,62.5..100,100..900&display=swap');		@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wdth,wght@62.5..100,100..900&family=Noto+Sans+Symbols+2&family=Noto+Sans:ital,wdth,wght@0,62.5..100,100..900;1,62.5..100,100..900&display=swap');

← Older revision		Revision as of 10:13, 4 July 2026
Line 1:		Line 1:
		+	Recent test v1
		+
	@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wdth,wght@62.5..100,100..900&family=Noto+Sans+Symbols+2&family=Noto+Sans:ital,wdth,wght@0,62.5..100,100..900;1,62.5..100,100..900&display=swap');		@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wdth,wght@62.5..100,100..900&family=Noto+Sans+Symbols+2&family=Noto+Sans:ital,wdth,wght@0,62.5..100,100..900;1,62.5..100,100..900&display=swap');

@@ Line 27: / Line 27: @@
      --head: oklch(sqrt(calc(3/24)) pow(calc(3/18), 2) 210deg);
      --accent: oklch(sqrt(calc(7/24)) pow(calc(6/18), 2) 210deg);
      --dark: oklch(sqrt(calc(4/24)) pow(calc(6/18), 2) 220deg);
      --white: oklch(sqrt(calc(71/72)) pow(calc(1/18), 2) 180deg);
      --red: oklch(sqrt(calc(7/24)) pow(calc(8/18), 2) 45deg);
      --orange: oklch(sqrt(calc(15/24)) pow(calc(7/18), 2) 75deg);
      overscroll-behavior: none;
@@ Line 40: / Line 44: @@
      background-blend-mode: screen;
      background-attachment: fixed;
+}
@@ Line 138: / Line 143: @@
      color: var(--accent);
+}
 p :not(b) a, li :not(b) a {
      font-weight: 450;
@@ Line 150: / Line 154: @@
      color: var(--dark);
      text-decoration: underline;
+}
@@ Line 221: / Line 233: @@
 .top-bar-section ul li.hover > a, .top-bar-section ul li ul.dropdown li.hover > a, top-bar-section ul li ul.dropdown li.hover > a {
      color: var(--orange);
+}

@@ Line 20: / Line 20: @@
      --bg: oklch(sqrt(calc(23/24)) pow(calc(1/18), 2) 180deg);
      --grey: oklch(sqrt(calc(22/24)) pow(calc(1/18), 2) 210deg);
      --dgrey: oklch(sqrt(calc(18/24)) pow(calc(1/18), 2) 225deg);
      --text: oklch(sqrt(calc(2/24)) pow(calc(3/18), 2) 240deg);
      --head: oklch(sqrt(calc(3/24)) pow(calc(3/18), 2) 210deg);
@@ Line 28: / Line 30: @@
      --white: oklch(sqrt(calc(71/72)) pow(calc(1/18), 2) 180deg);
      --red: oklch(sqrt(calc(7/24)) pow(calc(8/18), 2) 45deg);
      overscroll-behavior: none;
@@ Line 33: / Line 36: @@
 body {
      font-family: var(--sans);
+}
@@ Line 41: / Line 50: @@
+}
-code, kbd, pre, samp, #wpTextbox1, .diff-deletedline, .diff-addedline, .diff-context {
+code, kbd, pre, samp, textarea#wpTextbox1, .diff-deletedline, .diff-addedline, .diff-context {
      font-family: var(--mono) !important;
+}
@@ Line 47: / Line 56: @@
 h2 {
      font-family: "Miasm", var(--sans);
      & .mw-editsection {
          font-family: var(--sans);
+     }
+}
 .title {
      font-family: "Strasua", var(--sans);
-     font-size: 4rem;
+     font-size: 4em;
+}
@@ Line 71: / Line 108: @@
+}
-table tr:nth-of-type(odd), .smw-editpage-help, input#wpPreview {
+.smw-editpage-help, input#wpPreview {
      background-color: var(--grey);
      border-color: var(--dgrey);
+}
 textarea, input:not([type]), input[type="search"], table tr:nth-of-type(even), li.gallerybox div.thumb {
      background-color: var(--white);
+}
 a, .wikiEditor-ui-tabs div a, .wikiEditor-ui-toolbar .tabs span.tab a {
      font-weight: 450;
-     color: var(--accent);
+}
@@ Line 96: / Line 158: @@
 #navwrapper .top-bar {
      background: var(--accent);
+}
@@ Line 115: / Line 181: @@
+}
-footer.row {
+blockquote p, footer.row {
-     color: var(--head);
+     color: var(--ddgrey);
+}
 .previewnote {
      color: var(--red);
+}

@@ Line 1: / Line 1: @@
 @font-face {
-     font-family: 'Miasm';
+     font-family: "Strasua";
-     src: url('https://bocpages.org/assets/fonts/miasm.ttf') format('truetype');
+     src: url(https://bocpages.org/assets/fonts/strasua.ttf) format(truetype);
-     font-weight: normal;
+     font-display: swap;
-     font-style: normal;
+    unicode-range: U+20-5A, U+5C, U+5F-7A, U+7C, U+A1, U+A3, U+A5, U+A8-A9, U+AB, U+AE, U+B4, U+B8, U+BB, U+BF-D6, U+D8-F6, U+F8-FF, U+131, U+141-142, U+152-153, U+160-161, U+178, U+17D-17E, U+2C6-2C7, U+2DA, U+2DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2022, U+2026, U+2044, U+20AC, U+2122;
-     font-display: swap;
+}
-h1, h2, h3, h4 {
+.previewnote {
-     font-family: 'Miasm', sans-serif;
+     color: var(--red);
+}

@@ Line 1: / Line 1: @@
 @font-face {
     font-family: "miasm";
-    src: url("https://bocpages/assets/fonts/miasm.ttf") format("ttf");
+    src: url("https://bocpages.org/assets/fonts/miasm.ttf") format("ttf");
+}
 @font-face {
     font-family: "strasua";
-    src: url("https://bocpages/assets/fonts/strasua.ttf") format("ttf");
+    src: url("https://bocpages.org/assets/fonts/strasua.ttf") format("ttf");
+}

← Older revision		Revision as of 13:54, 21 June 2026
Line 1:		Line 1:
	@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wdth,wght@62.5..100,100..900&family=Noto+Sans+Symbols+2&family=Noto+Sans:ital,wdth,wght@0,62.5..100,100..900;1,62.5..100,100..900&display=swap');		@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wdth,wght@62.5..100,100..900&family=Noto+Sans+Symbols+2&family=Noto+Sans:ital,wdth,wght@0,62.5..100,100..900;1,62.5..100,100..900&display=swap');
		+
		+
		+	@font-face {
		+	font-family: "Miasm";
		+	src: url("assets/fonts/miasm.ttf") format("ttf");
		+	}

	body {		body {