Imported from Mediawiki default skin

mediawiki/resources/Portlet.less

@@ -0,0 +1,33 @@
+// Import MediaWiki skin variables for general fundamental styling.
+@import 'mediawiki.skin.variables.less';
+
+.mw-portlet {
+	position: relative;
+
+	ul {
+		margin: 0;
+	}
+
+	h3 {
+		display: none;
+	}
+
+	li {
+		display: inline-block;
+		margin-right: 10px;
+	}
+
+	input[ type='checkbox' ] {
+		display: block;
+		position: absolute;
+		opacity: 0;
+		cursor: pointer;
+		top: 0;
+		left: 0;
+		z-index: @z-index-stacking-1;
+		width: 100%;
+		height: 100%;
+		margin: 0;
+		padding: 0;
+	}
+}

mediawiki/resources/common.less

@@ -0,0 +1,15 @@
+@media screen {
+	@import './screen-common.less';
+
+	@media ( min-width: 751px ) {
+		@import './screen-desktop.less';
+	}
+
+	@media ( min-width: 750px ) {
+		@import './screen-mobile.less';
+	}
+}
+
+@media print {
+	@import './print.css';
+}

mediawiki/resources/extensions/echo.styles.badge.less

@@ -0,0 +1,7 @@
+// Styles for echo badges
+
+#pt-notifications-alert,
+#pt-notifications-notice {
+	white-space: nowrap;
+	display: inline-block;
+}

mediawiki/resources/print.css

@@ -0,0 +1,11 @@
+/* Styles for print view and printing. */
+/* You can use CSS files or Less files depending on your preference. */
+
+/* Hide some extra stuff from print view (some of the navigation is already hidden automatically,
+   but not all). */
+.mw-indicators,
+#p-logo,
+#catlinks,
+#mw-footer {
+	display: none;
+}

mediawiki/resources/screen-common.less

@@ -0,0 +1,124 @@
+/* Common styling for the Example skin */
+
+@import 'mediawiki.mixins.less';
+
+// Page layout
+
+#mw-wrapper {
+	max-width: @width;
+	margin: 0 auto;
+	position: relative;
+	padding: 1em;
+}
+
+#p-logo {
+	text-align: center;
+	width: 10em;
+	float: right;
+
+	// Make logo image visible
+	// The class sets the background image from $wgLogo, but we still need to give it a size in order to show up
+	a.mw-wiki-logo {
+		display: block;
+		content: '';
+		width: 10em;
+		height: 10em;
+		background-repeat: no-repeat;
+		background-position: 50% 50%;
+	}
+}
+
+.mw-body {
+	position: relative;
+	word-wrap: break-word;
+}
+
+// Some content stuff
+.firstHeading {
+	margin-top: 0;
+}
+
+.mw-indicators {
+	float: right;
+	margin: 1.5em 0 0 1em;
+}
+
+pre {
+	overflow: auto;
+	white-space: pre-wrap;
+}
+
+.center,
+.center * {
+	margin: auto;
+	text-align: center;
+}
+
+// Splatter the menus and tools at the bottom
+.mw-footer,
+#page-tools,
+#p-personal {
+	margin: 1em 0;
+
+	ul {
+		list-style-type: none;
+		margin: 0;
+	}
+
+	li {
+		padding-right: 1em;
+		display: inline-block;
+	}
+}
+
+#page-tools .mw-portlet {
+	display: inline-block;
+}
+
+#mw-navigation {
+	margin: 1em 0;
+
+	h2 {
+		.mixin-screen-reader-text;
+	}
+}
+
+// Footer
+.mw-footer {
+	border-top: 1px solid @border;
+
+	// stylelint-disable-next-line no-descending-specificity
+	ul {
+		margin-top: 1em;
+	}
+}
+
+#footer-icons {
+	float: right;
+	margin: 0 0 1em 1em;
+}
+
+// hidden stuff
+#page-tools h3,
+#p-search h3,
+#p-personal h3 {
+	.mixin-screen-reader-text;
+}
+
+// user tools
+#user-tools {
+	margin-top: 10px;
+}
+
+#p-user-interface-preferences,
+#p-notifications,
+#p-user-page {
+	display: inline-block;
+	vertical-align: middle;
+}
+
+#p-user-page a::before {
+	content: '👤';
+	display: inline-block;
+	padding-right: 10px;
+}

mediawiki/resources/screen-desktop.less

@@ -0,0 +1,13 @@
+/* Styles appear on displays over 750 pixels wide */
+
+#site-navigation {
+	ul {
+		list-style-type: none;
+		margin: 0;
+	}
+
+	li {
+		padding-right: 1em;
+		display: inline-block;
+	}
+}

mediawiki/resources/screen-mobile.less

@@ -0,0 +1,66 @@
+/* Styles appear on displays 750 pixels wide and below */
+
+#p-logo {
+	width: 6em;
+
+	// Make the logo smaller because we're dealing with less space here
+	// Note that background-size doesn't necessarily work in older browsers, but whatever
+	a.mw-wiki-logo {
+		margin: 0 0 1em 1em;
+		width: 5em;
+		height: 5em;
+		background-size: contain;
+	}
+}
+
+#p-banner {
+	display: none;
+}
+
+// Full-width thumbnails (to avoid having really squished text around them)
+div.thumb {
+	float: none;
+}
+
+.thumb {
+	width: 100%;
+	margin: 1em auto;
+}
+
+.thumbinner {
+	/* stylelint-disable-next-line declaration-no-important */
+	width: 100% !important;
+}
+
+div.tright {
+	margin-left: 0;
+
+	.thumbinner {
+		padding-left: 0;
+	}
+}
+
+div.tleft {
+	margin-right: 0;
+
+	.thumbinner {
+		padding-right: 0;
+	}
+}
+
+.thumbimage {
+	display: block;
+	margin: 0 auto 0.5em;
+}
+
+// Keep images from overflowing
+.mw-body-content a > img {
+	/* stylelint-disable-next-line declaration-no-important */
+	height: auto !important;
+	/* stylelint-disable-next-line declaration-no-important */
+	max-width: 100% !important;
+}
+
+.nomobile {
+	display: none;
+}

mediawiki/resources/skin.js

@@ -0,0 +1 @@
+/* JavaScript for the Example skin */

mediawiki/resources/skin.less

@@ -0,0 +1,11 @@
+// Reference all skin stylesheets and variables aside of extension specific.
+// Note, that 'screen-*' and 'print.css' stylesheets are imported in 'common.less'.
+
+// Import MediaWiki skin variables for general fundamental styling.
+@import 'mediawiki.skin.variables.less';
+// Import skin specific variables beyond MediaWiki skin variables scope.
+@import 'variables.less';
+// Import common skin style rules.
+@import 'common.less';
+// Import specific module style rules.
+@import 'Portlet.less';

mediawiki/resources/variables.less

@@ -0,0 +1,2 @@
+@width: 66em;
+@border: #ccc;