Jack Phoenix has uploaded a new change for review.
https://gerrit.wikimedia.org/r/155291
Change subject: Version 1.7: works with MW 1.23+
......................................................................
Version 1.7: works with MW 1.23+
Also includes two new themes, Stellarbook (for Monobook) and Dark (for
Vector).
Bug: 66508
ShoutWiki SVN revisions: r2413, r2414, r2557, r2575
r2557 was originally committed by Cook879 (<cook879{ at }shoutwiki{ dot
}com>)
Special thanks to MatmaRex for the actual MW 1.23+ fix (r2575)
Change-Id: I47c591dedb6366953fba32f9b91414b386db8ac7
---
M Theme.php
M monobook/dark.css
A monobook/stellarbook.css
A monobook/stellarbook/audio.png
A monobook/stellarbook/discussionitem_icon.png
A monobook/stellarbook/file_icon.gif
A monobook/stellarbook/headbg.jpg
A monobook/stellarbook/lock_icon.png
A monobook/stellarbook/mail_icon.png
A monobook/stellarbook/news_icon.png
A monobook/stellarbook/video.png
A vector/dark.css
A vector/dark/arrow-down-icon.png
A vector/dark/bullet-icon.png
A vector/dark/page-base.png
A vector/dark/page-fade.png
A vector/dark/portal-break.png
A vector/dark/preferences-break.png
A vector/dark/preferences-fade.png
A vector/dark/search-fade.png
A vector/dark/search-ltr.png
A vector/dark/tab-break.png
A vector/dark/tab-current-fade.png
A vector/dark/tab-normal-fade.png
24 files changed, 1,325 insertions(+), 16 deletions(-)
git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/Theme
refs/changes/91/155291/1
diff --git a/Theme.php b/Theme.php
index 223d590..6216fc1 100644
--- a/Theme.php
+++ b/Theme.php
@@ -4,11 +4,11 @@
*
* @file
* @ingroup Extensions
- * @version 1.5
+ * @version 1.7
* @author Ryan Schmidt <skizzerz at gmail dot com>
* @author Jack Phoenix <[email protected]>
- * @license http://en.wikipedia.org/wiki/Public_domain Public domain
- * @link http://www.mediawiki.org/wiki/Extension:Theme Documentation
+ * @license https://en.wikipedia.org/wiki/Public_domain Public domain
+ * @link https://www.mediawiki.org/wiki/Extension:Theme Documentation
*/
if ( !defined( 'MEDIAWIKI' ) ) {
@@ -18,7 +18,7 @@
// Extension credits that will show up on Special:Version
$wgExtensionCredits['other'][] = array(
'name' => 'Theme',
- 'version' => '1.5',
+ 'version' => '1.7',
'author' => array( 'Ryan Schmidt', 'Jack Phoenix' ),
'description' => 'Theme loader extension for skins',
'url' => 'https://www.mediawiki.org/wiki/Extension:Theme'
@@ -33,15 +33,44 @@
// in the custom skin's Skinname.php file
//
// Monobook
-$wgResourceModules['skins.monobook.dark'] = array(
+/**
+ * XXX FILTHY HACK ALERT!
+ * The 'themeloader.' prefix is needed to work around a dumb MediaWiki core bug
+ * introduced in MW 1.23. Without a prefix of any kind (i.e. if we have
+ * 'skins.monobook.foobar'), the modules are loaded *before* the skin's core
+ * CSS, and hence shit hits the fan.
+ * Same goes if the prefix sorts *above* 'skins' in the alphabet (hence why we
+ * can't use 'shoutwiki.' as the prefix, for example).
+ * Apparently™ this "never should have worked" and it only worked "due to dumb
luck",
+ * despite working consistently from MW 1.16 to 1.22.
+ * I honestly have no idea anymore.
+ *
+ * @see https://bugzilla.wikimedia.org/show_bug.cgi?id=45229
+ * @see https://bugzilla.wikimedia.org/show_bug.cgi?id=66508
+ */
+$wgResourceModules['themeloader.skins.monobook.dark'] = array(
'styles' => array(
'extensions/Theme/monobook/dark.css' => array( 'media' =>
'screen' )
)
);
-$wgResourceModules['skins.monobook.pink'] = array(
+$wgResourceModules['themeloader.skins.monobook.pink'] = array(
'styles' => array(
'extensions/Theme/monobook/pink.css' => array( 'media' =>
'screen' )
+ )
+);
+
+$wgResourceModules['themeloader.skins.monobook.stellarbook'] = array(
+ 'styles' => array(
+ 'extensions/Theme/monobook/stellarbook.css' => array( 'media'
=> 'screen' )
+ )
+
+);
+
+// Vector
+$wgResourceModules['themeloader.skins.vector.dark'] = array(
+ 'styles' => array(
+ 'extensions/Theme/vector/dark.css' => array( 'media' =>
'screen' )
)
);
@@ -49,14 +78,14 @@
$wgHooks['BeforePageDisplay'][] = 'wfDisplayTheme';
function wfDisplayTheme( &$out, &$sk ) {
- global $wgRequest, $wgStylePath, $wgStyleDirectory, $wgDefaultTheme,
$wgValidSkinNames;
+ global $wgRequest, $wgDefaultTheme, $wgValidSkinNames;
global $wgResourceModules;
$theme = $wgRequest->getVal( 'usetheme', false );
$useskin = $wgRequest->getVal( 'useskin', false );
$skin = $useskin ? $useskin : $sk->getSkinName();
- if( !array_key_exists( strtolower( $skin ), $wgValidSkinNames ) ) {
+ if ( !array_key_exists( strtolower( $skin ), $wgValidSkinNames ) ) {
// so we don't load themes for skins when we can't actually
load the skin
$skin = $sk->getSkinName();
}
@@ -67,26 +96,23 @@
return true;
}
- if( $theme ) {
+ if ( $theme ) {
$themeName = $theme;
- } elseif( isset( $wgDefaultTheme ) && $wgDefaultTheme != 'default' ) {
+ } elseif ( isset( $wgDefaultTheme ) && $wgDefaultTheme != 'default' ) {
$themeName = $wgDefaultTheme;
} else {
$themeName = false;
}
- $moduleName = 'skins.' . strtolower( $skin ) . '.' .
+ $moduleName = 'themeloader.skins.' . strtolower( $skin ) . '.' .
strtolower( $themeName );
// Check that we have something to include later on; if not, bail out
- if( !$themeName || !isset( $wgResourceModules[$moduleName] ) ) {
+ if ( !$themeName || !isset( $wgResourceModules[$moduleName] ) ) {
return true;
}
- // Add the CSS file, either via ResourceLoader or the old (1.16) way.
- // When adding via RL, we also check that such a module has been
registered
- // (above, in the if() loop) because RL may explode if we try to add a
- // module that does not exist.
+ // Add the CSS file via ResourceLoader.
$out->addModuleStyles( $moduleName );
return true;
diff --git a/monobook/dark.css b/monobook/dark.css
index 0ee3939..9c8a82d 100644
--- a/monobook/dark.css
+++ b/monobook/dark.css
@@ -415,4 +415,13 @@
}
td.diff-addedline ins, td.diff-deletedline del {
color: #a33d3d;
+}
+
+/* Make diffs readable */
+table.diff,
+td.diff-otitle,
+td.diff-ntitle,
+td.diff-context {
+ background-color: transparent !important;
+ color: #d2d2d2;
}
\ No newline at end of file
diff --git a/monobook/stellarbook.css b/monobook/stellarbook.css
new file mode 100644
index 0000000..5d5f18e
--- /dev/null
+++ b/monobook/stellarbook.css
@@ -0,0 +1,448 @@
+/*
+** MediaWiki 'StellarBook' style sheet for CSS2-capable browsers.
+**
+** @date 14 January 2013
+** @license http://www.gnu.org/copyleft/gpl.html GNU General Public License
2.0 or later
+*/
+div#content {
+ background: #313439;
+ border: solid 1px #5b5865;
+ color: #FFF;
+ margin-left: 12.5em;
+ margin-right: 1em;
+ padding-top: 0px;
+}
+
+#bodyContent {
+ padding: 0em 6em 0 4em;
+}
+
+body {
+ /* @embed */
+ background: #000 url(stellarbook/headbg.jpg) 0 0 repeat-x;
+ color: #FFF;
+}
+
+/* general styles */
+table {
+ font-size: 100%;
+ background: #404043;
+ color: #FFF;
+}
+a {
+ text-decoration: none;
+ color: #a5a5ec;
+ background: none;
+}
+a:visited {
+ color: #ae8c7e;
+}
+a:active {
+ color: #faa700;
+}
+a:hover {
+ text-decoration: underline;
+}
+a.stub {
+ color: #b65b6d;
+}
+a.new, #p-personal a.new {
+ color: #fabd23;
+}
+a.new:visited, #p-personal a.new:visited {
+ color: #a28b56;
+}
+
+/* Structural Elements */
+h1, h2, h3, h4, h5, h6 {
+ color: #818895;
+}
+h5 {
+ font-size: 100%;
+}
+h6 {
+ font-size: 80%;
+}
+
+li {
+ margin-bottom: .3em; /* @todo CHECKME */
+}
+
+dd {
+ margin-left: 2em; /* @todo CHECKME: still needed? */
+}
+
+legend {
+ background: #313439;
+}
+abbr, acronym, .explain {
+ background: none;
+ border-bottom: 1px dotted #000;
+ color: #000;
+}
+
+code {
+ background-color: #404043;
+}
+pre, .mw-code {
+ background-color: #404043;
+ border-color: #a6a8c8;
+ color: #FFF;
+ line-height: 1.1em;
+}
+
+/* Some space under the headers in the content area */
+#bodyContent h1, #bodyContent h2 {
+ margin-bottom: .6em;
+}
+#bodyContent h3, #bodyContent h4, #bodyContent h5 {
+ margin-bottom: .3em;
+}
+.firstHeading {
+ font-size: 2.5em;
+ margin: 1em 0 .1em 1em;
+ border: none;
+}
+
+/* success and error messages */
+.errorbox, .successbox {
+ border: 2px solid;
+ color: #000;
+ float: left;
+ margin-bottom: 2em;
+}
+.errorbox {
+ background-color: #fff2f2;
+ border-color: red;
+}
+.successbox {
+ background-color: #dfd;
+ border-color: green;
+}
+
+/* Categories */
+.catlinks {
+ background-color: #404043;
+}
+
+/* Table of Contents */
+#toc,
+.toc,
+.mw-warning,
+.toccolours {
+ background-color: #404043;
+}
+
+/* Page history styling */
+#pagehistory li.selected {
+ background-color: #404043;
+}
+
+/*
+** Diff rendering
+*/
+table.diff, td.diff-otitle, td.diff-ntitle {
+ background-color: #404043;
+}
+td.diff-addedline {
+ background: rgb(0, 100, 0);
+ font-size: smaller;
+}
+td.diff-addedline .diffchange {
+ background: transparent !important;
+}
+td.diff-deletedline {
+ background: #bc8f29;
+ font-size: smaller;
+}
+td.diff-context {
+ background: #404043;
+ color: #FFF;
+ font-size: smaller;
+}
+span.diffchange {
+ color: red;
+ font-weight: bold;
+}
+
+/*
+** keep the whitespace in front of the ^=, hides rule from Konqueror
+** this is CSS3, the validator doesn't like it when validating as CSS2
+*/
+#bodyContent a.external[href ^="https://";],
+.link-https {
+ /* @embed */
+ background-image: url(stellarbook/lock_icon.png);
+}
+#bodyContent a.external[href ^="mailto:";],
+.link-mailto {
+ /* @embed */
+ background-image: url(stellarbook/mail_icon.gif);
+}
+#bodyContent a.external[href ^="news:";] {
+ /* @embed */
+ background-image: url(stellarbook/news_icon.png);
+}
+#bodyContent a.external[href ^="ftp://";],
+.link-ftp {
+ /* @embed */
+ background-image: url(stellarbook/file_icon.gif);
+}
+#bodyContent a.external[href ^="irc://"],
+#bodyContent a.external[href ^="ircs://"],
+.link-irc {
+ /* @embed */
+ background-image: url(stellarbook/discussionitem_icon.png);
+}
+#bodyContent a.external[href $=".ogg"], #bodyContent a.external[href $=".OGG"],
+#bodyContent a.external[href $=".mid"], #bodyContent a.external[href $=".MID"],
+#bodyContent a.external[href $=".midi"], #bodyContent a.external[href
$=".MIDI"],
+#bodyContent a.external[href $=".mp3"], #bodyContent a.external[href $=".MP3"],
+#bodyContent a.external[href $=".wav"], #bodyContent a.external[href $=".WAV"],
+#bodyContent a.external[href $=".wma"], #bodyContent a.external[href $=".WMA"],
+.link-audio {
+ /* @embed */
+ background-image: url(stellarbook/audio.png);
+}
+#bodyContent a.external[href $=".ogm"], #bodyContent a.external[href $=".OGM"],
+#bodyContent a.external[href $=".avi"], #bodyContent a.external[href $=".AVI"],
+#bodyContent a.external[href $=".mpeg"], #bodyContent a.external[href
$=".MPEG"],
+#bodyContent a.external[href $=".mpg"], #bodyContent a.external[href $=".MPG"],
+.link-video {
+ /* @embed */
+ background-image: url(stellarbook/video.png);
+}
+#bodyContent a.external[href $=".pdf"], #bodyContent a.external[href $=".PDF"],
+#bodyContent a.external[href *=".pdf#"], #bodyContent a.external[href
*=".PDF#"],
+#bodyContent a.external[href *=".pdf?"], #bodyContent a.external[href
*=".PDF?"],
+.link-document {
+ /* @embed */
+ background-image: url(stellarbook/document.png);
+}
+
+/* Interwiki styling */
+#bodyContent a.extiw,
+#bodyContent a.extiw:active {
+ color: #47aec9;
+}
+/* External links */
+#bodyContent a.external {
+ color: #47aec9;
+}
+
+/*
+** general portlet styles (elements in the quickbar)
+*/
+.portlet h3 {
+ background: transparent;
+ padding: 0 1em 0 .5em;
+ display: inline;
+ height: 1em;
+ text-transform: lowercase;
+ font-size: 120%;
+ font-weight: bold;
+ white-space: nowrap;
+}
+.portlet h4 {
+ font-size: 95%;
+ font-weight: normal;
+ white-space: nowrap;
+}
+.portlet h6 {
+ background: #ffae2e;
+ border: 1px solid #2f6fab;
+ border-style: solid solid none solid;
+ padding: 0 1em 0 1em;
+ text-transform: lowercase;
+ display: block;
+ font-size: 1em;
+ height: 1.2em;
+ font-weight: normal;
+ white-space: nowrap;
+}
+.pBody {
+ background-color: #313439;
+ border: none;
+ color: #FFF;
+}
+
+/*
+** Search portlet
+*/
+#searchInput {
+ background-color: #bdc1c7;
+}
+
+/*
+** the personal toolbar
+*/
+#p-personal li a {
+ color: #133146;
+}
+
+/*
+** the page-related actions- page/talk, edit etc
+*/
+#p-cactions li {
+ background: #313439;
+ border-color: #000;
+ padding-bottom: .1em; /* @todo CHECKME */
+}
+
+#p-cactions li a {
+ background-color: #313439;
+ color: #a0a7c4;
+ padding-left: .8em;
+}
+
+#p-cactions li.selected {
+ padding: 0 0 .2em 0;
+}
+
+#p-cactions li.selected a,
+#p-cactions li a:hover {
+ background-color: transparent;
+}
+
+/*
+** footer
+*/
+div#footer {
+ background-color: #191a1e;
+ font-size: 75%;
+ margin: 4em 0 1em 0;
+ padding: .4em 0 1.2em 0;
+}
+
+/* js pref toc */
+#preftoc {
+ float: left;
+ margin: 1em;
+ width: 13em;
+}
+#preftoc li.selected {
+ background-color: #404043;
+}
+#preftoc a,
+#preftoc a:active {
+ color: #a5a5ec;
+}
+
+/* Gallery stuff -- no idea if this is needed -- @todo FIXME/CHECKME */
+.gallerybox {
+ margin: 2px;
+ width: 150px;
+}
+
+/* Note on preview page */
+.previewnote {
+ text-align: center;
+}
+
+/* Classes for Exif data display */
+table.metadata th {
+ background-color: #404043;
+}
+
+table.metadata td {
+ background-color: #fcfcfc;
+}
+
+/* filetoc */
+ul#filetoc {
+ background-color: #404043;
+}
+
+/* Login & signup form fixes */
+div#userloginForm {
+ background-color: transparent;
+}
+#mw-createaccount-join { /* "Join {{SITENAME}}" button */
+ box-shadow: none;
+}
+.mw-ui-vform > div label,
+div.mw-number-text {
+ color: #FFF;
+}
+div.mw-number-text h3 {
+ color: #818895;
+}
+
+/* TablePager */
+table.mw-datatable tr:hover td, table.mw-datatable td {
+ background-color: transparent;
+}
+
+table.mw-datatable th {
+ color: #000;
+}
+
+/* Navigation arrows */
+table.TablePager_nav {
+ background: transparent;
+}
+
+/* Special:AllMessages */
+table.mw-allmessages-table {
+ background: transparent;
+}
+
+/** Social tools */
+#profile-top, .profile-info {
+ background-color: transparent !important;
+}
+
+/* personal info on profiles + activity feed on profiles +
Special:UserActivity */
+div.profile-info-container div,
+div.profile-info-container b,
+div.item,
+div.user-home-links-container h2 {
+ color: #FFF;
+}
+
+/* user board on profile pages */
+div.user-board-message-from {
+ background-color: transparent;
+ border-bottom: 1px solid #e2e2e2;
+}
+
+/* navigation menu on Special:TopUsers */
+div.top-fan-nav h1 {
+ color: #818895;
+}
+
+/** Comments */
+div.c-form-title {
+ color: #818895;
+}
+
+/** FanBoxes */
+/* Special:TopUserboxes */
+div.top-fanbox-users table,
+div.fanbox-pop-up-box table,
+div.fanbox-pop-up-box-profile table /* fanboxes on users' profiles */ {
+ background-color: transparent;
+}
+
+div.fanbox-nav h2 {
+ color: #818895;
+}
+
+/** LinkFilter */
+/* Special:LinksHome */
+div.links-home-date,
+div.link-item-desc {
+ color: #818895;
+}
+
+/** PollNY */
+/* Special:ViewPoll */
+div.view-poll-top-links a,
+div.view-poll-text,
+div.view-poll-user-name {
+ color: #a5a5ec;
+}
+
+div.view-poll-navigation h2 {
+ color: #818895;
+}
\ No newline at end of file
diff --git a/monobook/stellarbook/audio.png b/monobook/stellarbook/audio.png
new file mode 100644
index 0000000..ec8f00b
--- /dev/null
+++ b/monobook/stellarbook/audio.png
Binary files differ
diff --git a/monobook/stellarbook/discussionitem_icon.png
b/monobook/stellarbook/discussionitem_icon.png
new file mode 100644
index 0000000..f6e8325
--- /dev/null
+++ b/monobook/stellarbook/discussionitem_icon.png
Binary files differ
diff --git a/monobook/stellarbook/file_icon.gif
b/monobook/stellarbook/file_icon.gif
new file mode 100644
index 0000000..9964800
--- /dev/null
+++ b/monobook/stellarbook/file_icon.gif
Binary files differ
diff --git a/monobook/stellarbook/headbg.jpg b/monobook/stellarbook/headbg.jpg
new file mode 100644
index 0000000..12f9b47
--- /dev/null
+++ b/monobook/stellarbook/headbg.jpg
Binary files differ
diff --git a/monobook/stellarbook/lock_icon.png
b/monobook/stellarbook/lock_icon.png
new file mode 100644
index 0000000..e0508ed
--- /dev/null
+++ b/monobook/stellarbook/lock_icon.png
Binary files differ
diff --git a/monobook/stellarbook/mail_icon.png
b/monobook/stellarbook/mail_icon.png
new file mode 100644
index 0000000..859251f
--- /dev/null
+++ b/monobook/stellarbook/mail_icon.png
Binary files differ
diff --git a/monobook/stellarbook/news_icon.png
b/monobook/stellarbook/news_icon.png
new file mode 100644
index 0000000..a9850ee
--- /dev/null
+++ b/monobook/stellarbook/news_icon.png
Binary files differ
diff --git a/monobook/stellarbook/video.png b/monobook/stellarbook/video.png
new file mode 100644
index 0000000..9532e34
--- /dev/null
+++ b/monobook/stellarbook/video.png
Binary files differ
diff --git a/vector/dark.css b/vector/dark.css
new file mode 100644
index 0000000..fe133ea
--- /dev/null
+++ b/vector/dark.css
@@ -0,0 +1,826 @@
+/*
+** Dark theme for Vector
+** Originally from ZeldaWiki.org
+**
+** @date 14 January 2014
+** @see
http://zeldawiki.org/index.php?title=MediaWiki:Vector.css&action=history
+*/
+/* Framework */
+body {
+ background-color: #0b284f;
+}
+
+/* Content */
+div#content {
+ border: 1px solid #426787;
+ border-right-width: 0;
+ /* The following rule overrides ShoutWikiAds' vector-skyscraper-ad.css
*/
+ border-right-color: #426787 !important;
+ background-color: #17456e;
+ color: #d2d2d2;
+ padding: 1em;
+}
+
+#bodyContent h1, #bodyContent h2 {
+ margin-top: 0.6em !important;
+ margin-bottom: 0.6em !important;
+}
+
+/* Head */
+div#mw-page-base {
+ background-color: #17456E;
+ /* @embed */
+ background-image: url(dark/page-fade.png);
+}
+
+/* Link colors */
+.mw-body a.external {
+ color: #F4F26B;
+}
+
+.mw-body a.external:visited {
+ color: #e7ea12;
+}
+
+.mw-body a.external:active {
+ color: #F4F26B;
+}
+
+pre, .mw-code {
+ background-color: #1D578B;
+ border: 1px dashed #426787;
+ color: #D2D2D2;
+ font-size: 100% !important;
+}
+
+/* Page history */
+#bodyContent ul#pagehistory li {
+ border: 1px solid #17456E;
+}
+
+#bodyContent ul#pagehistory li.selected {
+ background-color: #1D578B;
+ border: 1px dashed #426787;
+}
+
+/*
+** Diff rendering
+*/
+table.diff, td.diff-otitle, td.diff-ntitle {
+ background-color: transparent;
+}
+
+td.diff-addedline,
+td.diff-deletedline,
+td.diff-context {
+ font-size: 90%;
+}
+
+td.diff-addedline {
+ background-color: #255A81;
+ border-color: #B0FFB0;
+}
+
+td.diff-deletedline {
+ background-color: #255A81;
+ border-color: #FFB0B0;
+}
+
+td.diff-context {
+ background-color: transparent;
+ border-color: #BBB;
+ color: #D2D2D2;
+}
+
+td.diff-addedline .diffchange,
+td.diff-deletedline .diffchange {
+ border-radius: 0.33em;
+ color: black;
+ padding: 0.25em;
+}
+
+td.diff-addedline .diffchange {
+ background: #90FF90;
+}
+
+td.diff-deletedline .diffchange {
+ background: #FF7070;
+}
+
+/* Navigation containers */
+div#left-navigation {
+ left: 10em;
+}
+
+/* Namespaces and views */
+div.vectorTabs,
+div.vectorTabs ul {
+ /* @embed */
+ background-image: url('dark/tab-break.png');
+}
+/* OVERRIDDEN BY COMPLIANT BROWSERS */
+div.vectorTabs ul li { /* @todo */
+ background-color: transparent;
+ background-image: none;
+}
+
+div.vectorTabs li.icon a { /* @todo */
+ background-position: bottom right;
+ background-repeat: no-repeat;
+}
+
+div.vectorTabs li a, div.vectorTabs li a span {
+ color: #F4F26B;
+}
+
+div.vectorTabs li.selected {
+ /* @embed */
+ background-image: url('dark/tab-current-fade.png');
+}
+
+div.vectorTabs li.selected a,
+div.vectorTabs li.selected a:visited {
+ color: #d2d2d2;
+ text-decoration: none;
+ background-color: #17456E;
+}
+div.vectorTabs li.new a,
+div.vectorTabs li.new a:visited {
+ color: #FF8581;
+}
+
+/* Variants and actions */
+div.vectorMenu ul {
+ background-color: #1d578b;
+ border: solid 1px #426787;
+}
+/* OVERRIDDEN BY COMPLIANT BROWSERS */
+div.vectorMenu li a {
+ color: #F4F26B;
+}
+
+div.vectorTabs span {
+ /* @embed */
+ background-image: url('dark/tab-break.png');
+}
+
+div.vectorMenu li.selected a,
+div.vectorMenu li.selected a:visited {
+ color: #e7ea12;
+ text-decoration: none;
+}
+
+/* OVERRIDDEN BY COMPLIANT BROWSERS */
+div#mw-head div.vectorMenu h3,
+div#mw-head div.vectorMenu h5 {
+ /* @embed */
+ background-image: url('dark/tab-break.png');
+}
+
+/* OVERRIDDEN BY COMPLIANT BROWSERS */
+div.vectorMenu h3 a,
+div.vectorMenu h5 a {
+ /* @embed */
+ background-image: url('dark/tab-break.png');
+}
+
+/* Search */
+div#simpleSearch {
+ border: solid 1px #426787;
+ background-color: #17456e;
+ background-image: none;
+}
+
+div#simpleSearch input#searchInput {
+ color: #e0e0e0;
+}
+
+.mw-search-result-data {
+ color: grey;
+}
+
+/**
+ * Absolutely awful way to replace the magnifying glass icon without hacking
+ * core MediaWiki software
+ *
+ * @see
http://stackoverflow.com/questions/2182716/how-can-we-specify-src-attribute-of-img-tag-in-css/10247567#10247567
+ */
+button#searchButton img {
+ /* @embed */
+ background: url(dark/search-ltr.png);
+ height: 0px !important;
+ padding: 6px !important;
+ width: 0px !important;
+}
+
+/* Panel */
+div#mw-panel {
+ padding: 0;
+}
+
+div#mw-panel div.portal div.body {
+ /* @embed */
+ background-image: url('dark/portal-break.png');
+}
+
+div#mw-panel div.portal div.body ul li a {
+ color: #F4F26B;
+}
+div#mw-panel div.portal div.body ul li a:visited {
+ color: #F4F26B;
+}
+
+/* Sidebar */
+div#mw-panel div.portal h3 {
+ color: #F4F26B;
+}
+
+div#mw-panel.collapsible-nav .portal h3 a,
+div#mw-panel.collapsible-nav .portal h5 a {
+ color: #E7EA12 !important;
+}
+
+div#mw-panel.collapsible-nav .portal {
+ background: none;
+ border-bottom: 1px solid #284360;
+}
+
+/* Make non-link texts in the sidebar, such as the NewsBox extension's
contents, readable */
+div#mw-panel div.portal {
+ color: #FFF;
+}
+
+/* Footer */
+div#footer ul li {
+ color: #b6b6b6;
+}
+
+/* Logo */
+#p-logo {
+ left: 0;
+ top: -150px;
+}
+
+/* Preferences */
+#preftoc {
+ /* @embed */
+ background-image: url(dark/preferences-break.png);
+}
+#preftoc a,
+#preftoc a:active {
+ color: #F4F26B;
+ text-decoration: none;
+}
+#preftoc li {
+ /* @embed */
+ background-image: url(dark/preferences-break.png);
+}
+#preftoc li.selected a {
+ /* @embed */
+ background-image: url(dark/preferences-fade.png);
+ color: #d2d2d2;
+ text-decoration: none;
+}
+#preferences { /* @todo */
+ border: solid 1px #426787;
+ background-color: #1D578B;
+}
+
+#preferences legend {
+ color: #b6b6b6;
+}
+
+.htmlform-tip {
+ color: #b6b6b6;
+}
+
+/* Links */
+a {
+ text-decoration: none;
+ color: #f4f26b;
+ background: none;
+}
+a:visited {
+ color: #e7ea12;
+}
+a:active {
+ color: #F4F26B;
+}
+a:hover {
+ text-decoration: underline;
+}
+a.stub {
+ color: #F4F26B;
+}
+
+#bodyContent a.new {
+ color: #ff8581;
+}
+
+a.new, #p-personal a.new {
+ color: #ff8581;
+}
+a.new:visited, #p-personal a.new:visited {
+ color: #ff8581;
+}
+
+/* Inline elements */
+hr {
+ color: #426787;
+ background-color: #426787;
+}
+
+/* Structural elements */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ color: #d2d2d2;
+ padding-top: 0;
+ border-bottom: 1px solid #426787;
+ width: auto;
+}
+
+h3, h4, h5, h6 {
+ border-bottom: none;
+ font-weight: bold;
+}
+
+code {
+ background-color: #1D578B;
+}
+pre { /* @todo */
+ border: 1px dashed #426787;
+ color: #d2d2d2;
+ background-color: #1D578B;
+}
+
+/* Tables */
+table {
+ color: #d2d2d2;
+ /* we don't want the bottom borders of <h2>s to be visible through
+ * floated tables */
+ background-color: #17456e;
+}
+fieldset table {
+ /* but keep table layouts in forms clean... */
+ background: none
+}
+
+.editsection { /* @todo */
+ float: right;
+}
+
+ul {
+ list-style-type: disc;
+ /* @embed */
+ list-style-image: url(dark/bullet-icon.png);
+}
+
+.mw-code {
+ line-height: 1.3em;
+}
+
+/* mediawiki.notification */
+.skin-vector .mw-notification {
+ background-color: #1D578B;
+ background-color: rgba(29, 87, 139, 0.93);
+}
+
+/* Table of Contents */
+#toc,
+.toc,
+.mw-warning {
+ border: 1px solid #426787;
+ background-color: #1d578b;
+}
+
+/* Thumbnails */
+div.thumb {
+ border-style: solid;
+ border-color: transparent;
+}
+div.thumbinner {
+ border: 1px solid #426787;
+ background-color: #1d578b;
+}
+html .thumbimage {
+ background-color: #17456e;
+ border: 1px solid #426787;
+}
+img.thumbborder { /* @todo */
+ border: 1px solid #dddddd;
+}
+
+/* User message */
+.usermessage {
+ background-color: #1D578B;
+ border: 1px solid #E7EA12;
+ color: #d2d2d2;
+}
+
+/* Site notice */
+#siteNotice div,
+#siteNotice p {
+ margin: 0;
+ padding: 0;
+ margin-bottom: 0.9em;
+}
+
+/* Categories */
+.catlinks {
+ border: 1px solid #426787;
+ background-color: #1d578b;
+}
+
+/* Edge cases for content */
+h1, h2 {
+ margin-bottom: .6em;
+ margin-top: 0.6em;
+}
+
+h3, h4, h5 {
+ margin-bottom: .3em;
+}
+
+/* Interwiki styling */
+#content a.extiw,
+#content a.extiw:active {
+ color: #F4F26B;
+ background: none;
+ padding: 0;
+}
+#content a.external {
+ color: #F4F26B;
+}
+
+.toccolours {
+ border: 1px solid #1d578b;
+ background-color: #426787;
+}
+
+/* Watch/Unwatch icon styling */
+#ca-unwatch.icon,
+#ca-watch.icon { /* @todo */
+ margin-right: 1px;
+}
+
+/* Page history styling */
+/* the auto-generated edit comments */
+#bodyContent ul#pagehistory .history-user {
+ margin-left: 0.4em;
+ margin-right: 0.2em;
+}
+#bodyContent ul#pagehistory span.minor {
+ font-weight: bold;
+}
+#bodyContent ul#pagehistory li {
+ border: 1px solid #17456e;
+}
+#bodyContent ul#pagehistory li.selected {
+ background-color: #1d578b;
+ border: 1px dashed #426787;
+}
+
+/* RSSReader Stuff */
+.RSSReader-head {
+ text-align: center;
+ padding: 0.2em;
+ border-bottom: 0.1em solid #aaa;
+}
+
+#content div.rss {
+ margin: 0 0 8px -3px;
+ padding: 5px;
+ background-color: #1d578b;
+ font-size: 10px;
+ width: 98.6%;
+ border: 1px solid #426787;
+}
+
+#content div.rss h3 {
+ font-size: 10px;
+ border: 1px solid #426787;
+ padding: 2px 5px;
+ margin: 0;
+ background-color: #17456e;
+}
+
+#content div.rss h3 a { color: #F4F26B; }
+
+/* wikitable/prettytable class for skinning normal tables */
+table.wikitable,
+table.prettytable {
+ margin: 1em 1em 1em 0;
+ background-color: #17456E;
+ border: 1px solid #426787;
+ border-collapse: collapse;
+ color: #D2D2D2;
+}
+
+table.wikitable th, table.wikitable td,
+table.prettytable th, table.prettytable td {
+ background: #17456E;
+ border: 1px solid #426787;
+ padding: 0.2em;
+}
+
+table.wikitable th,
+table.prettytable th {
+ background: #1D578B;
+ text-align: center;
+}
+
+table.wikitable > tr > th,
+table.wikitable > tr > td,
+table.wikitable > * > tr > th,
+table.wikitable > * > tr > td {
+ border: 1px solid #426787;
+}
+
+table.wikitable > tr > th, table.wikitable > * > tr > th {
+ background: #1D578B;
+}
+
+table.wikitable caption,
+table.prettytable caption {
+ margin-left: inherit;
+ margin-right: inherit;
+ font-weight: bold;
+}
+
+table.prettytable code,
+table.wikitable code {
+ background-color: transparent;
+}
+
+/* Galleries */
+li.gallerybox div.thumb {
+ background-color: #1D578B;
+ border: 1px solid #426787;
+}
+
+table.gallery {/* @todo - unused? */
+ border: 1px solid #1D578B;
+ margin: 2px;
+ padding: 2px;
+ background-color: #17456E;
+}
+
+table.gallery tr {/* @todo - unused? */
+ vertical-align: top;
+}
+
+table.gallery td {/* @todo - unused? */
+ vertical-align: top;
+ background-color: #1D578B;
+ border: solid 2px #17456E;
+}
+
+table.gallery caption {/* @todo - unused? */
+ font-weight: bold;
+}
+
+div.gallerybox {/* @todo - remove? */
+ margin: 2px;
+}
+
+div.gallerybox div.thumb {/* @todo - remove? */
+ border: 1px solid #426787;
+}
+
+/*
+ Table pager (e.g. Special:Imagelist)
+ - remove underlines from the navigation link
+ - collapse borders
+ - set the borders to outsets (similar to Special:Allmessages)
+ - remove line wrapping for all td and th, set background color
+ - restore line wrapping for the last two table cells (description and size)
+*/
+.TablePager_nav a { text-decoration: none; }
+.TablePager { border-collapse: collapse; }
+.TablePager, .TablePager td, .TablePager th {
+ border: 1px solid #426787;
+ padding: 0 0.15em 0 0.15em;
+}
+.TablePager th { background-color: #1D578B; }
+.TablePager td { background-color: #17456E; }
+.TablePager tr:hover td { background-color: #1D578B; }
+
+.imagelist .TablePager_col_links { background-color: #1D578B; }
+.imagelist th.TablePager_sort { background-color: #ccccff; }
+
+fieldset#mw-searchoptions {
+ margin: 0;
+ padding-left: 0.75em !important;
+ padding-right: 0.75em !important;
+ padding-bottom: 0.5em !important;
+ padding-top: 0.5em !important;
+ border: none;
+ background-color: #1D578B;
+ border: 1px solid #426787 !important;
+ border-top-width: 0 !important;
+}
+
+.mw-search-formheader {
+ background-color: #17456E;
+ margin-top: 1em;
+ border: 1px solid #426787;
+}
+
+fieldset#mw-searchoptions div.divider {
+ clear: both;
+ border-bottom: 1px solid #426787;
+ padding-top: 0.5em;
+ margin-bottom: 0.5em;
+}
+.mw-search-formheader div.search-types ul li.current a {
+ color: #d2d2d2;
+ cursor: default;
+}
+
+div#mw-js-message { /* @todo - unused? */
+ margin: 1em 5%;
+ padding: 0.5em 2.5%;
+ border: solid 1px #E7EA12;
+ background-color: #1D578B;
+}
+
+/* File namespace */
+#filetoc {
+ background-color: #1D578B !important;
+ border: 1px solid #426787 !important;
+}
+
+div.fullImageLink, .fullMedia {
+ text-align: center;
+}
+
+table.mw_metadata td, table.mw_metadata th {
+ border: 1px solid #3B587E;
+}
+
+table.mw_metadata th {
+ background-color: #1D578B;
+}
+
+table.mw_metadata td {
+ background-color: transparent;
+}
+
+.filehistory a img, #file img:hover {
+ background: transparent;
+}
+
+/* Recent changes */
+.mw-plusminus-pos {
+ color: #00D000;
+}
+
+.mw-plusminus-neg, .previewnote {
+ color: #E00000;
+}
+
+/* Login & signup page fixes */
+a#mw-createaccount-join {
+ box-shadow: none;
+}
+
+.mw-ui-vform > div label,
+div.mw-number-text {
+ color: #d2d2d2;
+}
+
+div.mw-number-text h3 {
+ color: #FFF;
+}
+
+/* Custom styles made specifically for ZW */
+
+/* Tabs */
+.tabcontainer .tab {
+ background-color: #1d578b;
+ background-image: -webkit-linear-gradient(top, #1D679B, #1A4E7D);
+ background-image: -moz-linear-gradient(top, #1D679B, #1A4E7D);
+ background-image: -ms-linear-gradient(top, #1D679B, #1A4E7D);
+ background-image: -o-linear-gradient(top, #1D679B, #1A4E7D);
+ background-image: linear-gradient(top, #1D679B, #1A4E7D);
+ border: 2px solid #426787;
+ cursor: pointer;
+ float: left;
+ margin: 0 1px -2px;
+ padding: 3px;
+ text-align: center;
+ white-space: nowrap;
+}
+
+.tabcontainer .tab:hover {
+ background-color: #24527c;
+ background-image: -webkit-linear-gradient(top, #305f89, #17456E);
+ background-image: -moz-linear-gradient(top, #305f89, #17456E);
+ background-image: -ms-linear-gradient(top, #305f89, #17456E);
+ background-image: -o-linear-gradient(top, #305f89, #17456E);
+ background-image: linear-gradient(top, #305f89, #17456E);
+ color: #F4F26B;
+}
+
+.tabcontainer .tab.active {
+ background-color: #17456e !important;
+ background-image: -webkit-linear-gradient(top, #1D578B, #17456E);
+ background-image: -moz-linear-gradient(top, #1D578B, #17456E);
+ background-image: -ms-linear-gradient(top, #1D578B, #17456E);
+ background-image: -o-linear-gradient(top, #1D578B, #17456E);
+ background-image: linear-gradient(top, #1D578B, #17456E);
+ border-bottom: 2px solid #17456E;
+ color: #F4F26B;
+}
+
+/* Button-like gradient background */
+.gradient {
+ background-image: -webkit-linear-gradient(top, #2D679B, #1A4E7D);
+ background-image: -moz-linear-gradient(top, #2D679B, #1A4E7D);
+ background-image: -ms-linear-gradient(top, #2D679B, #1A4E7D);
+ background-image: -o-linear-gradient(top, #2D679B, #1A4E7D);
+ background-image: linear-gradient(top, #2D679B, #1A4E7D);
+}
+
+.gradient:hover {
+ background-image: -webkit-linear-gradient(top, #227777, #1A4E7D);
+ background-image: -moz-linear-gradient(top, #227777, #1A4E7D);
+ background-image: -ms-linear-gradient(top, #227777, #1A4E7D);
+ background-image: -o-linear-gradient(top, #227777, #1A4E7D);
+ background-image: linear-gradient(top, #227777, #1A4E7D);
+}
+
+/* Reverse gradient */
+.rgradient {
+ background-image: -webkit-linear-gradient(bottom, #2D679B, #1A4E7D);
+ background-image: -moz-linear-gradient(bottom, #2D679B, #1A4E7D);
+ background-image: -ms-linear-gradient(bottom, #2D679B, #1A4E7D);
+ background-image: -o-linear-gradient(bottom, #2D679B, #1A4E7D);
+ background-image: linear-gradient(bottom, #2D679B, #1A4E7D);
+}
+
+.rgradient:hover {
+ background-image: -webkit-linear-gradient(bottom, #227777, #1A4E7D);
+ background-image: -moz-linear-gradient(bottom, #227777, #1A4E7D);
+ background-image: -ms-linear-gradient(bottom, #227777, #1A4E7D);
+ background-image: -o-linear-gradient(bottom, #227777, #1A4E7D);
+ background-image: linear-gradient(bottom, #227777, #1A4E7D);
+}
+
+/** CSS fixes for social tools */
+#profile-top, .profile-info {
+ background-color: transparent !important;
+}
+
+/* personal info on profiles + activity feed on profiles +
Special:UserActivity */
+div.profile-info-container div,
+div.profile-info-container b,
+div.item,
+div.user-home-links-container h2 {
+ color: #d2d2d2;
+}
+
+/* user board on profile pages */
+div.user-board-message-from {
+ background-color: transparent;
+ border-bottom: 1px solid #d2d2d2;
+}
+
+/* navigation menu on Special:TopUsers */
+div.top-fan-nav h1 {
+ color: #d2d2d2;
+}
+
+/** Comments */
+div.c-form-title {
+ color: #d2d2d2;
+}
+
+/** FanBoxes */
+/* Special:TopUserboxes */
+div.fanbox-nav h2 {
+ color: #d2d2d2;
+}
+
+/** LinkFilter */
+/* Special:LinksHome */
+div.links-home-date,
+div.link-item-desc {
+ color: #d2d2d2;
+}
+
+/** PollNY */
+/* Special:ViewPoll */
+div.view-poll-top-links a,
+div.view-poll-text,
+div.view-poll-user-name {
+ color: #f4f26b;
+}
+
+div.view-poll-navigation h2 {
+ color: #d2d2d2;
+}
\ No newline at end of file
diff --git a/vector/dark/arrow-down-icon.png b/vector/dark/arrow-down-icon.png
new file mode 100644
index 0000000..c1c3933
--- /dev/null
+++ b/vector/dark/arrow-down-icon.png
Binary files differ
diff --git a/vector/dark/bullet-icon.png b/vector/dark/bullet-icon.png
new file mode 100644
index 0000000..69be534
--- /dev/null
+++ b/vector/dark/bullet-icon.png
Binary files differ
diff --git a/vector/dark/page-base.png b/vector/dark/page-base.png
new file mode 100644
index 0000000..9d12931
--- /dev/null
+++ b/vector/dark/page-base.png
Binary files differ
diff --git a/vector/dark/page-fade.png b/vector/dark/page-fade.png
new file mode 100644
index 0000000..b4934b8
--- /dev/null
+++ b/vector/dark/page-fade.png
Binary files differ
diff --git a/vector/dark/portal-break.png b/vector/dark/portal-break.png
new file mode 100644
index 0000000..aecf270
--- /dev/null
+++ b/vector/dark/portal-break.png
Binary files differ
diff --git a/vector/dark/preferences-break.png
b/vector/dark/preferences-break.png
new file mode 100644
index 0000000..de68d61
--- /dev/null
+++ b/vector/dark/preferences-break.png
Binary files differ
diff --git a/vector/dark/preferences-fade.png b/vector/dark/preferences-fade.png
new file mode 100644
index 0000000..128d4e6
--- /dev/null
+++ b/vector/dark/preferences-fade.png
Binary files differ
diff --git a/vector/dark/search-fade.png b/vector/dark/search-fade.png
new file mode 100644
index 0000000..9650c34
--- /dev/null
+++ b/vector/dark/search-fade.png
Binary files differ
diff --git a/vector/dark/search-ltr.png b/vector/dark/search-ltr.png
new file mode 100644
index 0000000..2fe169a
--- /dev/null
+++ b/vector/dark/search-ltr.png
Binary files differ
diff --git a/vector/dark/tab-break.png b/vector/dark/tab-break.png
new file mode 100644
index 0000000..ce53f0c
--- /dev/null
+++ b/vector/dark/tab-break.png
Binary files differ
diff --git a/vector/dark/tab-current-fade.png b/vector/dark/tab-current-fade.png
new file mode 100644
index 0000000..d16018b
--- /dev/null
+++ b/vector/dark/tab-current-fade.png
Binary files differ
diff --git a/vector/dark/tab-normal-fade.png b/vector/dark/tab-normal-fade.png
new file mode 100644
index 0000000..cbb3a8f
--- /dev/null
+++ b/vector/dark/tab-normal-fade.png
Binary files differ
--
To view, visit https://gerrit.wikimedia.org/r/155291
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: newchange
Gerrit-Change-Id: I47c591dedb6366953fba32f9b91414b386db8ac7
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/extensions/Theme
Gerrit-Branch: master
Gerrit-Owner: Jack Phoenix <[email protected]>
_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
