From a1789ddde42033f1b05cc4929491214ee6e79383 Mon Sep 17 00:00:00 2001 From: Pierre Schmitz Date: Thu, 17 Dec 2015 09:15:42 +0100 Subject: Update to MediaWiki 1.26.0 --- skins/Vector/responsive.less | 78 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 78 insertions(+) create mode 100644 skins/Vector/responsive.less (limited to 'skins/Vector/responsive.less') diff --git a/skins/Vector/responsive.less b/skins/Vector/responsive.less new file mode 100644 index 00000000..fe64581f --- /dev/null +++ b/skins/Vector/responsive.less @@ -0,0 +1,78 @@ +/* + The styles below essentially place the navigation menu below the content, + instead of to the side of it. They also hide the logo, as there's no space + left for it. +*/ + +div#mw-head { + position: static !important; + margin-top: 0.5em; +} + +/* Move the panel to the bottom and display it as in-line lists */ +div#mw-navigation { + div#mw-panel { + display: table; + position: static; + table-layout: fixed; + width: 100%; + overflow: hidden; + font-size: 150%; + + .portal { + display: block; + width: 100%; + } + + ul li { + list-style: none; + } + } +} + +/* Hide the logo and tabs */ +div#p-logo, +div#left-navigation, +div#p-cactions, +div#p-views { + display: none; +} + +/* Rearrange various page elements to fill the now-available space */ +body div#footer { + margin-left: 0; + padding-top: 0; + + /* don't need these in the footer either... */ + li#footer-info-lastmod, + li#footer-info-viewcount { + display: none; + } +} +div#p-personal { + display: table; + position: relative; + width: 100%; + top: inherit; + left: inherit; + right: inherit; + + ul { + padding-left: 0; + } +} +div#right-navigation { + max-width: 500px; + position: absolute; + top: inherit; + margin-top: -1px; + float: none; +} +div#p-search { + margin-left: 73px; +} +div#content { + /* Hide the 1px blue border on the left side */ + border-left: 0; + margin-left: 0; +} \ No newline at end of file -- cgit v1.2.2