1 files changed, 119 insertions, 0 deletions
diff --git a/www/wiki/skins/Timeless/resources/screen-desktop.less b/www/wiki/skins/Timeless/resources/screen-desktop.less
new file mode 100644
index 00000000..1727078b
--- /dev/null
+++ b/www/wiki/skins/Timeless/resources/screen-desktop.less
@@ -0,0 +1,119 @@
+@import 'variables.less';
+
+// Override menu display from mobile
+// This also requires !importants where they hover and stuff
+.dropdown,
+.sidebar-inner {
+	display: block !important;
+}
+
+.ts-inner {
+	max-width: @content-width;
+	padding: 0 1em;
+	margin: auto;
+}
+#mw-content-container {
+	.background-image-svg( 'images/cat-grey.svg', 'images/cat-grey.png' );
+	background-repeat: no-repeat;
+	background-position: center 15em;
+}
+
+/* Header */
+
+#mw-header-container {
+	/* Stupid IE10+ bug requires defining the height property for this to work
+	 * the way it is intended; without doing that this'll break horribly under
+	 * IE10 and IE11.
+	 * @see https://phabricator.wikimedia.org/T173769
+	 */
+	height: 0;
+	position: fixed;
+	z-index: 100;
+	top: 0;
+	width: 100%;
+	background: @background;
+	color: @text;
+	padding: 0.5em 0 0;
+	min-height: @fixed-header-height;
+	box-sizing: border-box;
+}
+#p-logo-text {
+	width: @column-left-size;
+	float: left;
+}
+#p-search {
+	margin-left: @column-left-size;
+	margin-right: @column-right-size;
+}
+#user-tools {
+	width: @column-right-size;
+	float: right;
+}
+#mw-header-nav-hack,
+#mw-header-hack {
+	position: fixed;
+	z-index: 97;
+	top: @fixed-header-height;
+	box-shadow: 0 3px 3px 2px rgba( 0, 0, 0, 0.075 ), 0 0 2px rgba( 0, 0, 0, 0.2 );
+}
+#mw-header-nav-hack {
+	display: none;
+}
+
+.dropdown {
+	display: none !important;
+}
+
+#personal {
+	display: inline-block;
+	position: relative;
+	padding-left: 1.5em;
+	line-height: 1;
+
+	.dropdown {
+		.dropdown-menu();
+		top: 2.95em;
+		right: -2em;
+	}
+	.pokey {
+		top: 2.05em;
+	}
+	h2 {
+		margin: 0;
+		padding: 0.7em 0 0 25px;
+		font-family: @fonts-secondary;
+		font-weight: normal;
+		font-size: 1.1em;
+		.background-image-svg( 'images/user-grey.svg', 'images/user-grey.png' );
+		background-position: 0 7px;
+		background-repeat: no-repeat;
+
+		.dropdown-header();
+
+		span {
+			display: inline-block;
+			height: 1em;
+			overflow: hidden;
+			word-wrap: break-word;
+		}
+	}
+	&:hover {
+		.pokey,
+		.dropdown {
+			display: block !important;
+		}
+	}
+}
+
+#mw-page-header-links #ca-more,
+#mw-page-header-links #ca-languages,
+.sidebar-chunk h2 {
+	display: none;
+}
+
+/* Content */
+
+#mw-content-container {
+	margin-top: @fixed-header-height;
+	padding-bottom: 1em;
+}