feat(CiteThisPage): ✨ add styles for Extension:CiteThisPage

README.md

@@ -47,6 +47,7 @@ Name | Grade | Version | Last updated
 [CategoryTree](https://www.mediawiki.org/wiki/Extension:CategoryTree) | B | N/A | N/A
 [CentralNotice](https://www.mediawiki.org/wiki/Extension:CentralNotice) | B | REL1_35 `4aa2a8f` | 2022-06-16
 [Cite](https://www.mediawiki.org/wiki/Extension:Cite) | A | N/A | N/A
+[CiteThisPage](https://www.mediawiki.org/wiki/Extension:CiteThisPage) | A | REL1_39 `1d21f67` | 2024-07-08
 [CleanChanges](https://www.mediawiki.org/wiki/Extension:CleanChanges) | B | MLEB 2021.07 | 2021-07-29
 [CodeEditor](https://www.mediawiki.org/wiki/Extension:CodeEditor) | A | REL1_39 `67c012c` | 2023-06-03
 [CodeMirror](https://www.mediawiki.org/wiki/Extension:CodeMirror) | A | REL1_35 `a326407` | 2023-05-24

skin.json

@@ -378,6 +378,7 @@
 			"+ext.categoryTree.css": "skinStyles/extensions/CategoryTree/ext.categoryTree.css.less",
 			"+ext.centralNotice.display": "skinStyles/extensions/CentralNotice/ext.centralNotice.display.less",
 			"+ext.cite.styles": "skinStyles/extensions/Cite/ext.cite.styles.less",
+			"+ext.citeThisPage": "skinStyles/extensions/CiteThisPage/ext.citeThisPage.less",
 			"+ext.cleanchanges.uls": "skinStyles/extensions/CleanChanges/ext.cleanchanges.uls.less",
 			"+ext.codeEditor.ace": "skinStyles/extensions/CodeEditor/ext.codeEditor.ace.less",
 			"+jquery.codeEditor": "skinStyles/extensions/CodeEditor/jquery.codeEditor.less",

skinStyles/extensions/CiteThisPage/ext.citeThisPage.less

@@ -0,0 +1,63 @@
+/*
+ * Citizen
+ *
+ * SkinStyles for Extension:CiteThisPage
+ * Module: ext.citeThisPage
+ * Version: REL1_39 1d21f67
+ *
+ * Date: 2024-07-08
+*/
+
+.mw-specialCiteThisPage-bibliographic {
+	width: auto;
+	padding: 0;
+	margin: 0;
+	background-color: transparent;
+
+	h2 {
+		font-size: var( --font-size-large );
+	}
+
+	/* Similar to table styles */
+	ul {
+		margin-left: 0;
+		font-size: var( --font-size-small );
+		list-style: none;
+		border: 1px solid var( --border-color-base );
+		border-radius: var( --border-radius-medium );
+	}
+
+	li {
+		padding: var( --space-xs ) var( --space-sm );
+	}
+
+	li + li {
+		border-top: 1px solid var( --border-color-base );
+	}
+}
+
+.mw-specialCiteThisPage-styles {
+	width: auto;
+	padding: 0;
+	margin: 0;
+
+	h2 {
+		font-size: var( --font-size-large );
+	}
+
+	h3 {
+		font-size: var( --font-size-medium );
+	}
+
+	/* Similar to pre styles */
+	> h3 + p {
+		padding: var( --space-md );
+		font-family: var( --font-family-serif );
+		font-size: var( --font-size-small );
+		font-variant-numeric: lining-nums;
+		color: var( --color-emphasized );
+		background: var( --color-surface-2 );
+		border: 1px solid var( --border-color-base );
+		border-radius: var( --border-radius-large );
+	}
+}