summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--skins/Cavendish.php253
-rw-r--r--skins/CologneBlue.php573
-rw-r--r--skins/Modern.php169
-rw-r--r--skins/MonoBook.php332
-rw-r--r--skins/Vector.php463
-rw-r--r--skins/cavendish/IE60Fixes.css63
-rw-r--r--skins/cavendish/IE70Fixes.css64
-rw-r--r--skins/cavendish/README28
-rw-r--r--skins/cavendish/audio.pngbin0 -> 1464 bytes
-rw-r--r--skins/cavendish/babel.css134
-rw-r--r--skins/cavendish/body_back.gifbin0 -> 526 bytes
-rw-r--r--skins/cavendish/bullet.gifbin0 -> 50 bytes
-rw-r--r--skins/cavendish/cavendish.css2412
-rw-r--r--skins/cavendish/colors/blue.css80
-rw-r--r--skins/cavendish/colors/brown.css91
-rw-r--r--skins/cavendish/colors/green.css80
-rw-r--r--skins/cavendish/config.php14
-rw-r--r--skins/cavendish/document.pngbin0 -> 1130 bytes
-rw-r--r--skins/cavendish/envelope.pngbin0 -> 1242 bytes
-rw-r--r--skins/cavendish/extensions.css335
-rw-r--r--skins/cavendish/external.pngbin0 -> 1428 bytes
-rw-r--r--skins/cavendish/folder.pngbin0 -> 1213 bytes
-rw-r--r--skins/cavendish/headbg.jpgbin0 -> 7881 bytes
-rw-r--r--skins/cavendish/header.css9
-rw-r--r--skins/cavendish/header_logo.gifbin0 -> 5162 bytes
-rw-r--r--skins/cavendish/key-point_bl.gifbin0 -> 102 bytes
-rw-r--r--skins/cavendish/key-point_tl.gifbin0 -> 103 bytes
-rw-r--r--skins/cavendish/locked.pngbin0 -> 1261 bytes
-rw-r--r--skins/cavendish/magnify-clip.pngbin0 -> 237 bytes
-rw-r--r--skins/cavendish/minus.pngbin0 -> 1209 bytes
-rw-r--r--skins/cavendish/newspaper.pngbin0 -> 1170 bytes
-rw-r--r--skins/cavendish/plus.pngbin0 -> 1241 bytes
-rw-r--r--skins/cavendish/print.css62
-rw-r--r--skins/cavendish/required.gifbin0 -> 47 bytes
-rw-r--r--skins/cavendish/rtl.css216
-rw-r--r--skins/cavendish/speech-bubble-left-4.pngbin0 -> 1323 bytes
-rw-r--r--skins/cavendish/style.php37
-rw-r--r--skins/cavendish/subsite_back.gifbin0 -> 791 bytes
-rw-r--r--skins/cavendish/subsite_back.pngbin0 -> 248 bytes
-rw-r--r--skins/cavendish/subsite_mozilla-org.gifbin0 -> 2098 bytes
-rw-r--r--skins/cavendish/top-left.pngbin0 -> 281 bytes
-rw-r--r--skins/cavendish/top-mid.pngbin0 -> 163 bytes
-rw-r--r--skins/cavendish/top-right.pngbin0 -> 266 bytes
-rw-r--r--skins/cavendish/user.gifbin0 -> 932 bytes
-rw-r--r--skins/cavendish/video.pngbin0 -> 1200 bytes
-rw-r--r--skins/cavendish/wiki-indexed.pngbin0 -> 8205 bytes
-rw-r--r--skins/cavendish/wiki.pngbin0 -> 23064 bytes
-rw-r--r--skins/cavendish/wiki_header_logo.gifbin0 -> 4974 bytes
-rw-r--r--skins/cologneblue/print.css6
-rw-r--r--skins/cologneblue/screen.css277
-rw-r--r--skins/common/IEFixes.js121
-rw-r--r--skins/common/ajax.js193
-rw-r--r--skins/common/commonContent.css151
-rw-r--r--skins/common/commonElements.css235
-rw-r--r--skins/common/commonInterface.css68
-rw-r--r--skins/common/commonPrint.css401
-rw-r--r--skins/common/config-cc.css57
-rw-r--r--skins/common/config.css143
-rw-r--r--skins/common/config.js108
-rw-r--r--skins/common/feed.css95
-rw-r--r--skins/common/images/Arr_.pngbin0 -> 96 bytes
-rw-r--r--skins/common/images/Arr_d.pngbin0 -> 205 bytes
-rw-r--r--skins/common/images/Arr_l.pngbin0 -> 205 bytes
-rw-r--r--skins/common/images/Arr_r.pngbin0 -> 206 bytes
-rw-r--r--skins/common/images/Arr_u.pngbin0 -> 207 bytes
-rw-r--r--skins/common/images/Checker-16x16.pngbin0 -> 81 bytes
-rw-r--r--skins/common/images/Zoom_sans.gifbin0 -> 901 bytes
-rw-r--r--skins/common/images/add.pngbin0 -> 526 bytes
-rw-r--r--skins/common/images/ajax-loader.gifbin0 -> 1788 bytes
-rw-r--r--skins/common/images/ar/button_bold.pngbin0 -> 533 bytes
-rw-r--r--skins/common/images/ar/button_headline.pngbin0 -> 484 bytes
-rw-r--r--skins/common/images/ar/button_italic.pngbin0 -> 532 bytes
-rw-r--r--skins/common/images/ar/button_link.pngbin0 -> 557 bytes
-rw-r--r--skins/common/images/ar/button_nowiki.pngbin0 -> 874 bytes
-rw-r--r--skins/common/images/arrow_disabled_first_25.pngbin0 -> 318 bytes
-rw-r--r--skins/common/images/arrow_disabled_last_25.pngbin0 -> 323 bytes
-rw-r--r--skins/common/images/arrow_disabled_left_25.pngbin0 -> 301 bytes
-rw-r--r--skins/common/images/arrow_disabled_right_25.pngbin0 -> 307 bytes
-rw-r--r--skins/common/images/arrow_first_25.pngbin0 -> 352 bytes
-rw-r--r--skins/common/images/arrow_last_25.pngbin0 -> 342 bytes
-rw-r--r--skins/common/images/arrow_left_25.pngbin0 -> 330 bytes
-rw-r--r--skins/common/images/arrow_right_25.pngbin0 -> 337 bytes
-rw-r--r--skins/common/images/be-tarask/button_bold.pngbin0 -> 550 bytes
-rw-r--r--skins/common/images/be-tarask/button_italic.pngbin0 -> 539 bytes
-rw-r--r--skins/common/images/be-tarask/button_link.pngbin0 -> 419 bytes
-rw-r--r--skins/common/images/bullet.gifbin0 -> 50 bytes
-rw-r--r--skins/common/images/button_bold.pngbin0 -> 250 bytes
-rw-r--r--skins/common/images/button_extlink.pngbin0 -> 435 bytes
-rw-r--r--skins/common/images/button_headline.pngbin0 -> 440 bytes
-rw-r--r--skins/common/images/button_hr.pngbin0 -> 200 bytes
-rw-r--r--skins/common/images/button_image.pngbin0 -> 483 bytes
-rw-r--r--skins/common/images/button_italic.pngbin0 -> 250 bytes
-rw-r--r--skins/common/images/button_link.pngbin0 -> 280 bytes
-rw-r--r--skins/common/images/button_media.pngbin0 -> 728 bytes
-rw-r--r--skins/common/images/button_nowiki.pngbin0 -> 322 bytes
-rw-r--r--skins/common/images/button_sig.pngbin0 -> 920 bytes
-rw-r--r--skins/common/images/button_template.pngbin0 -> 178 bytes
-rw-r--r--skins/common/images/cc-0.pngbin0 -> 969 bytes
-rw-r--r--skins/common/images/cc-by-nc-sa.pngbin0 -> 1530 bytes
-rw-r--r--skins/common/images/cc-by-sa.pngbin0 -> 1377 bytes
-rw-r--r--skins/common/images/cc-by.pngbin0 -> 1165 bytes
-rw-r--r--skins/common/images/closewindow.pngbin0 -> 108 bytes
-rw-r--r--skins/common/images/closewindow19x19.pngbin0 -> 833 bytes
-rw-r--r--skins/common/images/critical-32.pngbin0 -> 1758 bytes
-rw-r--r--skins/common/images/cyrl/LICENSE17
-rw-r--r--skins/common/images/cyrl/button_bold.pngbin0 -> 254 bytes
-rw-r--r--skins/common/images/cyrl/button_italic.pngbin0 -> 423 bytes
-rw-r--r--skins/common/images/cyrl/button_link.pngbin0 -> 278 bytes
-rw-r--r--skins/common/images/de/button_bold.pngbin0 -> 255 bytes
-rw-r--r--skins/common/images/de/button_italic.pngbin0 -> 260 bytes
-rw-r--r--skins/common/images/diffunderline.gifbin0 -> 52 bytes
-rw-r--r--skins/common/images/download-32.pngbin0 -> 1759 bytes
-rw-r--r--skins/common/images/fa/button_bold.pngbin0 -> 459 bytes
-rw-r--r--skins/common/images/fa/button_headline.pngbin0 -> 392 bytes
-rw-r--r--skins/common/images/fa/button_italic.pngbin0 -> 512 bytes
-rw-r--r--skins/common/images/fa/button_link.pngbin0 -> 485 bytes
-rw-r--r--skins/common/images/fa/button_nowiki.pngbin0 -> 874 bytes
-rw-r--r--skins/common/images/feed-icon.pngbin0 -> 542 bytes
-rw-r--r--skins/common/images/feed-icon.svg1
-rw-r--r--skins/common/images/gnu-fdl.pngbin0 -> 1573 bytes
-rw-r--r--skins/common/images/help-question-hover.gifbin0 -> 1246 bytes
-rw-r--r--skins/common/images/help-question.gifbin0 -> 126 bytes
-rw-r--r--skins/common/images/icons/COPYING43
-rw-r--r--skins/common/images/icons/fileicon-c.pngbin0 -> 1753 bytes
-rw-r--r--skins/common/images/icons/fileicon-cpp.pngbin0 -> 1382 bytes
-rw-r--r--skins/common/images/icons/fileicon-deb.pngbin0 -> 4527 bytes
-rw-r--r--skins/common/images/icons/fileicon-djvu.pngbin0 -> 10436 bytes
-rw-r--r--skins/common/images/icons/fileicon-djvu.xcfbin0 -> 83394 bytes
-rw-r--r--skins/common/images/icons/fileicon-dvi.pngbin0 -> 12476 bytes
-rw-r--r--skins/common/images/icons/fileicon-exe.pngbin0 -> 5469 bytes
-rw-r--r--skins/common/images/icons/fileicon-h.pngbin0 -> 803 bytes
-rw-r--r--skins/common/images/icons/fileicon-html.pngbin0 -> 7171 bytes
-rw-r--r--skins/common/images/icons/fileicon-iso.pngbin0 -> 6105 bytes
-rw-r--r--skins/common/images/icons/fileicon-java.pngbin0 -> 5706 bytes
-rw-r--r--skins/common/images/icons/fileicon-mid.pngbin0 -> 6316 bytes
-rw-r--r--skins/common/images/icons/fileicon-mov.pngbin0 -> 7579 bytes
-rw-r--r--skins/common/images/icons/fileicon-o.pngbin0 -> 1742 bytes
-rw-r--r--skins/common/images/icons/fileicon-ogg.pngbin0 -> 3151 bytes
-rw-r--r--skins/common/images/icons/fileicon-ogg.xcfbin0 -> 40236 bytes
-rw-r--r--skins/common/images/icons/fileicon-pdf.pngbin0 -> 4710 bytes
-rw-r--r--skins/common/images/icons/fileicon-ps.pngbin0 -> 2786 bytes
-rw-r--r--skins/common/images/icons/fileicon-psd.pngbin0 -> 7756 bytes
-rw-r--r--skins/common/images/icons/fileicon-rm.pngbin0 -> 2519 bytes
-rw-r--r--skins/common/images/icons/fileicon-rpm.pngbin0 -> 3784 bytes
-rw-r--r--skins/common/images/icons/fileicon-svg.pngbin0 -> 4793 bytes
-rw-r--r--skins/common/images/icons/fileicon-tar.pngbin0 -> 6025 bytes
-rw-r--r--skins/common/images/icons/fileicon-tex.pngbin0 -> 3738 bytes
-rw-r--r--skins/common/images/icons/fileicon-ttf.pngbin0 -> 3193 bytes
-rw-r--r--skins/common/images/icons/fileicon-txt.pngbin0 -> 3388 bytes
-rw-r--r--skins/common/images/icons/fileicon.pngbin0 -> 789 bytes
-rw-r--r--skins/common/images/info-32.pngbin0 -> 1892 bytes
-rw-r--r--skins/common/images/ksh/LICENSE7
-rw-r--r--skins/common/images/ksh/button_S_italic.pngbin0 -> 368 bytes
-rw-r--r--skins/common/images/link_icon.gifbin0 -> 342 bytes
-rw-r--r--skins/common/images/magnify-clip-rtl.pngbin0 -> 149 bytes
-rw-r--r--skins/common/images/magnify-clip.pngbin0 -> 204 bytes
-rw-r--r--skins/common/images/mediawiki.pngbin0 -> 22589 bytes
-rw-r--r--skins/common/images/nextredirectltr.pngbin0 -> 121 bytes
-rw-r--r--skins/common/images/nextredirectrtl.pngbin0 -> 121 bytes
-rw-r--r--skins/common/images/poweredby_mediawiki_88x31.pngbin0 -> 3525 bytes
-rw-r--r--skins/common/images/public-domain.pngbin0 -> 2017 bytes
-rw-r--r--skins/common/images/question-small.pngbin0 -> 316 bytes
-rw-r--r--skins/common/images/question.svg1
-rw-r--r--skins/common/images/redirectltr.pngbin0 -> 128 bytes
-rw-r--r--skins/common/images/redirectrtl.pngbin0 -> 132 bytes
-rw-r--r--skins/common/images/remove.pngbin0 -> 555 bytes
-rw-r--r--skins/common/images/spinner.gifbin0 -> 1819 bytes
-rw-r--r--skins/common/images/tick-32.pngbin0 -> 1103 bytes
-rw-r--r--skins/common/images/tipsy-arrow.gifbin0 -> 205 bytes
-rw-r--r--skins/common/images/tooltip_icon.pngbin0 -> 352 bytes
-rw-r--r--skins/common/images/warning-32.pngbin0 -> 1299 bytes
-rw-r--r--skins/common/images/wiki.pngbin0 -> 24358 bytes
-rw-r--r--skins/common/oldshared.css469
-rw-r--r--skins/common/protect.js387
-rw-r--r--skins/common/shared.css1216
-rw-r--r--skins/common/upload.js355
-rw-r--r--skins/common/wikibits.js243
-rw-r--r--skins/modern/audio.pngbin0 -> 186 bytes
-rw-r--r--skins/modern/bullet.gifbin0 -> 50 bytes
-rw-r--r--skins/modern/discussionitem_icon.gifbin0 -> 549 bytes
-rw-r--r--skins/modern/document.pngbin0 -> 152 bytes
-rw-r--r--skins/modern/external.pngbin0 -> 141 bytes
-rw-r--r--skins/modern/file_icon.gifbin0 -> 323 bytes
-rw-r--r--skins/modern/footer-grad.pngbin0 -> 81 bytes
-rw-r--r--skins/modern/link_icon.gifbin0 -> 342 bytes
-rw-r--r--skins/modern/lock_icon.gifbin0 -> 321 bytes
-rw-r--r--skins/modern/mail_icon.gifbin0 -> 321 bytes
-rw-r--r--skins/modern/main.css912
-rw-r--r--skins/modern/news_icon.pngbin0 -> 284 bytes
-rw-r--r--skins/modern/print.css10
-rw-r--r--skins/modern/video.pngbin0 -> 113 bytes
-rw-r--r--skins/monobook/IE60Fixes.css112
-rw-r--r--skins/monobook/IE70Fixes.css92
-rw-r--r--skins/monobook/audio.pngbin0 -> 186 bytes
-rw-r--r--skins/monobook/bullet.gifbin0 -> 50 bytes
-rw-r--r--skins/monobook/discussionitem_icon.gifbin0 -> 549 bytes
-rw-r--r--skins/monobook/document.pngbin0 -> 152 bytes
-rw-r--r--skins/monobook/external-ltr.pngbin0 -> 141 bytes
-rw-r--r--skins/monobook/external-rtl.pngbin0 -> 141 bytes
-rw-r--r--skins/monobook/file_icon.gifbin0 -> 323 bytes
-rw-r--r--skins/monobook/headbg.jpgbin0 -> 7881 bytes
-rw-r--r--skins/monobook/link_icon.gifbin0 -> 342 bytes
-rw-r--r--skins/monobook/lock_icon.gifbin0 -> 918 bytes
-rw-r--r--skins/monobook/magnify-clip.pngbin0 -> 170 bytes
-rw-r--r--skins/monobook/mail_icon.gifbin0 -> 321 bytes
-rw-r--r--skins/monobook/main.css835
-rw-r--r--skins/monobook/news_icon.pngbin0 -> 284 bytes
-rw-r--r--skins/monobook/required.gifbin0 -> 47 bytes
-rw-r--r--skins/monobook/user.gifbin0 -> 325 bytes
-rw-r--r--skins/monobook/video.pngbin0 -> 116 bytes
-rw-r--r--skins/monobook/wiki-indexed.pngbin0 -> 8007 bytes
-rw-r--r--skins/monobook/wiki.pngbin0 -> 22589 bytes
-rw-r--r--skins/vector/collapsibleNav.js152
-rw-r--r--skins/vector/collapsibleTabs.js208
-rw-r--r--skins/vector/components/animations.less28
-rw-r--r--skins/vector/components/collapsibleNav.less91
-rw-r--r--skins/vector/components/common.less141
-rw-r--r--skins/vector/components/externalLinks.less10
-rw-r--r--skins/vector/components/footer.less57
-rw-r--r--skins/vector/components/navigation.less134
-rw-r--r--skins/vector/components/notifications.less20
-rw-r--r--skins/vector/components/personalMenu.less41
-rw-r--r--skins/vector/components/search.less113
-rw-r--r--skins/vector/components/tabs.less274
-rw-r--r--skins/vector/components/watchstar.less46
-rw-r--r--skins/vector/csshover.htc284
-rw-r--r--skins/vector/csshover.min.htc12
-rw-r--r--skins/vector/images/arrow-collapsed-ltr.pngbin0 -> 143 bytes
-rw-r--r--skins/vector/images/arrow-collapsed-ltr.svg1
-rw-r--r--skins/vector/images/arrow-collapsed-rtl.pngbin0 -> 145 bytes
-rw-r--r--skins/vector/images/arrow-collapsed-rtl.svg1
-rw-r--r--skins/vector/images/arrow-down-focus-icon.pngbin0 -> 135 bytes
-rw-r--r--skins/vector/images/arrow-down-focus-icon.svg1
-rw-r--r--skins/vector/images/arrow-down-icon.pngbin0 -> 135 bytes
-rw-r--r--skins/vector/images/arrow-down-icon.svg1
-rw-r--r--skins/vector/images/arrow-expanded.pngbin0 -> 145 bytes
-rw-r--r--skins/vector/images/arrow-expanded.svg1
-rw-r--r--skins/vector/images/bullet-icon.pngbin0 -> 107 bytes
-rw-r--r--skins/vector/images/external-link-ltr-icon.pngbin0 -> 141 bytes
-rw-r--r--skins/vector/images/external-link-ltr-icon.svg1
-rw-r--r--skins/vector/images/external-link-rtl-icon.pngbin0 -> 141 bytes
-rw-r--r--skins/vector/images/external-link-rtl-icon.svg1
-rw-r--r--skins/vector/images/link-icon.pngbin0 -> 359 bytes
-rw-r--r--skins/vector/images/magnify-clip.pngbin0 -> 204 bytes
-rw-r--r--skins/vector/images/page-fade.pngbin0 -> 115 bytes
-rw-r--r--skins/vector/images/portal-break-ltr.pngbin0 -> 168 bytes
-rw-r--r--skins/vector/images/portal-break-rtl.pngbin0 -> 161 bytes
-rw-r--r--skins/vector/images/portal-break.pngbin0 -> 96 bytes
-rw-r--r--skins/vector/images/preferences/break.pngbin0 -> 103 bytes
-rw-r--r--skins/vector/images/preferences/fade.pngbin0 -> 85 bytes
-rw-r--r--skins/vector/images/search-fade.pngbin0 -> 94 bytes
-rw-r--r--skins/vector/images/search-ltr.pngbin0 -> 214 bytes
-rw-r--r--skins/vector/images/search-ltr.svg1
-rw-r--r--skins/vector/images/search-rtl.pngbin0 -> 214 bytes
-rw-r--r--skins/vector/images/search-rtl.svg1
-rw-r--r--skins/vector/images/tab-break.pngbin0 -> 125 bytes
-rw-r--r--skins/vector/images/tab-current-fade.pngbin0 -> 70 bytes
-rw-r--r--skins/vector/images/tab-normal-fade.pngbin0 -> 117 bytes
-rw-r--r--skins/vector/images/unwatch-icon-hl.pngbin0 -> 716 bytes
-rw-r--r--skins/vector/images/unwatch-icon-hl.svg1
-rw-r--r--skins/vector/images/unwatch-icon.pngbin0 -> 658 bytes
-rw-r--r--skins/vector/images/unwatch-icon.svg1
-rw-r--r--skins/vector/images/user-icon.pngbin0 -> 568 bytes
-rw-r--r--skins/vector/images/user-icon.svg1
-rw-r--r--skins/vector/images/watch-icon-hl.pngbin0 -> 640 bytes
-rw-r--r--skins/vector/images/watch-icon-hl.svg1
-rw-r--r--skins/vector/images/watch-icon-loading.pngbin0 -> 485 bytes
-rw-r--r--skins/vector/images/watch-icon-loading.svg1
-rw-r--r--skins/vector/images/watch-icon.pngbin0 -> 642 bytes
-rw-r--r--skins/vector/images/watch-icon.svg1
-rw-r--r--skins/vector/screen-hd.less30
-rw-r--r--skins/vector/screen.less10
-rw-r--r--skins/vector/special.less7
-rw-r--r--skins/vector/special.preferences.less114
-rw-r--r--skins/vector/variables.less43
-rw-r--r--skins/vector/vector.js55
276 files changed, 13855 insertions, 0 deletions
diff --git a/skins/Cavendish.php b/skins/Cavendish.php
new file mode 100644
index 0000000..8a5e6eb
--- /dev/null
+++ b/skins/Cavendish.php
@@ -0,0 +1,253 @@
+<?php
+/**
+ * Mozilla cavendish theme
+ * Modified by DaSch for MW 1.19 and WeCoWi
+ *
+ * Loosely based on the cavendish style by Gabriel Wicke
+ *
+ * @todo document
+ * @package MediaWiki
+ * @subpackage Skins
+ */
+
+
+if( !defined( 'MEDIAWIKI' ) )
+ die( -1 );
+
+/**
+ * Inherit main code from SkinTemplate, set the CSS and template filter.
+ * @todo document
+ * @package MediaWiki
+ * @subpackage Skins
+ */
+
+class SkinCavendish extends SkinTemplate {
+ /** Using cavendish. */
+
+ function initPage( OutputPage $out ) {
+ SkinTemplate::initPage( $out );
+ $this->skinname = 'cavendish';
+ $this->stylename = 'cavendish';
+ $this->template = 'CavendishTemplate';
+ $this->useHeadElement = true;
+ }
+ function setupSkinUserCss( OutputPage $out ) {
+ global $wgHandheldStyle, $wgStyleVersion, $wgJsMimeType, $wgStylePath, $wgVersion, $wgLogo;
+ parent::setupSkinUserCss( $out );
+ // Append to the default screen common & print styles...
+ $out->addStyle( 'cavendish/print.css', 'print' );
+ $out->addStyle( 'cavendish/cavendish.css', 'screen' );
+ if( $wgHandheldStyle ) {
+ // Currently in testing... try 'chick/main.css'
+ $out->addStyle( $wgHandheldStyle, 'handheld' );
+ }
+ $out->addStyle( 'cavendish/IE60Fixes.css', 'screen', 'IE 6' );
+ $out->addStyle( 'cavendish/IE70Fixes.css', 'screen', 'IE 7' );
+
+ $out->addStyle( 'cavendish/rtl.css', 'screen', '', 'rtl' );
+
+ /* README for details */
+ include('cavendish/config.php');
+
+ $out->addStyle( 'cavendish/colors/'. $cavendishColor .'.css', 'screen' );
+
+ if ($cavendishExtensionCSS) {
+ $out->addStyle( 'cavendish/extensions.css', 'screen' );
+ }
+ $out->addStyle( 'cavendish/style.php', 'screen' );
+ }
+}
+
+class CavendishTemplate extends MonoBookTemplate {
+ var $skin;
+ /**
+ * Template filter callback for cavendish skin.
+ * Takes an associative array of data set from a SkinTemplate-based
+ * class, and a wrapper for MediaWiki's localization database, and
+ * outputs a formatted page.
+ *
+ * @access private
+ */
+ function execute() {
+ global $wgRequest, $wgLang;
+ include('cavendish/config.php');
+ $QRURL = htmlentities( $this->getSkin()->getTitle()->getFullURL()).$cavendishQRurladd;
+ $styleversion = '2.3.3';
+ $this->skin = $skin = $this->data['skin'];
+ $action = $wgRequest->getText( 'action' );
+ if ( $action == "") {
+ $action = "view";
+ }
+ // Suppress warnings to prevent notices about missing indexes in $this->data
+ wfSuppressWarnings();
+ // HTML starts here
+ $this->html( 'headelement' );
+?>
+<div id="internal"></div>
+<!-- Skin-Version: <?php echo $styleversion ?> //Please leave this for bugtracking purpose//-->
+<div id="globalWrapper" class="<?php echo $action ?>">
+ <div id="p-personal" class="portlet">
+ <h5><?php $this->msg('personaltools') ?></h5>
+ <div class="pBody">
+ <ul <?php $this->html('userlangattributes') ?>>
+ <?php foreach($this->data['personal_urls'] as $key => $item) {?>
+
+ <li id="<?php echo Sanitizer::escapeId( "pt-$key" ) ?>" class="<?php
+ if ($item['active']) { ?>active <?php } ?>top-nav-element">
+ <span class="top-nav-left">&nbsp;</span>
+ <a class="top-nav-mid <?php echo htmlspecialchars($item['class']) ?>"
+ href="<?php echo htmlspecialchars($item['href']) ?>">
+ <?php echo htmlspecialchars($item['text']) ?></a>
+ <span class="top-nav-right">&nbsp;</span></li>
+ <?php
+ } ?>
+
+ </ul>
+ </div>
+ </div>
+ <div id="header">
+ <a name="top" id="contentTop"></a>
+ <h6>
+ <a
+ href="<?php echo htmlspecialchars($this->data['nav_urls']['mainpage']['href'])?>"
+ title="<?php $this->msg('mainpage') ?>"><?php $this->text('pagetitle') ?></a></h6>
+ <div id="p-cactions" class="portlet"><ul>
+<?php foreach($this->data['content_actions'] as $key => $tab) {
+ echo '
+ <li id="' . Sanitizer::escapeId( "ca-$key" ) . '"';
+ if( $tab['class'] ) {
+ echo ' class="'.htmlspecialchars($tab['class']).'"';
+ }
+ echo '><a href="'.htmlspecialchars($tab['href']).'"';
+ # We don't want to give the watch tab an accesskey if the
+ # page is being edited, because that conflicts with the
+ # accesskey on the watch checkbox. We also don't want to
+ # give the edit tab an accesskey, because that's fairly su-
+ # perfluous and conflicts with an accesskey (Ctrl-E) often
+ # used for editing in Safari.
+ if( in_array( $action, array( 'edit', 'submit' ) ) && in_array( $key, array( 'edit', 'watch', 'unwatch' ) ) ) {
+ echo $skin->tooltip( "ca-$key" );
+ }
+ else {
+ echo $skin->tooltip( "ca-$key" );
+ }
+ echo '>'.htmlspecialchars($tab['text']).'</a></li>';
+ }
+
+ ?>
+ </ul></div>
+ <?php
+ // TODO Searchbox Handling
+ $this->searchBox(); ?>
+ </div>
+ <div id="mBody">
+ <div id="side">
+ <div id="nav">
+<?php //sidebar
+ $sidebar = $this->data['sidebar'];
+ if ( !isset( $sidebar['SEARCH'] ) ) $sidebar['SEARCH'] = true;
+ if ( !isset( $sidebar['TOOLBOX'] ) ) $sidebar['TOOLBOX'] = true;
+ if ( !isset( $sidebar['LANGUAGES'] ) ) $sidebar['LANGUAGES'] = true;
+ foreach ($sidebar as $boxName => $cont) {
+ // TODO Searchbox Handling
+ if ( $boxName == 'SEARCH' ) {
+// $this->searchBox();
+ } elseif ( $boxName == 'TOOLBOX' ) {
+ $this->toolbox();
+ } elseif ( $boxName == 'LANGUAGES' ) {
+ $this->languageBox();
+ } else {
+ $this->customBox( $boxName, $cont );
+ }
+ }
+ ?>
+</div>
+</div>
+ </div><!-- end of SIDE div -->
+ <div id="column-content">
+ <div id="content">
+ <a id="top"></a>
+ <?php if($this->data['sitenotice']) { ?><div id="siteNotice"><?php $this->html('sitenotice') ?></div><?php } ?>
+ <h1 id="firstHeading" class="firstHeading"><?php $this->html('title') ?></h1>
+ <div id="bodyContent">
+ <h3 id="siteSub"><?php $this->msg('tagline') ?></h3>
+ <div id="contentSub"><?php $this->html('subtitle') ?></div>
+ <?php if($this->data['undelete']) { ?><div id="contentSub2"><?php $this->html('undelete') ?></div><?php } ?>
+ <?php if($this->data['newtalk'] ) { ?><div class="usermessage"><?php $this->html('newtalk') ?></div><?php } ?>
+ <?php if($this->data['showjumplinks']) { ?><div id="jump-to-nav"><?php $this->msg('jumpto') ?> <a href="#column-one"><?php $this->msg('jumptonavigation') ?></a>, <a href="#searchInput"><?php $this->msg('jumptosearch') ?></a></div><?php } ?>
+ <!-- start content -->
+ <?php $this->html('bodytext') ?>
+ <?php if($this->data['catlinks']) { $this->html('catlinks'); } ?>
+ <!-- end content -->
+ <?php if($this->data['dataAfterContent']) { $this->html ('dataAfterContent'); } ?>
+ </div>
+ </div><!-- end of MAINCONTENT div -->
+ </div>
+ </div><!-- end of MBODY div -->
+ <div class="visualClear"></div>
+ <div id="footer">
+ <table>
+ <tr>
+ <td rowspan="2" class="f-iconsection">
+ <?php //copytight icon
+ if($this->data['copyrightico']) { ?><div id="f-copyrightico"><?php $this->html('copyrightico') ?></div><?php } ?>
+ </td>
+ <td align="center">
+<?php // Generate additional footer links
+ $footerlinks = array(
+ 'lastmod', 'viewcount', 'numberofwatchingusers', 'credits', 'copyright',
+ 'privacy', 'about', 'disclaimer', 'tagline',
+ );
+ $validFooterLinks = array();
+ foreach( $footerlinks as $aLink ) {
+ if( isset( $this->data[$aLink] ) && $this->data[$aLink] ) {
+ $validFooterLinks[] = $aLink;
+ }
+ }
+ if ( count( $validFooterLinks ) > 0 ) {
+?> <ul id="f-list">
+<?php
+ foreach( $validFooterLinks as $aLink ) {
+ if( isset( $this->data[$aLink] ) && $this->data[$aLink] ) {
+?> <li id="f-<?php echo$aLink?>"><?php $this->html($aLink) ?></li>
+<?php }
+ }
+ }
+?></ul></td>
+ <td rowspan="2" class="f-iconsection">
+ <?php
+ $validFooterIcons = $this->getFooterIcons( "nocopyright" );
+ foreach ( $validFooterIcons as $blockName => $footerIcons ) { ?>
+ <div id="f-<?php echo htmlspecialchars($blockName); ?>ico"><?php
+ foreach ( $footerIcons as $icon ) {
+ echo $this->skin->makeFooterIcon( $icon );
+ }
+ }
+ ?></div>
+ <?php
+ // QR-Code added on option
+ if ($cavendishQRCode) { ?>
+ <div id="qrcode">
+ <a href="http://goqr.me/" style="border:0 none;cursor:default;text-decoration:none;"><img src="http://api.qrserver.com/v1/create-qr-code/?data=<?php echo $QRURL; ?>&#38;size=160x160" height=80 width=80 alt="QR Code generator" title="" /></a>
+ </div>
+ <?php } ?>
+ </td>
+ </tr>
+ <tr>
+ <td><div id="skin-info">
+ Mozilla Cavendish Theme based on Cavendish style by Gabriel Wicke modified by <a href="http://www.dasch-tour.de" title="DaSch-Tour Blog" target="_blank">DaSch</a> for the <a href="http://www.wecowi.de/" title="Web Community Wiki">Web Community Wiki</a><br/>
+ <a href="https://github.com/DaSchTour/Cavendish" title="github projectpage">github Projectpage</a> &ndash; <a href="https://github.com/DaSchTour/Cavendish/issues" title="Bug reporting at github">Report Bug</a> &ndash; Skin-Version: <?php echo $styleversion ?>
+ </div></td>
+ </tr>
+ </table>
+ </div><!-- end of the FOOTER div -->
+</div><!-- end of the CONTAINER div -->
+<!-- scripts and debugging information -->
+<?php
+
+ $this->printTrail();
+ echo Html::closeElement( 'body' );
+ echo Html::closeElement( 'html' );
+ wfRestoreWarnings();
+ }
+} // end of class
diff --git a/skins/CologneBlue.php b/skins/CologneBlue.php
new file mode 100644
index 0000000..7c2860e
--- /dev/null
+++ b/skins/CologneBlue.php
@@ -0,0 +1,573 @@
+<?php
+/**
+ * Cologne Blue: A nicer-looking alternative to Standard.
+ *
+ * This program is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 2 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License along
+ * with this program; if not, write to the Free Software Foundation, Inc.,
+ * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ * http://www.gnu.org/copyleft/gpl.html
+ *
+ * @todo document
+ * @file
+ * @ingroup Skins
+ */
+
+if ( !defined( 'MEDIAWIKI' ) ) {
+ die( -1 );
+}
+
+/**
+ * @todo document
+ * @ingroup Skins
+ */
+class SkinCologneBlue extends SkinTemplate {
+ var $skinname = 'cologneblue', $stylename = 'cologneblue',
+ $template = 'CologneBlueTemplate';
+ var $useHeadElement = true;
+
+ /**
+ * @param $out OutputPage
+ */
+ function setupSkinUserCss( OutputPage $out ) {
+ parent::setupSkinUserCss( $out );
+ $out->addModuleStyles( 'mediawiki.legacy.oldshared' );
+ $out->addModuleStyles( 'skins.cologneblue' );
+ }
+
+ /**
+ * Override langlink formatting behavior not to uppercase the language names.
+ * See otherLanguages() in CologneBlueTemplate.
+ */
+ function formatLanguageName( $name ) {
+ return $name;
+ }
+}
+
+class CologneBlueTemplate extends BaseTemplate {
+ function execute() {
+ // Suppress warnings to prevent notices about missing indexes in $this->data
+ wfSuppressWarnings();
+ $this->html( 'headelement' );
+ echo $this->beforeContent();
+ $this->html( 'bodytext' );
+ echo "\n";
+ echo $this->afterContent();
+ $this->html( 'dataAfterContent' );
+ $this->printTrail();
+ echo "\n</body></html>";
+ wfRestoreWarnings();
+ }
+
+ /**
+ * Language/charset variant links for classic-style skins
+ * @return string
+ */
+ function variantLinks() {
+ $s = array();
+
+ $variants = $this->data['content_navigation']['variants'];
+
+ foreach ( $variants as $key => $link ) {
+ $s[] = $this->makeListItem( $key, $link, array( 'tag' => 'span' ) );
+ }
+
+ return $this->getSkin()->getLanguage()->pipeList( $s );
+ }
+
+ function otherLanguages() {
+ global $wgHideInterlanguageLinks;
+ if ( $wgHideInterlanguageLinks ) {
+ return "";
+ }
+
+ $html = '';
+
+ // We override SkinTemplate->formatLanguageName() in SkinCologneBlue
+ // not to capitalize the language names.
+ $language_urls = $this->data['language_urls'];
+ if ( !empty( $language_urls ) ) {
+ $s = array();
+ foreach ( $language_urls as $key => $data ) {
+ $s[] = $this->makeListItem( $key, $data, array( 'tag' => 'span' ) );
+ }
+
+ $html = wfMessage( 'otherlanguages' )->text()
+ . wfMessage( 'colon-separator' )->text()
+ . $this->getSkin()->getLanguage()->pipeList( $s );
+ }
+
+ $html .= $this->renderAfterPortlet( 'lang' );
+
+ return $html;
+ }
+
+ /**
+ * @param string $name
+ */
+ protected function renderAfterPortlet( $name ) {
+ $content = '';
+ wfRunHooks( 'BaseTemplateAfterPortlet', array( $this, $name, &$content ) );
+
+ $html = $content !== '' ? "<div class='after-portlet after-portlet-$name'>$content</div>" : '';
+
+ return $html;
+ }
+
+ function pageTitleLinks() {
+ $s = array();
+ $footlinks = $this->getFooterLinks();
+
+ foreach ( $footlinks['places'] as $item ) {
+ $s[] = $this->data[$item];
+ }
+
+ return $this->getSkin()->getLanguage()->pipeList( $s );
+ }
+
+ /**
+ * Used in bottomLinks() to eliminate repetitive code.
+ *
+ * @param $key string Key to be passed to makeListItem()
+ * @param $navlink array Navlink suitable for processNavlinkForDocument()
+ * @param $message string Key of the message to use in place of standard text
+ *
+ * @return string
+ */
+ function processBottomLink( $key, $navlink, $message = null ) {
+ if ( !$navlink ) {
+ // Empty navlinks might be passed.
+ return null;
+ }
+
+ if ( $message ) {
+ $navlink['text'] = wfMessage( $message )->escaped();
+ }
+
+ return $this->makeListItem( $key, $this->processNavlinkForDocument( $navlink ), array( 'tag' => 'span' ) );
+ }
+
+ function bottomLinks() {
+ $toolbox = $this->getToolbox();
+ $content_nav = $this->data['content_navigation'];
+
+ $lines = array();
+
+ if ( $this->getSkin()->getOutput()->isArticleRelated() ) {
+ // First row. Regular actions.
+ $element = array();
+
+ $editLinkMessage = $this->getSkin()->getTitle()->exists() ? 'editthispage' : 'create-this-page';
+ $element[] = $this->processBottomLink( 'edit', $content_nav['views']['edit'], $editLinkMessage );
+ $element[] = $this->processBottomLink( 'viewsource', $content_nav['views']['viewsource'], 'viewsource' );
+
+ $element[] = $this->processBottomLink( 'watch', $content_nav['actions']['watch'], 'watchthispage' );
+ $element[] = $this->processBottomLink( 'unwatch', $content_nav['actions']['unwatch'], 'unwatchthispage' );
+
+ $element[] = $this->talkLink();
+
+ $element[] = $this->processBottomLink( 'history', $content_nav['views']['history'], 'history' );
+ $element[] = $this->processBottomLink( 'info', $toolbox['info'] );
+ $element[] = $this->processBottomLink( 'whatlinkshere', $toolbox['whatlinkshere'] );
+ $element[] = $this->processBottomLink( 'recentchangeslinked', $toolbox['recentchangeslinked'] );
+
+ $element[] = $this->processBottomLink( 'contributions', $toolbox['contributions'] );
+ $element[] = $this->processBottomLink( 'emailuser', $toolbox['emailuser'] );
+
+ $lines[] = $this->getSkin()->getLanguage()->pipeList( array_filter( $element ) );
+
+ // Second row. Privileged actions.
+ $element = array();
+
+ $element[] = $this->processBottomLink( 'delete', $content_nav['actions']['delete'], 'deletethispage' );
+ $element[] = $this->processBottomLink( 'undelete', $content_nav['actions']['undelete'], 'undeletethispage' );
+
+ $element[] = $this->processBottomLink( 'protect', $content_nav['actions']['protect'], 'protectthispage' );
+ $element[] = $this->processBottomLink( 'unprotect', $content_nav['actions']['unprotect'], 'unprotectthispage' );
+
+ $element[] = $this->processBottomLink( 'move', $content_nav['actions']['move'], 'movethispage' );
+
+ $lines[] = $this->getSkin()->getLanguage()->pipeList( array_filter( $element ) );
+
+ // Third row. Language links.
+ $lines[] = $this->otherLanguages();
+ }
+
+ return implode( array_filter( $lines ), "<br />\n" ) . "<br />\n";
+ }
+
+ function talkLink() {
+ $title = $this->getSkin()->getTitle();
+
+ if ( $title->getNamespace() == NS_SPECIAL ) {
+ // No discussion links for special pages
+ return "";
+ }
+
+ $companionTitle = $title->isTalkPage() ? $title->getSubjectPage() : $title->getTalkPage();
+ $companionNamespace = $companionTitle->getNamespace();
+
+ // TODO these messages are only be used by CologneBlue,
+ // kill and replace with something more sensibly named?
+ $nsToMessage = array(
+ NS_MAIN => 'articlepage',
+ NS_USER => 'userpage',
+ NS_PROJECT => 'projectpage',
+ NS_FILE => 'imagepage',
+ NS_MEDIAWIKI => 'mediawikipage',
+ NS_TEMPLATE => 'templatepage',
+ NS_HELP => 'viewhelppage',
+ NS_CATEGORY => 'categorypage',
+ NS_FILE => 'imagepage',
+ );
+
+ // Find out the message to use for link text. Use either the array above or,
+ // for non-talk pages, a generic "discuss this" message.
+ // Default is the same as for main namespace.
+ if ( isset( $nsToMessage[$companionNamespace] ) ) {
+ $message = $nsToMessage[$companionNamespace];
+ } else {
+ $message = $companionTitle->isTalkPage() ? 'talkpage' : 'articlepage';
+ }
+
+ // Obviously this can't be reasonable and just return the key for talk namespace, only for content ones.
+ // Thus we have to mangle it in exactly the same way SkinTemplate does. (bug 40805)
+ $key = $companionTitle->getNamespaceKey( '' );
+ if ( $companionTitle->isTalkPage() ) {
+ $key = ( $key == 'main' ? 'talk' : $key . "_talk" );
+ }
+
+ // Use the regular navigational link, but replace its text. Everything else stays unmodified.
+ $namespacesLinks = $this->data['content_navigation']['namespaces'];
+ return $this->processBottomLink( $message, $namespacesLinks[$key], $message );
+ }
+
+ /**
+ * Takes a navigational link generated by SkinTemplate in whichever way
+ * and mangles attributes unsuitable for repeated use. In particular, this modifies the ids
+ * and removes the accesskeys. This is necessary to be able to use the same navlink twice,
+ * e.g. in sidebar and in footer.
+ *
+ * @param $navlink array Navigational link generated by SkinTemplate
+ * @param $idPrefix mixed Prefix to add to id of this navlink. If false, id is removed entirely. Default is 'cb-'.
+ */
+ function processNavlinkForDocument( $navlink, $idPrefix = 'cb-' ) {
+ if ( $navlink['id'] ) {
+ $navlink['single-id'] = $navlink['id']; // to allow for tooltip generation
+ $navlink['tooltiponly'] = true; // but no accesskeys
+
+ // mangle or remove the id
+ if ( $idPrefix === false ) {
+ unset( $navlink['id'] );
+ } else {
+ $navlink['id'] = $idPrefix . $navlink['id'];
+ }
+ }
+
+ return $navlink;
+ }
+
+ /**
+ * @return string
+ */
+ function beforeContent() {
+ ob_start();
+?>
+<div id="content">
+ <div id="topbar">
+ <p id="sitetitle" role="banner">
+ <a href="<?php echo htmlspecialchars( $this->data['nav_urls']['mainpage']['href'] ) ?>">
+ <?php echo wfMessage( 'sitetitle' )->escaped() ?>
+ </a>
+ </p>
+ <p id="sitesub"><?php echo wfMessage( 'sitesubtitle' )->escaped() ?></p>
+ <div id="linkcollection" role="navigation">
+ <div id="langlinks"><?php echo str_replace( '<br />', '', $this->otherLanguages() ) ?></div>
+ <?php echo $this->getSkin()->getCategories() ?>
+ <div id="titlelinks"><?php echo $this->pageTitleLinks() ?></div>
+ <?php if ( $this->data['newtalk'] ) { ?>
+ <div class="usermessage"><strong><?php echo $this->data['newtalk'] ?></strong></div>
+ <?php } ?>
+ </div>
+ </div>
+ <div id="article" class="mw-body" role="main">
+ <?php if ( $this->getSkin()->getSiteNotice() ) { ?>
+ <div id="siteNotice"><?php echo $this->getSkin()->getSiteNotice() ?></div>
+ <?php } ?>
+ <h1 id="firstHeading" lang="<?php
+ $this->data['pageLanguage'] = $this->getSkin()->getTitle()->getPageViewLanguage()->getHtmlCode();
+ $this->text( 'pageLanguage' );
+ ?>"><span dir="auto"><?php echo $this->data['title'] ?></span></h1>
+ <?php if ( $this->translator->translate( 'tagline' ) ) { ?>
+ <p class="tagline"><?php echo htmlspecialchars( $this->translator->translate( 'tagline' ) ) ?></p>
+ <?php } ?>
+ <?php if ( $this->getSkin()->getOutput()->getSubtitle() ) { ?>
+ <p class="subtitle"><?php echo $this->getSkin()->getOutput()->getSubtitle() ?></p>
+ <?php } ?>
+ <?php if ( $this->getSkin()->subPageSubtitle() ) { ?>
+ <p class="subpages"><?php echo $this->getSkin()->subPageSubtitle() ?></p>
+ <?php } ?>
+<?php
+ $s = ob_get_contents();
+ ob_end_clean();
+
+ return $s;
+ }
+
+ /**
+ * @return string
+ */
+ function afterContent() {
+ ob_start();
+?>
+ </div>
+ <div id="footer">
+ <div id="footer-navigation" role="navigation">
+<?php
+ // Page-related links
+ echo $this->bottomLinks();
+ echo "\n<br />";
+
+ // Footer and second searchbox
+ echo $this->getSkin()->getLanguage()->pipeList( array(
+ $this->getSkin()->mainPageLink(),
+ $this->getSkin()->aboutLink(),
+ $this->searchForm( 'footer' )
+ ) );
+?>
+ </div>
+ <div id="footer-info" role="contentinfo">
+<?php
+ // Standard footer info
+ $footlinks = $this->getFooterLinks();
+ if ( $footlinks['info'] ) {
+ foreach ( $footlinks['info'] as $item ) {
+ echo $this->data[$item] . ' ';
+ }
+ }
+?>
+ </div>
+ </div>
+</div>
+<div id="mw-navigation">
+ <h2><?php echo wfMessage( 'navigation-heading' )->escaped() ?></h2>
+ <div id="toplinks" role="navigation">
+ <p id="syslinks"><?php echo $this->sysLinks() ?></p>
+ <p id="variantlinks"><?php echo $this->variantLinks() ?></p>
+ </div>
+ <?php echo $this->quickBar() ?>
+</div>
+<?php
+ $s = ob_get_contents();
+ ob_end_clean();
+
+ return $s;
+ }
+
+ /**
+ * @return string
+ */
+ function sysLinks() {
+ $s = array(
+ $this->getSkin()->mainPageLink(),
+ Linker::linkKnown(
+ Title::newFromText( wfMessage( 'aboutpage' )->inContentLanguage()->text() ),
+ wfMessage( 'about' )->text()
+ ),
+ Linker::makeExternalLink(
+ Skin::makeInternalOrExternalUrl( wfMessage( 'helppage' )->inContentLanguage()->text() ),
+ wfMessage( 'help' )->text(),
+ false
+ ),
+ Linker::linkKnown(
+ Title::newFromText( wfMessage( 'faqpage' )->inContentLanguage()->text() ),
+ wfMessage( 'faq' )->text()
+ ),
+ );
+
+ $personalUrls = $this->getPersonalTools();
+ foreach ( array( 'logout', 'createaccount', 'login' ) as $key ) {
+ if ( $personalUrls[$key] ) {
+ $s[] = $this->makeListItem( $key, $personalUrls[$key], array( 'tag' => 'span' ) );
+ }
+ }
+
+ return $this->getSkin()->getLanguage()->pipeList( $s );
+ }
+
+ /**
+ * Adds CologneBlue-specific items to the sidebar: qbedit, qbpageoptions and qbmyoptions menus.
+ *
+ * @param $bar sidebar data
+ * @return array modified sidebar data
+ */
+ function sidebarAdditions( $bar ) {
+ // "This page" and "Edit" menus
+ // We need to do some massaging here... we reuse all of the items, except for $...['views']['view'],
+ // as $...['namespaces']['main'] and $...['namespaces']['talk'] together serve the same purpose.
+ // We also don't use $...['variants'], these are displayed in the top menu.
+ $content_navigation = $this->data['content_navigation'];
+ $qbpageoptions = array_merge(
+ $content_navigation['namespaces'],
+ array(
+ 'history' => $content_navigation['views']['history'],
+ 'watch' => $content_navigation['actions']['watch'],
+ 'unwatch' => $content_navigation['actions']['unwatch'],
+ )
+ );
+ $content_navigation['actions']['watch'] = null;
+ $content_navigation['actions']['unwatch'] = null;
+ $qbedit = array_merge(
+ array(
+ 'edit' => $content_navigation['views']['edit'],
+ 'addsection' => $content_navigation['views']['addsection'],
+ ),
+ $content_navigation['actions']
+ );
+
+ // Personal tools ("My pages")
+ $qbmyoptions = $this->getPersonalTools();
+ foreach ( array( 'logout', 'createaccount', 'login', ) as $key ) {
+ $qbmyoptions[$key] = null;
+ }
+
+ // Use the closest reasonable name
+ $bar['cactions'] = $qbedit;
+ $bar['pageoptions'] = $qbpageoptions; // this is a non-standard portlet name, but nothing fits
+ $bar['personal'] = $qbmyoptions;
+
+ return $bar;
+ }
+
+ /**
+ * Compute the sidebar
+ * @access private
+ *
+ * @return string
+ */
+ function quickBar() {
+ // Massage the sidebar. We want to:
+ // * place SEARCH at the beginning
+ // * add new portlets before TOOLBOX (or at the end, if it's missing)
+ // * remove LANGUAGES (langlinks are displayed elsewhere)
+ $orig_bar = $this->data['sidebar'];
+ $bar = array();
+ $hasToolbox = false;
+
+ // Always display search first
+ $bar['SEARCH'] = true;
+ // Copy everything except for langlinks, inserting new items before toolbox
+ foreach ( $orig_bar as $heading => $data ) {
+ if ( $heading == 'TOOLBOX' ) {
+ // Insert the stuff
+ $bar = $this->sidebarAdditions( $bar );
+ $hasToolbox = true;
+ }
+
+ if ( $heading != 'LANGUAGES' ) {
+ $bar[$heading] = $data;
+ }
+ }
+ // If toolbox is missing, add our items at the end
+ if ( !$hasToolbox ) {
+ $bar = $this->sidebarAdditions( $bar );
+ }
+
+ // Fill out special sidebar items with content
+ $orig_bar = $bar;
+ $bar = array();
+ foreach ( $orig_bar as $heading => $data ) {
+ if ( $heading == 'SEARCH' ) {
+ $bar['search'] = $this->searchForm( 'sidebar' );
+ } elseif ( $heading == 'TOOLBOX' ) {
+ $bar['tb'] = $this->getToolbox();
+ } else {
+ $bar[$heading] = $data;
+ }
+ }
+
+ // Output the sidebar
+ // CologneBlue uses custom messages for some portlets, but we should keep the ids for consistency
+ $idToMessage = array(
+ 'search' => 'qbfind',
+ 'navigation' => 'qbbrowse',
+ 'tb' => 'toolbox',
+ 'cactions' => 'qbedit',
+ 'personal' => 'qbmyoptions',
+ 'pageoptions' => 'qbpageoptions',
+ );
+
+ $s = "<div id='quickbar'>\n";
+
+ foreach ( $bar as $heading => $data ) {
+ $portletId = Sanitizer::escapeId( "p-$heading" );
+ $headingMsg = wfMessage( $idToMessage[$heading] ? $idToMessage[$heading] : $heading );
+ $headingHTML = "<h3>" . ( $headingMsg->exists() ? $headingMsg->escaped() : htmlspecialchars( $heading ) ) . "</h3>";
+ $listHTML = "";
+
+ if ( is_array( $data ) ) {
+ // $data is an array of links
+ foreach ( $data as $key => $link ) {
+ // Can be empty due to how the sidebar additions are done
+ if ( $link ) {
+ $listHTML .= $this->makeListItem( $key, $link );
+ }
+ }
+ if ( $listHTML ) {
+ $listHTML = "<ul>$listHTML</ul>";
+ }
+ } else {
+ // $data is a HTML <ul>-list string
+ $listHTML = $data;
+ }
+
+ if ( $listHTML ) {
+ $role = ( $heading == 'search' ) ? 'search' : 'navigation';
+ $s .= "<div class=\"portlet\" id=\"$portletId\" role=\"$role\">\n$headingHTML\n$listHTML\n</div>\n";
+ }
+
+ $s .= $this->renderAfterPortlet( $heading );
+ }
+
+ $s .= "</div>\n";
+ return $s;
+ }
+
+ /**
+ * @param $label string
+ * @return string
+ */
+ function searchForm( $which ) {
+ global $wgUseTwoButtonsSearchForm;
+
+ $search = $this->getSkin()->getRequest()->getText( 'search' );
+ $action = $this->data['searchaction'];
+ $s = "<form id=\"searchform-" . htmlspecialchars( $which ) . "\" method=\"get\" class=\"inline\" action=\"$action\">";
+ if ( $which == 'footer' ) {
+ $s .= wfMessage( 'qbfind' )->text() . ": ";
+ }
+
+ $s .= $this->makeSearchInput( array( 'class' => 'mw-searchInput', 'type' => 'text', 'size' => '14' ) );
+ $s .= ( $which == 'footer' ? " " : "<br />" );
+ $s .= $this->makeSearchButton( 'go', array( 'class' => 'searchButton' ) );
+
+ if ( $wgUseTwoButtonsSearchForm ) {
+ $s .= $this->makeSearchButton( 'fulltext', array( 'class' => 'searchButton' ) );
+ } else {
+ $s .= '<div><a href="' . $action . '" rel="search">' . wfMessage( 'powersearch-legend' )->escaped() . "</a></div>\n";
+ }
+
+ $s .= '</form>';
+
+ return $s;
+ }
+}
diff --git a/skins/Modern.php b/skins/Modern.php
new file mode 100644
index 0000000..8d778cf
--- /dev/null
+++ b/skins/Modern.php
@@ -0,0 +1,169 @@
+<?php
+/**
+ * Modern skin, derived from monobook template.
+ *
+ * This program is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 2 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License along
+ * with this program; if not, write to the Free Software Foundation, Inc.,
+ * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ * http://www.gnu.org/copyleft/gpl.html
+ *
+ * @todo document
+ * @file
+ * @ingroup Skins
+ */
+
+if ( !defined( 'MEDIAWIKI' ) ) {
+ die( -1 );
+}
+
+/**
+ * Inherit main code from SkinTemplate, set the CSS and template filter.
+ * @todo document
+ * @ingroup Skins
+ */
+class SkinModern extends SkinTemplate {
+ var $skinname = 'modern', $stylename = 'modern',
+ $template = 'ModernTemplate', $useHeadElement = true;
+
+ /**
+ * @param $out OutputPage
+ */
+ function setupSkinUserCss( OutputPage $out ) {
+ parent::setupSkinUserCss( $out );
+ $out->addModuleStyles( 'skins.modern' );
+ }
+}
+
+/**
+ * @todo document
+ * @ingroup Skins
+ */
+class ModernTemplate extends MonoBookTemplate {
+
+ /**
+ * Template filter callback for Modern skin.
+ * Takes an associative array of data set from a SkinTemplate-based
+ * class, and a wrapper for MediaWiki's localization database, and
+ * outputs a formatted page.
+ *
+ * @access private
+ */
+ function execute() {
+ // Suppress warnings to prevent notices about missing indexes in $this->data
+ wfSuppressWarnings();
+
+ $this->html( 'headelement' );
+?>
+
+ <!-- heading -->
+ <div id="mw_header"><h1 id="firstHeading" lang="<?php
+ $this->data['pageLanguage'] = $this->getSkin()->getTitle()->getPageViewLanguage()->getHtmlCode();
+ $this->text( 'pageLanguage' );
+ ?>"><span dir="auto"><?php $this->html( 'title' ) ?></span></h1></div>
+
+ <div id="mw_main">
+ <div id="mw_contentwrapper">
+ <!-- navigation portlet -->
+<?php $this->cactions(); ?>
+
+ <!-- content -->
+ <div id="mw_content" role="main">
+ <!-- contentholder does nothing by default, but it allows users to style the text inside
+ the content area without affecting the meaning of 'em' in #mw_content, which is used
+ for the margins -->
+ <div id="mw_contentholder" class="mw-body">
+ <div class='mw-topboxes'>
+ <div id="mw-js-message" style="display:none;"<?php $this->html( 'userlangattributes' ) ?>></div>
+ <div class="mw-topbox" id="siteSub"><?php $this->msg( 'tagline' ) ?></div>
+ <?php if ( $this->data['newtalk'] ) {
+ ?><div class="usermessage mw-topbox"><?php $this->html( 'newtalk' ) ?></div>
+ <?php } ?>
+ <?php if ( $this->data['sitenotice'] ) {
+ ?><div class="mw-topbox" id="siteNotice"><?php $this->html( 'sitenotice' ) ?></div>
+ <?php } ?>
+ </div>
+
+ <div id="contentSub"<?php $this->html( 'userlangattributes' ) ?>><?php $this->html( 'subtitle' ) ?></div>
+
+ <?php if ( $this->data['undelete'] ) { ?><div id="contentSub2"><?php $this->html( 'undelete' ) ?></div><?php } ?>
+ <div id="jump-to-nav"><?php $this->msg( 'jumpto' ) ?> <a href="#mw_portlets"><?php $this->msg( 'jumptonavigation' ) ?></a><?php $this->msg( 'comma-separator' ) ?><a href="#searchInput"><?php $this->msg( 'jumptosearch' ) ?></a></div>
+
+ <?php $this->html( 'bodytext' ) ?>
+ <div class='mw_clear'></div>
+ <?php if ( $this->data['catlinks'] ) { $this->html( 'catlinks' ); } ?>
+ <?php $this->html( 'dataAfterContent' ) ?>
+ </div><!-- mw_contentholder -->
+ </div><!-- mw_content -->
+ </div><!-- mw_contentwrapper -->
+
+ <div id="mw_portlets"<?php $this->html( "userlangattributes" ) ?>>
+ <h2><?php $this->msg( 'navigation-heading' ) ?></h2>
+
+ <!-- portlets -->
+ <?php $this->renderPortals( $this->data['sidebar'] ); ?>
+
+ </div><!-- mw_portlets -->
+
+
+ </div><!-- main -->
+
+ <div class="mw_clear"></div>
+
+ <!-- personal portlet -->
+ <div class="portlet" id="p-personal" role="navigation">
+ <h3><?php $this->msg( 'personaltools' ) ?></h3>
+ <div class="pBody">
+ <ul>
+<?php foreach ( $this->getPersonalTools() as $key => $item ) { ?>
+ <?php echo $this->makeListItem( $key, $item ); ?>
+
+<?php } ?>
+ </ul>
+ </div>
+ </div>
+
+
+ <!-- footer -->
+ <div id="footer" role="contentinfo"<?php $this->html( 'userlangattributes' ) ?>>
+ <ul id="f-list">
+<?php
+ foreach ( $this->getFooterLinks( "flat" ) as $aLink ) {
+ if ( isset( $this->data[$aLink] ) && $this->data[$aLink] ) {
+?> <li id="<?php echo $aLink ?>"><?php $this->html( $aLink ) ?></li>
+<?php }
+ }
+?>
+ </ul>
+<?php
+ foreach ( $this->getFooterIcons( "nocopyright" ) as $blockName => $footerIcons ) { ?>
+ <div id="mw_<?php echo htmlspecialchars( $blockName ); ?>">
+<?php
+ foreach ( $footerIcons as $icon ) { ?>
+ <?php echo $this->getSkin()->makeFooterIcon( $icon, 'withoutImage' ); ?>
+
+<?php
+ } ?>
+ </div>
+<?php
+ }
+?>
+ </div>
+
+ <?php $this->printTrail(); ?>
+</body></html>
+<?php
+ wfRestoreWarnings();
+ } // end of execute() method
+} // end of class
+
+
diff --git a/skins/MonoBook.php b/skins/MonoBook.php
new file mode 100644
index 0000000..9346ee0
--- /dev/null
+++ b/skins/MonoBook.php
@@ -0,0 +1,332 @@
+<?php
+/**
+ * MonoBook nouveau.
+ *
+ * Translated from gwicke's previous TAL template version to remove
+ * dependency on PHPTAL.
+ *
+ * This program is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 2 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License along
+ * with this program; if not, write to the Free Software Foundation, Inc.,
+ * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ * http://www.gnu.org/copyleft/gpl.html
+ *
+ * @todo document
+ * @file
+ * @ingroup Skins
+ */
+
+if ( !defined( 'MEDIAWIKI' ) ) {
+ die( -1 );
+}
+
+/**
+ * Inherit main code from SkinTemplate, set the CSS and template filter.
+ * @todo document
+ * @ingroup Skins
+ */
+class SkinMonoBook extends SkinTemplate {
+ /** Using monobook. */
+ var $skinname = 'monobook', $stylename = 'monobook',
+ $template = 'MonoBookTemplate', $useHeadElement = true;
+
+ /**
+ * @param $out OutputPage
+ */
+ function setupSkinUserCss( OutputPage $out ) {
+ parent::setupSkinUserCss( $out );
+
+ $out->addModuleStyles( array( 'mediawiki.skinning.interface', 'skins.monobook.styles' ) );
+
+ // TODO: Migrate all of these
+ $out->addStyle( 'monobook/IE60Fixes.css', 'screen', 'IE 6' );
+ $out->addStyle( 'monobook/IE70Fixes.css', 'screen', 'IE 7' );
+
+ }
+}
+
+/**
+ * @todo document
+ * @ingroup Skins
+ */
+class MonoBookTemplate extends BaseTemplate {
+
+ /**
+ * Template filter callback for MonoBook skin.
+ * Takes an associative array of data set from a SkinTemplate-based
+ * class, and a wrapper for MediaWiki's localization database, and
+ * outputs a formatted page.
+ *
+ * @access private
+ */
+ function execute() {
+ // Suppress warnings to prevent notices about missing indexes in $this->data
+ wfSuppressWarnings();
+
+ $this->html( 'headelement' );
+?><div id="globalWrapper">
+<div id="column-content"><div id="content" class="mw-body-primary" role="main">
+ <a id="top"></a>
+ <?php if ( $this->data['sitenotice'] ) { ?><div id="siteNotice"><?php $this->html( 'sitenotice' ) ?></div><?php } ?>
+
+ <h1 id="firstHeading" class="firstHeading" lang="<?php
+ $this->data['pageLanguage'] = $this->getSkin()->getTitle()->getPageViewLanguage()->getHtmlCode();
+ $this->text( 'pageLanguage' );
+ ?>"><span dir="auto"><?php $this->html( 'title' ) ?></span></h1>
+ <div id="bodyContent" class="mw-body">
+ <div id="siteSub"><?php $this->msg( 'tagline' ) ?></div>
+ <div id="contentSub"<?php $this->html( 'userlangattributes' ) ?>><?php $this->html( 'subtitle' ) ?></div>
+<?php if ( $this->data['undelete'] ) { ?>
+ <div id="contentSub2"><?php $this->html( 'undelete' ) ?></div>
+<?php } ?><?php if ( $this->data['newtalk'] ) { ?>
+ <div class="usermessage"><?php $this->html( 'newtalk' ) ?></div>
+<?php } ?>
+ <div id="jump-to-nav" class="mw-jump"><?php $this->msg( 'jumpto' ) ?> <a href="#column-one"><?php $this->msg( 'jumptonavigation' ) ?></a><?php $this->msg( 'comma-separator' ) ?><a href="#searchInput"><?php $this->msg( 'jumptosearch' ) ?></a></div>
+
+ <!-- start content -->
+<?php $this->html( 'bodytext' ) ?>
+ <?php if ( $this->data['catlinks'] ) { $this->html( 'catlinks' ); } ?>
+ <!-- end content -->
+ <?php if ( $this->data['dataAfterContent'] ) { $this->html( 'dataAfterContent' ); } ?>
+ <div class="visualClear"></div>
+ </div>
+</div></div>
+<div id="column-one"<?php $this->html( 'userlangattributes' ) ?>>
+ <h2><?php $this->msg( 'navigation-heading' ) ?></h2>
+<?php $this->cactions(); ?>
+ <div class="portlet" id="p-personal" role="navigation">
+ <h3><?php $this->msg( 'personaltools' ) ?></h3>
+ <div class="pBody">
+ <ul<?php $this->html( 'userlangattributes' ) ?>>
+<?php foreach ( $this->getPersonalTools() as $key => $item ) { ?>
+ <?php echo $this->makeListItem( $key, $item ); ?>
+
+<?php } ?>
+ </ul>
+ </div>
+ </div>
+ <div class="portlet" id="p-logo" role="banner">
+<?php
+ echo Html::element( 'a', array(
+ 'href' => $this->data['nav_urls']['mainpage']['href'],
+ 'style' => "background-image: url({$this->data['logopath']});" )
+ + Linker::tooltipAndAccesskeyAttribs( 'p-logo' ) ); ?>
+
+ </div>
+<?php
+ $this->renderPortals( $this->data['sidebar'] );
+?>
+</div><!-- end of the left (by default at least) column -->
+<div class="visualClear"></div>
+<?php
+ $validFooterIcons = $this->getFooterIcons( "icononly" );
+ $validFooterLinks = $this->getFooterLinks( "flat" ); // Additional footer links
+
+ if ( count( $validFooterIcons ) + count( $validFooterLinks ) > 0 ) { ?>
+<div id="footer" role="contentinfo"<?php $this->html( 'userlangattributes' ) ?>>
+<?php
+ $footerEnd = '</div>';
+ } else {
+ $footerEnd = '';
+ }
+ foreach ( $validFooterIcons as $blockName => $footerIcons ) { ?>
+ <div id="f-<?php echo htmlspecialchars( $blockName ); ?>ico">
+<?php foreach ( $footerIcons as $icon ) { ?>
+ <?php echo $this->getSkin()->makeFooterIcon( $icon ); ?>
+
+<?php }
+?>
+ </div>
+<?php }
+
+ if ( count( $validFooterLinks ) > 0 ) {
+?> <ul id="f-list">
+<?php
+ foreach ( $validFooterLinks as $aLink ) { ?>
+ <li id="<?php echo $aLink ?>"><?php $this->html( $aLink ) ?></li>
+<?php
+ }
+?>
+ </ul>
+<?php }
+echo $footerEnd;
+?>
+
+</div>
+<?php
+ $this->printTrail();
+ echo Html::closeElement( 'body' );
+ echo Html::closeElement( 'html' );
+ wfRestoreWarnings();
+ } // end of execute() method
+
+ /*************************************************************************************************/
+
+ /**
+ * @param $sidebar array
+ */
+ protected function renderPortals( $sidebar ) {
+ if ( !isset( $sidebar['SEARCH'] ) ) {
+ $sidebar['SEARCH'] = true;
+ }
+ if ( !isset( $sidebar['TOOLBOX'] ) ) {
+ $sidebar['TOOLBOX'] = true;
+ }
+ if ( !isset( $sidebar['LANGUAGES'] ) ) {
+ $sidebar['LANGUAGES'] = true;
+ }
+
+ foreach ( $sidebar as $boxName => $content ) {
+ if ( $content === false ) {
+ continue;
+ }
+
+ if ( $boxName == 'SEARCH' ) {
+ $this->searchBox();
+ } elseif ( $boxName == 'TOOLBOX' ) {
+ $this->toolbox();
+ } elseif ( $boxName == 'LANGUAGES' ) {
+ $this->languageBox();
+ } else {
+ $this->customBox( $boxName, $content );
+ }
+ }
+ }
+
+ function searchBox() {
+ global $wgUseTwoButtonsSearchForm;
+?>
+ <div id="p-search" class="portlet" role="search">
+ <h3><label for="searchInput"><?php $this->msg( 'search' ) ?></label></h3>
+ <div id="searchBody" class="pBody">
+ <form action="<?php $this->text( 'wgScript' ) ?>" id="searchform">
+ <input type='hidden' name="title" value="<?php $this->text( 'searchtitle' ) ?>"/>
+ <?php echo $this->makeSearchInput( array( "id" => "searchInput" ) ); ?>
+
+ <?php echo $this->makeSearchButton( "go", array( "id" => "searchGoButton", "class" => "searchButton" ) );
+ if ( $wgUseTwoButtonsSearchForm ) { ?>&#160;
+ <?php echo $this->makeSearchButton( "fulltext", array( "id" => "mw-searchButton", "class" => "searchButton" ) );
+ } else { ?>
+
+ <div><a href="<?php $this->text( 'searchaction' ) ?>" rel="search"><?php $this->msg( 'powersearch-legend' ) ?></a></div><?php
+ } ?>
+
+ </form>
+
+ <?php $this->renderAfterPortlet( 'search' ); ?>
+ </div>
+ </div>
+<?php
+ }
+
+ /**
+ * Prints the cactions bar.
+ * Shared between MonoBook and Modern
+ */
+ function cactions() {
+?>
+ <div id="p-cactions" class="portlet" role="navigation">
+ <h3><?php $this->msg( 'views' ) ?></h3>
+ <div class="pBody">
+ <ul><?php
+ foreach ( $this->data['content_actions'] as $key => $tab ) {
+ echo '
+ ' . $this->makeListItem( $key, $tab );
+ } ?>
+
+ </ul>
+<?php $this->renderAfterPortlet( 'cactions' ); ?>
+ </div>
+ </div>
+<?php
+ }
+ /*************************************************************************************************/
+ function toolbox() {
+?>
+ <div class="portlet" id="p-tb" role="navigation">
+ <h3><?php $this->msg( 'toolbox' ) ?></h3>
+ <div class="pBody">
+ <ul>
+<?php
+ foreach ( $this->getToolbox() as $key => $tbitem ) { ?>
+ <?php echo $this->makeListItem( $key, $tbitem ); ?>
+
+<?php
+ }
+ wfRunHooks( 'MonoBookTemplateToolboxEnd', array( &$this ) );
+ wfRunHooks( 'SkinTemplateToolboxEnd', array( &$this, true ) );
+?>
+ </ul>
+<?php $this->renderAfterPortlet( 'tb' ); ?>
+ </div>
+ </div>
+<?php
+ }
+
+ /*************************************************************************************************/
+ function languageBox() {
+ if ( $this->data['language_urls'] !== false ) {
+?>
+ <div id="p-lang" class="portlet" role="navigation">
+ <h3<?php $this->html( 'userlangattributes' ) ?>><?php $this->msg( 'otherlanguages' ) ?></h3>
+ <div class="pBody">
+ <ul>
+<?php foreach ( $this->data['language_urls'] as $key => $langlink ) { ?>
+ <?php echo $this->makeListItem( $key, $langlink ); ?>
+
+<?php } ?>
+ </ul>
+
+<?php $this->renderAfterPortlet( 'lang' ); ?>
+ </div>
+ </div>
+<?php
+ }
+ }
+
+ /*************************************************************************************************/
+ /**
+ * @param $bar string
+ * @param $cont array|string
+ */
+ function customBox( $bar, $cont ) {
+ $portletAttribs = array( 'class' => 'generated-sidebar portlet', 'id' => Sanitizer::escapeId( "p-$bar" ), 'role' => 'navigation' );
+ $tooltip = Linker::titleAttrib( "p-$bar" );
+ if ( $tooltip !== false ) {
+ $portletAttribs['title'] = $tooltip;
+ }
+ echo ' ' . Html::openElement( 'div', $portletAttribs );
+ $msgObj = wfMessage( $bar );
+?>
+
+ <h3><?php echo htmlspecialchars( $msgObj->exists() ? $msgObj->text() : $bar ); ?></h3>
+ <div class='pBody'>
+<?php if ( is_array( $cont ) ) { ?>
+ <ul>
+<?php foreach ( $cont as $key => $val ) { ?>
+ <?php echo $this->makeListItem( $key, $val ); ?>
+
+<?php } ?>
+ </ul>
+<?php } else {
+ # allow raw HTML block to be defined by extensions
+ print $cont;
+ }
+
+ $this->renderAfterPortlet( $bar );
+?>
+ </div>
+ </div>
+<?php
+ }
+
+} // end of class
diff --git a/skins/Vector.php b/skins/Vector.php
new file mode 100644
index 0000000..594f1f6
--- /dev/null
+++ b/skins/Vector.php
@@ -0,0 +1,463 @@
+<?php
+/**
+ * Vector - Modern version of MonoBook with fresh look and many usability
+ * improvements.
+ *
+ * This program is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 2 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License along
+ * with this program; if not, write to the Free Software Foundation, Inc.,
+ * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ * http://www.gnu.org/copyleft/gpl.html
+ *
+ * @todo document
+ * @file
+ * @ingroup Skins
+ */
+
+if ( !defined( 'MEDIAWIKI' ) ) {
+ die( -1 );
+}
+
+/**
+ * SkinTemplate class for Vector skin
+ * @ingroup Skins
+ */
+class SkinVector extends SkinTemplate {
+
+ protected static $bodyClasses = array( 'vector-animateLayout' );
+
+ var $skinname = 'vector', $stylename = 'vector',
+ $template = 'VectorTemplate', $useHeadElement = true;
+
+ /**
+ * Initializes output page and sets up skin-specific parameters
+ * @param $out OutputPage object to initialize
+ */
+ public function initPage( OutputPage $out ) {
+ global $wgLocalStylePath;
+
+ parent::initPage( $out );
+
+ // Append CSS which includes IE only behavior fixes for hover support -
+ // this is better than including this in a CSS file since it doesn't
+ // wait for the CSS file to load before fetching the HTC file.
+ $min = $this->getRequest()->getFuzzyBool( 'debug' ) ? '' : '.min';
+ $out->addHeadItem( 'csshover',
+ '<!--[if lt IE 7]><style type="text/css">body{behavior:url("' .
+ htmlspecialchars( $wgLocalStylePath ) .
+ "/{$this->stylename}/csshover{$min}.htc\")}</style><![endif]-->"
+ );
+
+ $out->addModules( array( 'skins.vector.js', 'skins.vector.collapsibleNav' ) );
+ }
+
+ /**
+ * Loads skin and user CSS files.
+ * @param $out OutputPage object
+ */
+ function setupSkinUserCss( OutputPage $out ) {
+ parent::setupSkinUserCss( $out );
+
+ $styles = array( 'mediawiki.skinning.interface', 'skins.vector.styles' );
+ wfRunHooks( 'SkinVectorStyleModules', array( $this, &$styles ) );
+ $out->addModuleStyles( $styles );
+ }
+
+ /**
+ * Adds classes to the body element.
+ *
+ * @param $out OutputPage object
+ * @param &$bodyAttrs Array of attributes that will be set on the body element
+ */
+ function addToBodyAttributes( $out, &$bodyAttrs ) {
+ if ( isset( $bodyAttrs['class'] ) && strlen( $bodyAttrs['class'] ) > 0 ) {
+ $bodyAttrs['class'] .= ' ' . implode( ' ', static::$bodyClasses );
+ } else {
+ $bodyAttrs['class'] = implode( ' ', static::$bodyClasses );
+ }
+ }
+}
+
+/**
+ * QuickTemplate class for Vector skin
+ * @ingroup Skins
+ */
+class VectorTemplate extends BaseTemplate {
+
+ /* Functions */
+
+ /**
+ * Outputs the entire contents of the (X)HTML page
+ */
+ public function execute() {
+ global $wgVectorUseIconWatch;
+
+ // Build additional attributes for navigation urls
+ $nav = $this->data['content_navigation'];
+
+ if ( $wgVectorUseIconWatch ) {
+ $mode = $this->getSkin()->getUser()->isWatched( $this->getSkin()->getRelevantTitle() ) ? 'unwatch' : 'watch';
+ if ( isset( $nav['actions'][$mode] ) ) {
+ $nav['views'][$mode] = $nav['actions'][$mode];
+ $nav['views'][$mode]['class'] = rtrim( 'icon ' . $nav['views'][$mode]['class'], ' ' );
+ $nav['views'][$mode]['primary'] = true;
+ unset( $nav['actions'][$mode] );
+ }
+ }
+
+ $xmlID = '';
+ foreach ( $nav as $section => $links ) {
+ foreach ( $links as $key => $link ) {
+ if ( $section == 'views' && !( isset( $link['primary'] ) && $link['primary'] ) ) {
+ $link['class'] = rtrim( 'collapsible ' . $link['class'], ' ' );
+ }
+
+ $xmlID = isset( $link['id'] ) ? $link['id'] : 'ca-' . $xmlID;
+ $nav[$section][$key]['attributes'] =
+ ' id="' . Sanitizer::escapeId( $xmlID ) . '"';
+ if ( $link['class'] ) {
+ $nav[$section][$key]['attributes'] .=
+ ' class="' . htmlspecialchars( $link['class'] ) . '"';
+ unset( $nav[$section][$key]['class'] );
+ }
+ if ( isset( $link['tooltiponly'] ) && $link['tooltiponly'] ) {
+ $nav[$section][$key]['key'] =
+ Linker::tooltip( $xmlID );
+ } else {
+ $nav[$section][$key]['key'] =
+ Xml::expandAttributes( Linker::tooltipAndAccesskeyAttribs( $xmlID ) );
+ }
+ }
+ }
+ $this->data['namespace_urls'] = $nav['namespaces'];
+ $this->data['view_urls'] = $nav['views'];
+ $this->data['action_urls'] = $nav['actions'];
+ $this->data['variant_urls'] = $nav['variants'];
+
+ // Reverse horizontally rendered navigation elements
+ if ( $this->data['rtl'] ) {
+ $this->data['view_urls'] =
+ array_reverse( $this->data['view_urls'] );
+ $this->data['namespace_urls'] =
+ array_reverse( $this->data['namespace_urls'] );
+ $this->data['personal_urls'] =
+ array_reverse( $this->data['personal_urls'] );
+ }
+ // Output HTML Page
+ $this->html( 'headelement' );
+?>
+ <div id="mw-page-base" class="noprint"></div>
+ <div id="mw-head-base" class="noprint"></div>
+ <div id="content" class="mw-body" role="main">
+ <a id="top"></a>
+ <div id="mw-js-message" style="display:none;"<?php $this->html( 'userlangattributes' ) ?>></div>
+ <?php if ( $this->data['sitenotice'] ) { ?>
+ <div id="siteNotice"><?php $this->html( 'sitenotice' ) ?></div>
+ <?php } ?>
+ <h1 id="firstHeading" class="firstHeading" lang="<?php
+ $this->data['pageLanguage'] = $this->getSkin()->getTitle()->getPageViewLanguage()->getHtmlCode();
+ $this->text( 'pageLanguage' );
+ ?>"><span dir="auto"><?php $this->html( 'title' ) ?></span></h1>
+ <?php $this->html( 'prebodyhtml' ) ?>
+ <div id="bodyContent">
+ <?php if ( $this->data['isarticle'] ) { ?>
+ <div id="siteSub"><?php $this->msg( 'tagline' ) ?></div>
+ <?php } ?>
+ <div id="contentSub"<?php $this->html( 'userlangattributes' ) ?>><?php $this->html( 'subtitle' ) ?></div>
+ <?php if ( $this->data['undelete'] ) { ?>
+ <div id="contentSub2"><?php $this->html( 'undelete' ) ?></div>
+ <?php } ?>
+ <?php if ( $this->data['newtalk'] ) { ?>
+ <div class="usermessage"><?php $this->html( 'newtalk' ) ?></div>
+ <?php } ?>
+ <div id="jump-to-nav" class="mw-jump">
+ <?php $this->msg( 'jumpto' ) ?>
+ <a href="#mw-navigation"><?php $this->msg( 'jumptonavigation' ) ?></a><?php $this->msg( 'comma-separator' ) ?>
+ <a href="#p-search"><?php $this->msg( 'jumptosearch' ) ?></a>
+ </div>
+ <?php $this->html( 'bodycontent' ) ?>
+ <?php if ( $this->data['printfooter'] ) { ?>
+ <div class="printfooter">
+ <?php $this->html( 'printfooter' ); ?>
+ </div>
+ <?php } ?>
+ <?php if ( $this->data['catlinks'] ) { ?>
+ <?php $this->html( 'catlinks' ); ?>
+ <?php } ?>
+ <?php if ( $this->data['dataAfterContent'] ) { ?>
+ <?php $this->html( 'dataAfterContent' ); ?>
+ <?php } ?>
+ <div class="visualClear"></div>
+ <?php $this->html( 'debughtml' ); ?>
+ </div>
+ </div>
+ <div id="mw-navigation">
+ <h2><?php $this->msg( 'navigation-heading' ) ?></h2>
+ <div id="mw-head">
+ <?php $this->renderNavigation( 'PERSONAL' ); ?>
+ <div id="left-navigation">
+ <?php $this->renderNavigation( array( 'NAMESPACES', 'VARIANTS' ) ); ?>
+ </div>
+ <div id="right-navigation">
+ <?php $this->renderNavigation( array( 'VIEWS', 'ACTIONS', 'SEARCH' ) ); ?>
+ </div>
+ </div>
+ <div id="mw-panel">
+ <div id="p-logo" role="banner"><a style="background-image: url(<?php $this->text( 'logopath' ) ?>);" href="<?php echo htmlspecialchars( $this->data['nav_urls']['mainpage']['href'] ) ?>" <?php echo Xml::expandAttributes( Linker::tooltipAndAccesskeyAttribs( 'p-logo' ) ) ?>></a></div>
+ <?php $this->renderPortals( $this->data['sidebar'] ); ?>
+ </div>
+ </div>
+ <div id="footer" role="contentinfo"<?php $this->html( 'userlangattributes' ) ?>>
+ <?php foreach ( $this->getFooterLinks() as $category => $links ) { ?>
+ <ul id="footer-<?php echo $category ?>">
+ <?php foreach ( $links as $link ) { ?>
+ <li id="footer-<?php echo $category ?>-<?php echo $link ?>"><?php $this->html( $link ) ?></li>
+ <?php } ?>
+ </ul>
+ <?php } ?>
+ <?php $footericons = $this->getFooterIcons( "icononly" );
+ if ( count( $footericons ) > 0 ) { ?>
+ <ul id="footer-icons" class="noprint">
+<?php foreach ( $footericons as $blockName => $footerIcons ) { ?>
+ <li id="footer-<?php echo htmlspecialchars( $blockName ); ?>ico">
+<?php foreach ( $footerIcons as $icon ) { ?>
+ <?php echo $this->getSkin()->makeFooterIcon( $icon ); ?>
+
+<?php } ?>
+ </li>
+<?php } ?>
+ </ul>
+ <?php } ?>
+ <div style="clear:both"></div>
+ </div>
+ <?php $this->printTrail(); ?>
+
+ </body>
+</html>
+<?php
+ }
+
+ /**
+ * Render a series of portals
+ *
+ * @param $portals array
+ */
+ protected function renderPortals( $portals ) {
+ // Force the rendering of the following portals
+ if ( !isset( $portals['SEARCH'] ) ) {
+ $portals['SEARCH'] = true;
+ }
+ if ( !isset( $portals['TOOLBOX'] ) ) {
+ $portals['TOOLBOX'] = true;
+ }
+ if ( !isset( $portals['LANGUAGES'] ) ) {
+ $portals['LANGUAGES'] = true;
+ }
+ // Render portals
+ foreach ( $portals as $name => $content ) {
+ if ( $content === false ) {
+ continue;
+ }
+
+ switch ( $name ) {
+ case 'SEARCH':
+ break;
+ case 'TOOLBOX':
+ $this->renderPortal( 'tb', $this->getToolbox(), 'toolbox', 'SkinTemplateToolboxEnd' );
+ break;
+ case 'LANGUAGES':
+ if ( $this->data['language_urls'] !== false ) {
+ $this->renderPortal( 'lang', $this->data['language_urls'], 'otherlanguages' );
+ }
+ break;
+ default:
+ $this->renderPortal( $name, $content );
+ break;
+ }
+ }
+ }
+
+ /**
+ * @param $name string
+ * @param $content array
+ * @param $msg null|string
+ * @param $hook null|string|array
+ */
+ protected function renderPortal( $name, $content, $msg = null, $hook = null ) {
+ if ( $msg === null ) {
+ $msg = $name;
+ }
+ $msgObj = wfMessage( $msg );
+ ?>
+<div class="portal" role="navigation" id='<?php echo Sanitizer::escapeId( "p-$name" ) ?>'<?php echo Linker::tooltip( 'p-' . $name ) ?> aria-labelledby='<?php echo Sanitizer::escapeId( "p-$name-label" ) ?>'>
+ <h3<?php $this->html( 'userlangattributes' ) ?> id='<?php echo Sanitizer::escapeId( "p-$name-label" ) ?>'><?php echo htmlspecialchars( $msgObj->exists() ? $msgObj->text() : $msg ); ?></h3>
+ <div class="body">
+<?php
+ if ( is_array( $content ) ) { ?>
+ <ul>
+<?php
+ foreach ( $content as $key => $val ) { ?>
+ <?php echo $this->makeListItem( $key, $val ); ?>
+
+<?php
+ }
+ if ( $hook !== null ) {
+ wfRunHooks( $hook, array( &$this, true ) );
+ }
+ ?>
+ </ul>
+<?php
+ } else { ?>
+ <?php
+ echo $content; /* Allow raw HTML block to be defined by extensions */
+ }
+
+ $this->renderAfterPortlet( $name );
+ ?>
+ </div>
+</div>
+<?php
+ }
+
+ /**
+ * Render one or more navigations elements by name, automatically reveresed
+ * when UI is in RTL mode
+ *
+ * @param $elements array
+ */
+ protected function renderNavigation( $elements ) {
+ global $wgVectorUseSimpleSearch;
+
+ // If only one element was given, wrap it in an array, allowing more
+ // flexible arguments
+ if ( !is_array( $elements ) ) {
+ $elements = array( $elements );
+ // If there's a series of elements, reverse them when in RTL mode
+ } elseif ( $this->data['rtl'] ) {
+ $elements = array_reverse( $elements );
+ }
+ // Render elements
+ foreach ( $elements as $name => $element ) {
+ switch ( $element ) {
+ case 'NAMESPACES':
+?>
+<div id="p-namespaces" role="navigation" class="vectorTabs<?php if ( count( $this->data['namespace_urls'] ) == 0 ) { echo ' emptyPortlet'; } ?>" aria-labelledby="p-namespaces-label">
+ <h3 id="p-namespaces-label"><?php $this->msg( 'namespaces' ) ?></h3>
+ <ul<?php $this->html( 'userlangattributes' ) ?>>
+ <?php foreach ( $this->data['namespace_urls'] as $link ) { ?>
+ <li <?php echo $link['attributes'] ?>><span><a href="<?php echo htmlspecialchars( $link['href'] ) ?>" <?php echo $link['key'] ?>><?php echo htmlspecialchars( $link['text'] ) ?></a></span></li>
+ <?php } ?>
+ </ul>
+</div>
+<?php
+ break;
+ case 'VARIANTS':
+?>
+<div id="p-variants" role="navigation" class="vectorMenu<?php if ( count( $this->data['variant_urls'] ) == 0 ) { echo ' emptyPortlet'; } ?>" aria-labelledby="p-variants-label">
+ <h3 id="mw-vector-current-variant">
+ <?php foreach ( $this->data['variant_urls'] as $link ) { ?>
+ <?php if ( stripos( $link['attributes'], 'selected' ) !== false ) { ?>
+ <?php echo htmlspecialchars( $link['text'] ) ?>
+ <?php } ?>
+ <?php } ?>
+ </h3>
+ <h3 id="p-variants-label"><span><?php $this->msg( 'variants' ) ?></span><a href="#"></a></h3>
+ <div class="menu">
+ <ul>
+ <?php foreach ( $this->data['variant_urls'] as $link ) { ?>
+ <li<?php echo $link['attributes'] ?>><a href="<?php echo htmlspecialchars( $link['href'] ) ?>" lang="<?php echo htmlspecialchars( $link['lang'] ) ?>" hreflang="<?php echo htmlspecialchars( $link['hreflang'] ) ?>" <?php echo $link['key'] ?>><?php echo htmlspecialchars( $link['text'] ) ?></a></li>
+ <?php } ?>
+ </ul>
+ </div>
+</div>
+<?php
+ break;
+ case 'VIEWS':
+?>
+<div id="p-views" role="navigation" class="vectorTabs<?php if ( count( $this->data['view_urls'] ) == 0 ) { echo ' emptyPortlet'; } ?>" aria-labelledby="p-views-label">
+ <h3 id="p-views-label"><?php $this->msg( 'views' ) ?></h3>
+ <ul<?php $this->html( 'userlangattributes' ) ?>>
+ <?php foreach ( $this->data['view_urls'] as $link ) { ?>
+ <li<?php echo $link['attributes'] ?>><span><a href="<?php echo htmlspecialchars( $link['href'] ) ?>" <?php echo $link['key'] ?>><?php
+ // $link['text'] can be undefined - bug 27764
+ if ( array_key_exists( 'text', $link ) ) {
+ echo array_key_exists( 'img', $link ) ? '<img src="' . $link['img'] . '" alt="' . $link['text'] . '" />' : htmlspecialchars( $link['text'] );
+ }
+ ?></a></span></li>
+ <?php } ?>
+ </ul>
+</div>
+<?php
+ break;
+ case 'ACTIONS':
+?>
+<div id="p-cactions" role="navigation" class="vectorMenu<?php if ( count( $this->data['action_urls'] ) == 0 ) { echo ' emptyPortlet'; } ?>" aria-labelledby="p-cactions-label">
+ <h3 id="p-cactions-label"><span><?php $this->msg( 'actions' ) ?></span><a href="#"></a></h3>
+ <div class="menu">
+ <ul<?php $this->html( 'userlangattributes' ) ?>>
+ <?php foreach ( $this->data['action_urls'] as $link ) { ?>
+ <li<?php echo $link['attributes'] ?>><a href="<?php echo htmlspecialchars( $link['href'] ) ?>" <?php echo $link['key'] ?>><?php echo htmlspecialchars( $link['text'] ) ?></a></li>
+ <?php } ?>
+ </ul>
+ </div>
+</div>
+<?php
+ break;
+ case 'PERSONAL':
+?>
+<div id="p-personal" role="navigation" class="<?php if ( count( $this->data['personal_urls'] ) == 0 ) { echo ' emptyPortlet'; } ?>" aria-labelledby="p-personal-label">
+ <h3 id="p-personal-label"><?php $this->msg( 'personaltools' ) ?></h3>
+ <ul<?php $this->html( 'userlangattributes' ) ?>>
+<?php
+ $personalTools = $this->getPersonalTools();
+ foreach ( $personalTools as $key => $item ) {
+ echo $this->makeListItem( $key, $item );
+ }
+?>
+ </ul>
+</div>
+<?php
+ break;
+ case 'SEARCH':
+?>
+<div id="p-search" role="search">
+ <h3<?php $this->html( 'userlangattributes' ) ?>><label for="searchInput"><?php $this->msg( 'search' ) ?></label></h3>
+ <form action="<?php $this->text( 'wgScript' ) ?>" id="searchform">
+ <?php if ( $wgVectorUseSimpleSearch ) { ?>
+ <div id="simpleSearch">
+ <?php } else { ?>
+ <div>
+ <?php } ?>
+ <?php
+ echo $this->makeSearchInput( array( 'id' => 'searchInput' ) );
+ echo Html::hidden( 'title', $this->get( 'searchtitle' ) );
+ // We construct two buttons (for 'go' and 'fulltext' search modes), but only one will be
+ // visible and actionable at a time (they are overlaid on top of each other in CSS).
+ // * Browsers will use the 'fulltext' one by default (as it's the first in tree-order), which
+ // is desirable when they are unable to show search suggestions (either due to being broken
+ // or having JavaScript turned off).
+ // * The mediawiki.searchSuggest module, after doing tests for the broken browsers, removes
+ // the 'fulltext' button and handles 'fulltext' search itself; this will reveal the 'go'
+ // button and cause it to be used.
+ echo $this->makeSearchButton( 'fulltext', array( 'id' => 'mw-searchButton', 'class' => 'searchButton mw-fallbackSearchButton' ) );
+ echo $this->makeSearchButton( 'go', array( 'id' => 'searchButton', 'class' => 'searchButton' ) );
+ ?>
+ </div>
+ </form>
+</div>
+<?php
+
+ break;
+ }
+ }
+ }
+}
diff --git a/skins/cavendish/IE60Fixes.css b/skins/cavendish/IE60Fixes.css
new file mode 100644
index 0000000..504b308
--- /dev/null
+++ b/skins/cavendish/IE60Fixes.css
@@ -0,0 +1,63 @@
+/* 6.0 - only fixes */
+/* content area */
+/* workaround for various ie float bugs */
+#column-content {
+ float: none;
+ margin-left: 0;
+ height: 1%;
+}
+#column-content #content {
+ margin-left: 12.2em;
+ margin-top: 3em;
+ height: 1%;
+}
+#column-one {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 4;
+}
+#footer {
+ margin-left: 13.6em;
+ border-left: 1px solid #fabd23;
+}
+
+#portal-personaltools {
+ padding-bottom: 0.1em;
+}
+#bodyContent a.external {
+ background: url(external.png) center right no-repeat;
+ padding-right: 13px;
+}
+
+#header h1 a {
+ background: transparent url("../../images/8/80/Wecowi-logo-lang.gif") no-repeat;
+ width: 340px;
+ margin-top: 15px;
+}
+
+/* show the hand */
+#p-logo a,
+#p-logo a:hover {
+ cursor: pointer;
+}
+div.visualClear {
+ width:100%;
+ line-height: 0;
+}
+textarea {
+ width: 96%;
+}
+
+div.editsection,
+#catlinks,
+div.tright,
+div.tleft {
+ position: relative;
+}
+/*{ border:1px solid Red !important;}*/
+
+.inputbox-element {
+ white-space:nowrap;
+ display:inline !important;
+}
diff --git a/skins/cavendish/IE70Fixes.css b/skins/cavendish/IE70Fixes.css
new file mode 100644
index 0000000..3cc1a82
--- /dev/null
+++ b/skins/cavendish/IE70Fixes.css
@@ -0,0 +1,64 @@
+/* 7.0 - only fixes */
+/* content area */
+/* workaround for various ie float bugs */
+
+/* This bit is needed to make links clickable... WTF */
+
+/*
+#column-content #content {
+ margin-left: 12.2em;
+ margin-top: 3em;
+ height: 1%;
+}
+*/
+.rtl #column-one {
+ /* For some reason it tries to inherit the padding-top into every div,
+ * and I can't figure out how to get it back off.
+ */
+ padding-top: 0;
+}
+.rtl #column-one #p-navigation {
+ margin-top: 160px;
+}
+
+#portal-personaltools {
+ padding-bottom: 0.1em;
+}
+textarea {
+ width: 96%;
+}
+
+/*
+div.editsection,
+#catlinks,
+div.tright,
+div.tleft {
+ position: relative;
+}
+*/
+
+
+#footer li {
+ /* Work around bug with inline <li> tags with right margins and nowrap */
+ margin-right: 0;
+}
+
+body #globalWrapper #p-personal .top-nav .top-nav-element .top-nav-mid {
+ padding-top: 3px !important;
+ padding-bottom: 11px !important;
+}
+
+body #globalWrapper #p-personal .top-nav .top-nav-element .top-nav-left {
+ padding-top: 3px !important;
+ padding-bottom: 11px !important;
+}
+
+body #globalWrapper #p-personal .top-nav .top-nav-element .top-nav-right {
+ padding-top: 3px !important;
+ padding-bottom: 11px !important;
+}
+
+.inputbox-element {
+ white-space:nowrap;
+ display:inline !important;
+}
diff --git a/skins/cavendish/README b/skins/cavendish/README
new file mode 100644
index 0000000..6067c52
--- /dev/null
+++ b/skins/cavendish/README
@@ -0,0 +1,28 @@
+There are different options that can be set in cavendish/config.php
+
+$cavendishLogoURL
+Link to the Logo that should be displayed in the header
+
+$cavendishLogoWidth
+width of the logo as a number in px
+
+$cavendishLogoHeight
+height of the logo as a number in px
+
+$cavendishLogoMargin
+offset on top of the logo
+
+$cavendishSiteWith
+fixed width of the content area, if not set it's dynamic (default is false, that means dynamic)
+
+$cavendishExtensionCSS
+set this to false if you do not want to use Cavendish CSS for Extensions (default is true)
+
+$cavendishQRCode
+adding QR-Code to printpage (default is true)
+
+$cavendishQRurladd
+used to track campaign for entry through QR Code, default is for Piwik (default="?pk_campaign=qr-code")
+
+$cavendishcolor
+select color of the theme: blue, brown or green (default is blue)
diff --git a/skins/cavendish/audio.png b/skins/cavendish/audio.png
new file mode 100644
index 0000000..ca609d4
--- /dev/null
+++ b/skins/cavendish/audio.png
Binary files differ
diff --git a/skins/cavendish/babel.css b/skins/cavendish/babel.css
new file mode 100644
index 0000000..8a822a8
--- /dev/null
+++ b/skins/cavendish/babel.css
@@ -0,0 +1,134 @@
+/**
+* Stylesheet for Babel extension.
+*
+* This should be added to your MediaWiki:Common.css page when installing this
+* extension and should not be modified. You may modify the CSS code on the
+* MediaWiki:Common.css page to adjust colours etc.
+*
+* @addtogroup Extensions
+*/
+
+/* Babel wrapper layout. */
+table.mw-babel-wrapper {
+ width: 238px;
+ float: right;
+ clear: right;
+ border-style: solid;
+ margin-right: 0;
+ border-width: 1px;
+ border-color: #99B3FF;
+}
+
+/* Babel box layout. */
+div.mw-babel-box {
+ float: left;
+ clear: left;
+ margin: 1px;
+}
+
+div.mw-babel-box table {
+ width: 238px;
+}
+
+div.mw-babel-box table th {
+ width: 238px;
+ width: 45px;
+ height: 45px;
+ font-size: 14pt;
+ font-family: monospace;
+}
+
+div.mw-babel-box table td {
+ font-size: 8pt;
+ padding: 4pt;
+ line-height: 1.25em;
+}
+
+/* Babel box colours. */
+div.mw-babel-box-0 {
+ border: solid #B7B7B7 1px;
+}
+
+div.mw-babel-box-1 {
+ border: solid #C0C8FF 1px;
+}
+
+div.mw-babel-box-2 {
+ border: solid #77E0E8 1px;
+}
+
+div.mw-babel-box-3 {
+ border: solid #99B3FF 1px;
+}
+
+div.mw-babel-box-4 {
+ border: solid #CCCC00 1px;
+}
+
+div.mw-babel-box-5 {
+ border: solid #F99C99 1px;
+}
+
+div.mw-babel-box-N {
+ border: solid #6EF7A7 1px;
+}
+
+div.mw-babel-box-0 table th {
+ background-color: #B7B7B7;
+}
+
+div.mw-babel-box-1 table th {
+ background-color: #C0C8FF;
+}
+
+div.mw-babel-box-2 table th {
+ background-color: #77E0E8;
+}
+
+div.mw-babel-box-3 table th {
+ background-color: #99B3FF;
+}
+
+div.mw-babel-box-4 table th {
+ background-color: #CCCC00;
+}
+
+div.mw-babel-box-5 table th {
+ background-color: #F99C99;
+}
+
+div.mw-babel-box-N table th{
+ background-color: #6EF7A7;
+}
+
+div.mw-babel-box-0 table {
+ background-color: #E8E8E8;
+}
+
+div.mw-babel-box-1 table {
+ background-color: #F0F8FF;
+}
+
+div.mw-babel-box-2 table {
+ background-color: #D0F8FF;
+}
+
+div.mw-babel-box-3 table {
+ background-color: #E0E8FF;
+}
+
+div.mw-babel-box-4 table {
+ background-color: #FFFF99;
+}
+
+div.mw-babel-box-5 table {
+ background-color: #F9CBC9;
+}
+
+div.mw-babel-box-N table {
+ background-color: #C5FCDC;
+}
+
+.babel-box td.babel-footer {
+ text-align: center;
+} \ No newline at end of file
diff --git a/skins/cavendish/body_back.gif b/skins/cavendish/body_back.gif
new file mode 100644
index 0000000..72a0d3e
--- /dev/null
+++ b/skins/cavendish/body_back.gif
Binary files differ
diff --git a/skins/cavendish/bullet.gif b/skins/cavendish/bullet.gif
new file mode 100644
index 0000000..b43de48
--- /dev/null
+++ b/skins/cavendish/bullet.gif
Binary files differ
diff --git a/skins/cavendish/cavendish.css b/skins/cavendish/cavendish.css
new file mode 100644
index 0000000..7cbff45
--- /dev/null
+++ b/skins/cavendish/cavendish.css
@@ -0,0 +1,2412 @@
+/*
+ ** MediaWiki 'Cavendish' style sheet for CSS2-capable browsers.
+ ** Copyright Mozilla Foundation - http://www.mozilla.org/
+ ** License: GPL (http://www.gnu.org/copyleft/gpl.html)
+ **
+ ** Loosely based on the monobook style by Gabriel Wicke
+ */
+
+/* mozilla.org Cavendish Content Styles
+ * Design by SilverOrange
+ * Markup Reference classes organized by fantasai
+ */
+
+/* Suggested order:
+ * display
+ * list-style
+ * position
+ * float
+ * clear
+ * width
+ * height
+ * margin
+ * padding
+ * border
+ * background
+ * color
+ * font
+ * text-decoration
+ * text-align
+ * vertical-align
+ * white-space
+ * other text
+ * content
+ *
+ */
+
+/* TOC:
+ Body
+ Random HTML Styles
+ Forms
+ General Structure
+ Navigation
+ Quotations
+ Comments and Other Asides
+ Emphasis
+ Computers - General
+ Code
+ Examples and Figures
+ Q and A (FAQ)
+ Tables
+ Meta
+
+ Body */
+#column-content, #side {
+ background: #FFF;
+ line-height: 1.7em;
+ /* value other than 'normal' needed for WinIE */
+ color: #000;
+}
+#column-content #content {
+ margin-top: 0;
+}
+
+.deepLevel #column-content {
+ line-height: 1.4em;
+}
+
+/* Random HTML Styles */
+hr {
+ height: 1px;
+ background-color: #AAA;
+ color: #AAA;
+ margin: .2em 0 .2em 0;
+ border: 1px solid #FFF;
+ border-top: 1px solid #CCC;
+}
+/* General Structure */
+body {
+ font-family: Verdana, "DejaVu Sans", sans-serif;
+ background: url("subsite_back.png") repeat-x;
+ background-color: #FFF;
+ margin-top: 0;
+ margin-left: 5%;
+ margin-right: 5%;
+ margin-bottom: 20px;
+ padding-top: 0;
+ color: #000;
+}
+/* Headings */
+h1, h2, h3, h4, h5, h6 {
+ color: black;
+ background: none;
+ font-weight: normal;
+ margin-top: 0.5em;
+ margin-bottom: 0.3em;
+ padding-top: .5em;
+ padding-bottom: .17em;
+ border-bottom: 1px solid #aaa;
+ overflow: hidden;
+}
+
+h3, h4, h5, h6 {
+ border-bottom: none;
+ font-weight: bold;
+}
+
+h1 .editsection, h2 .editsection, h3 .editsection, h4 .editsection, h5 .editsection, h6 .editsection, h1 .mw-editsection, h2 .mw-editsection, h3 .mw-editsection, h4 .mw-editsection, h5 .mw-editsection, h6 .mw-editsection {
+ font-size: 7pt;
+ font-weight: normal;
+}
+
+.editsection, .mw-editsection {
+ float: right;
+ line-height: inherit;
+}
+
+h1 {
+ font-size: 16pt;
+ font-weight: normal;
+}
+
+#firstHeading {
+ margin-top: 0.1em;
+ padding-top: 0.2em;
+ text-shadow: 0.1em 0.1em 0.2em gray;
+}
+
+h2 {
+ font-size: 14pt;
+ font-weight: normal;
+}
+
+h3 {
+ font-size: 13pt;
+}
+
+h4 {
+ font-size: 11.5pt;
+}
+
+h5 {
+ font-size: 10.5pt;
+}
+
+h6 {
+ font-size: 10pt;
+ border: 0;
+}
+
+caption {
+ font-size: 1.3em;
+ font-weight: bold;
+ margin-bottom: 2pt;
+}
+
+/* Navigation */
+:link, a {
+ text-decoration: none;
+ color: #039;
+}
+
+:visited {
+ color: #5a3696;
+ text-decoration: none;
+}
+
+:link :hover, :visited :hover, a:hover {
+ color: #333;
+ text-decoration: underline;
+}
+:link :focus, :visited :focus, a:focus {
+ color: #333;
+ text-decoration: underline;
+}
+
+:link :active, a:active {
+ color: #faa700;
+}
+
+a.stub {
+ color: #772233;
+}
+
+a.new, #p-personal a.new {
+ color: #ba0000;
+}
+
+a.new:visited, #p-personal a.new:visited {
+ color: #a55858;
+}
+
+/* Comments and other Asides */
+.note {
+ color: #666;
+ font-style: normal;
+}
+
+.remark {
+ color: #666;
+}
+
+.sidenote {
+ border: #666;
+}
+
+.key-point:before {
+ line-height: 0.1;
+ font-size: 1px;
+ background: transparent url("../../images/key-point_tr.gif") no-repeat top right;
+ margin: -15px -15px 0 -15px;
+ height: 15px;
+ display: block;
+ border: none;
+ content: url("../../images/key-point_tl.gif");
+}
+
+.key-point {
+ background: #e4ecec url("../../images/key-point_back.gif") right repeat-y;
+ padding: 15px;
+ margin-bottom: 1em;
+}
+
+.key-point:after {
+ display: block;
+ clear: both;
+ padding-top: 15px;
+ line-height: 0.1;
+ font-size: 1px;
+ content: url("../../images/key-point_bl.gif");
+ margin: -15px;
+ height: 8px;
+ background: transparent url("../../images/key-point_br.gif") scrollno-repeat bottom right;
+}
+
+.key-point h2, .key-point h3, .key-point h4, .key-point h5 {
+ border: none;
+ margin-top: 0;
+ color: #4C5C5C;
+}
+
+.news dt {
+ font-weight: normal;
+ color: #666;
+}
+
+.news dt a {
+ font-weight: bold;
+}
+
+ul.compact {
+ margin-left: 0;
+ padding-left: 20px;
+}
+/* Emphasis */
+/* Computers - General */
+kbd {
+ background-color: #FAFAFA;
+ border-color: #CCCCCC #CCCCCC white;
+ border-radius: 4px 4px 4px 4px;
+ border-style: solid solid none;
+ border-width: 1px 1px medium;
+ box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px #FFFFFF inset;
+ color: #444444;
+ font-weight: normal;
+ padding: 0 6px;
+ white-space: nowrap;
+}
+
+kbd.command, code.command {
+ color: #6B5839;
+}
+/* Code */
+pre.code {
+ background: #EEECF6;
+}
+
+code > em, code > strong, pre.code > em, pre.code > strong {
+ font-style: normal;
+}
+/* Examples and Figures */
+div.example {
+ border-color: #554FA0;
+}
+
+div.example:before {
+ color: #666;
+}
+/* Q and A (FAQ) */
+ol.faq li a {
+ text-decoration: none;
+ border-bottom: 1px dotted #6C98EE;
+}
+
+ol.faq li a:hover {
+ border-color: #039;
+}
+/* Tables */
+table {
+ line-height: 1.6em;
+}
+
+#content table {
+ border-radius: 6px;
+}
+
+table.data {
+ border-collapse: collapse;
+ margin: 0.5em auto;
+ border: 1px solid;
+}
+
+table.data caption {
+ margin: 1em auto 0.2em;
+ font-size: small;
+ font-style: italic;
+ text-align: center;
+}
+
+table.data th, table.data td {
+ padding: 0.2em;
+ border: 1px solid #ccc;
+ vertical-align: baseline;
+}
+
+table.data tbody th:first-child {
+ text-align: right;
+}
+
+table.data thead th {
+ background: #e4ecec;
+ empty-cells: hide;
+ vertical-align: bottom;
+}
+
+tr.odd {
+ background: #F5F5F5;
+}
+
+table.wikitable {
+ margin-top: 0;
+ margin-bottom: 1em;
+ background-color: #f9f9f9;
+ border-collapse: collapse;
+ empty-cells: show;
+ border-width: 1px;
+ border-style: solid;
+ border-color: #AAA;
+ padding: 0;
+ line-height: 1.6em;
+ border-radius: 6px;
+ /* force width of tables (important for webkit) */
+ table-layout: auto;
+}
+
+table.wikitable th {
+ background-color: #e0e9e9;
+ border: 1px #aaa solid;
+ padding-top: 0.2em;
+ padding-bottom: 0.2em;
+}
+
+table.sortable th {
+ white-space: nowrap;
+}
+
+table.wikitable td {
+ border: 1px #aaa solid;
+ padding: 0.2em;
+}
+
+table.wikitable caption {
+ margin-left: inherit;
+ margin-right: inherit;
+ font-weight: bold;
+}
+
+.mw-datatable {
+ margin-bottom: 1em;
+}
+
+.NavFrame, .BoxenVerschmelzen {
+ border-radius: 6px;
+ box-shadow: 1px 1px 1px grey;
+}
+.NavFrame .wikitable {
+ table-layout: auto;
+}
+
+.BoxenVerschmelzen .NavFrame, .wikitable .NavFrame {
+ border-radius: none;
+ box-shadow: none;
+}
+
+table.infobox {
+ border-radius: 6px;
+ box-shadow: 1px 1px 1px grey;
+}
+/* Meta */
+address {
+ color: #666;
+ text-align: right;
+}
+
+.author {
+ margin-bottom: 1em;
+ text-align: left;
+}
+
+#globalWrapper {
+ margin: 0 auto;
+ font-size: 9.5pt;
+}
+
+#mBody {
+ clear: both;
+ padding: 0;
+ font-size: 9pt;
+}
+
+#side {
+ float: left;
+ width: 15%;
+ margin-bottom: 1em;
+ font-size: 8.5pt;
+}
+
+#column-content {
+ float: right;
+ width: 83%;
+ margin-bottom: 1em;
+}
+
+.nomenu #column-content {
+ float: none;
+ width: 100%;
+}
+
+.bodyleft {
+ float: right !important;
+ width: 75% !important;
+}
+
+#column-content.right {
+ float: left;
+ width: 62%;
+ font-size: 9pt;
+}
+
+#side.right {
+ float: right;
+ width: 35%;
+}
+
+/* Sidebar */
+#getcd {
+ margin: 1em 0 0 45px;
+}
+
+/*accessibility tweaks*/
+.skipLink {
+ position: absolute;
+ left: -999px;
+ width: 990px;
+}
+
+hr.hide {
+ display: none;
+}
+
+/* Header */
+#header {
+ margin-bottom: 1em;
+ position: relative;
+ min-height: 39px;
+ height: 5em;
+ padding: 0;
+ height: 3em;
+ padding: 18px 0;
+}
+
+#p-cactions {
+ position: absolute;
+ bottom: 0;
+ right: 0;
+ margin: 0;
+ padding: 0 10px 0 0;
+ overflow: hidden;
+ z-index: 3;
+ white-space: nowrap;
+}
+#p-cactions h5 {
+ display: none;
+}
+#p-cactions .pBody {
+ padding: 0;
+ background-color: transparent;
+ border: none;
+ font-size: 85%;
+ font-weight: bold;
+}
+#p-cactions ul {
+ list-style: none;
+ line-height: 0.8em;
+}
+#p-cactions li {
+ float: left;
+ margin: 0 2px 0 0;
+ padding: 0 6px 0 0;
+ overflow: visible;
+ display: inline;
+ white-space: nowrap;
+ font-size: 7.5pt;
+ border-top-right-radius: 6px;
+ border-top-left-radius: 6px;
+ border-top-width: 2px;
+ border-top-style: solid;
+}
+
+#p-cactions li a {
+ display: block;
+ float: left;
+ margin: 0;
+ padding: 2px 2px 4px 8px;
+ z-index: 0;
+ color: #FFF;
+ border: none;
+ text-decoration: none;
+}
+
+#p-cactions li:hover a, #p-cactions li a:hover {
+ text-decoration: none;
+ border-bottom: 0px;
+}
+
+#p-cactions li.selected, #p-cactions li.selected:hover {
+ border-top-color: #FFC600;
+ background-color: #FFFFFF;
+}
+
+#p-cactions li.selected {
+ border-bottom: 1px solid #FFF;
+ font-weight: bold;
+}
+
+#p-cactions .new a {
+ color: #FFD955;
+}
+
+#p-cactions .hiddenStructure {
+ display: none;
+}
+
+/* offsets to distinguish the tab groups */
+#p-cactions li#ca-talk, #p-cactions li#ca-watch, #p-cactions li#ca-unwatch {
+ margin-right: 1.6em;
+}
+
+#p-cactions li#ca-edit {
+ font-weight: bold;
+}
+
+div#header {
+ clear: both;
+ border-radius: 6px;
+}
+
+#header h6 a {
+ display: block;
+ text-indent: -700em;
+ text-decoration: none;
+ background-size: 100%;
+}
+
+#header h6 {
+ position: absolute;
+ top: 0;
+ left: 0;
+ margin: 0;
+ font-size: 2px;
+ height: 8px;
+ z-index: 100; /* above the UL */
+ padding-left: 5px;
+ overflow: visible;
+}
+
+/* P-Personal */
+#p-personal {
+ margin-bottom: 0;
+}
+
+#p-personal h5 {
+ display: none;
+}
+
+#p-personal .pBody {
+ line-height: 19px;
+ margin-right: 0;
+ margin-left: 0;
+ margin-top: 0;
+ margin-bottom: 1.4em;
+ text-align: right;
+ white-space: nowrap;
+ border: none;
+ z-index: 0;
+ overflow: visible;
+ background: none;
+ padding: 0;
+}
+
+#p-personal .portlet {
+ padding: 0;
+ margin: 0;
+ border: none;
+ z-index: 0;
+ overflow: visible;
+ background: none;
+}
+
+#p-personal .top-nav-element {
+ display: inline;
+ margin: 0;
+ height: 25px;
+ font-size: 10px;
+ padding: 0;
+}
+
+#p-personal .top-nav-left {
+ width: 7px;
+ height: 25px;
+ display: inline;
+ background: url("top-left.png") no-repeat;
+ padding-top: 5px;
+ padding-right: 4px;
+ padding-bottom: 8px;
+ margin-left: 3px;
+ margin-right: -1px;
+}
+
+#p-personal .top-nav-right {
+ width: 7px;
+ height: 25px;
+ display: inline;
+ background: url("top-right.png") no-repeat;
+ padding-top: 5px;
+ padding-left: 4px;
+ padding-bottom: 8px;
+ margin-left: -1px;
+ margin-right: 3px;
+}
+
+#p-personal .top-nav-mid {
+ text-decoration: none;
+ height: 25px;
+ display: inline;
+ background: url("top-mid.png") repeat-x;
+ padding-top: 5px;
+ padding-left: 3px;
+ padding-right: 3px;
+ padding-bottom: 8px;
+ margin-left: -4px;
+ margin-right: -4px;
+ font-size: 10px;
+ text-shadow: 0.1em 0.1em 0.1em gray;
+}
+
+#pt-userpage a, #pt-mytalk a {
+ font-weight: bold;
+}
+
+/* this is the ul contained in the portlet */
+#p-personal ul {
+ border: none;
+ line-height: 22px;
+ color: #2f6fab;
+ margin: 0;
+ text-align: right;
+ list-style: none;
+ z-index: 0;
+ background: none;
+}
+
+/*
+ ** the main content area
+ */
+h3#siteSub {
+ display: none;
+ font-size: 0.75em;
+ color: #aaa;
+}
+
+#contentSub, #contentSub2 {
+ font-size: 8pt;
+ line-height: 1.2em;
+ margin: 0 0 0.8em 0;
+ color: #7d7d7d;
+ width: auto;
+}
+
+#contentSub div, #contentSub2 div {
+ margin-right: 0;
+}
+
+#contentSub2 .breadcrumb {
+ list-style-type: none;
+ margin-left: 0.1em;
+}
+
+#contentSub2 .breadcrumb li {
+ display: inline;
+}
+
+#jump-to-nav {
+ display: none;
+}
+
+span.subpages {
+ display: block;
+}
+
+img {
+ border: none;
+ vertical-align: middle;
+}
+
+p {
+ margin: .4em 0 .5em 0;
+ line-height: 1.6em;
+}
+
+p img {
+ margin: 0;
+}
+
+ul {
+ line-height: 1.6em;
+ list-style-type: square;
+ margin: 0.4em 0 0.4em 1.5em;
+ padding: 0;
+ list-style-image: url("bullet.gif");
+ font-weight: normal;
+}
+
+ol {
+ line-height: 1.6em;
+ margin: .3em 0 0 3.2em;
+ padding: 0;
+ list-style-image: none;
+ font-weight: normal;
+}
+
+li {
+ margin-top: 0.2em;
+ margin-bottom: 0.2em;
+}
+
+dt {
+ font-weight: bold;
+ margin-bottom: .1em;
+}
+
+dl {
+ margin-top: .2em;
+ margin-bottom: .5em;
+}
+
+dd {
+ line-height: 1.6em;
+ margin-left: 2em;
+ margin-bottom: .1em;
+}
+
+sup, sub {
+ font-size: 0.8em;
+}
+
+del {
+ text-decoration: line-through;
+}
+
+legend {
+ font-size: 10pt;
+ font-weight: bold;
+ margin-bottom: 0.3em;
+}
+
+fieldset {
+ margin: 1em 0 1em 0;
+ padding: 0 1em 1em;
+ line-height: 1.6em;
+ border-radius: 6px;
+}
+
+fieldset.nested {
+ margin: 0 0 0.5em 0;
+ padding: 0 0.5em 0.5em;
+}
+
+form {
+ border: none;
+ margin: 0;
+}
+
+textarea {
+ width: 100%;
+ padding: .1em;
+}
+
+input.historysubmit {
+ padding: 0 .3em .3em .3em !important;
+ cursor: pointer;
+ height: 1.7em !important;
+ margin-left: 1.6em;
+}
+
+input#wpSummary {
+ width: 80%;
+}
+
+input {
+ margin: 2px;
+ vertical-align: middle;
+}
+
+input[type="submit"] {
+ cursor: pointer;
+}
+
+iframe {
+ border-width: 0;
+}
+
+/* nested elements */
+td > p, td > div {
+ margin: 0;
+ padding: 0;
+}
+
+#wpSave {
+ font-weight: bold;
+}
+
+select {
+ vertical-align: middle;
+}
+
+abbr, acronym, .explain {
+ border-bottom: 1px dotted black;
+ color: black;
+ background: none;
+ cursor: help;
+}
+
+q, blockquote {
+ font-family: "Palatino Linotype", Georgia, "DejaVu Serif", serif;
+ font-size: 1em;
+ color: #888888;
+}
+
+/* Code */
+code, pre, tt, kbd, samp {/* override IE6 default */
+ font-size: 1em;
+ overflow: auto;
+ overflow-y: hidden;
+ font-family: Menlo, Monaco, "Courier New", "Nimbus Mono L", monospace, sans-serif;
+}
+
+code, tt {
+ background-color: #f9f9f9;
+ white-space: nowrap;
+}
+
+code.long, tt.long {
+ display: block;
+ margin: 0.1em 1em;
+ white-space: normal;
+}
+
+pre {
+ border: 1px dashed #2f6fab;
+ color: black;
+ background-color: #f9f9f9;
+ line-height: 1.1em;
+ padding: 15px 20px 15px 20px;
+ border-radius: 6px;
+}
+
+pre.code {
+ overflow: auto;
+ margin: 1em .5em;
+ padding: .2em;
+ border: solid 1px;
+}
+
+pre.code .remark {
+ font-size: 1em;
+ font-style: italic;
+}
+
+/* turn off content generation */
+pre.code .remark:before, pre.code .remark:after, pre.code .note:before {
+ content: "";
+}
+
+/* user notification thing */
+.usermessage {
+ background-color: #ffce7b;
+ border: 1px solid #ffa500;
+ color: black;
+ font-weight: bold;
+ margin: 2em 0em 1em 0em;
+ padding: 0.5em 1em;
+ vertical-align: middle;
+ border-radius: 6px;
+}
+
+#sitenotice {
+ text-align: center;
+ font-size: 95%;
+ padding: 0.9em 0.9em 0 0.9em;
+ margin-top: -1em;
+ margin-bottom: 0.5em;
+}
+
+#sitenotice p {
+ margin: 0;
+ padding: 0;
+}
+
+#catlinks, .catlinks {
+ border: 1px solid #AAA;
+ background-color: #F9F9F9;
+ padding-top: 3px;
+ padding-bottom: 3px;
+ padding-right: 5px;
+ padding-left: 5px;
+ margin-top: 1em;
+ clear: both;
+ border-radius: 6px;
+ box-shadow: 1px 1px 1px grey;
+}
+
+/* emulate center */
+.center {
+ width: 100%;
+ text-align: center;
+}
+
+* .center * {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+/* small for tables and similar */
+.small, .small * {
+ font-size: 94%;
+}
+
+table.small {
+ font-size: 100%
+}
+
+/*
+ ** content styles
+ */
+.successbox, .errorbox, .warningbox {
+ border-width: 1px;
+ border-radius: 6px;
+ margin-bottom: 1em;
+ padding-left: 5em;
+ padding-right: 5em;
+ text-align: center;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.successbox p, .errorbox p, .warningbox p {
+ width: 100%;
+}
+
+.successbox {
+ color: green;
+ box-shadow: 0 0 2px green;
+}
+
+.errorbox {
+ color: red;
+ background-color: #FFDDDD;
+ box-shadow: 0 0 2px red;
+}
+
+.warningbox {
+ color: #FFA500;
+ box-shadow: 0 0 2px #FFA500;
+}
+
+.mw-warning {
+ margin-left: 50px;
+ margin-right: 50px;
+ text-align: center;
+}
+
+#editpage-copywarn {
+ margin-top: 2em;
+ margin-bottom: 2em;
+ border-radius: 6px;
+ padding: 0.5em;
+}
+
+#mw-anon-edit-warning, .mw-warning-with-logexcerpt, .mw-editinginterface {
+ border-radius: 6px;
+ border-width: 1px;
+}
+
+/* TOC */
+
+#toc, .toc, .mw-warning {
+ border: 1px solid #AAA;
+ background-color: #F9F9F9;
+ padding: 5px;
+ font-size: 9pt;
+ border-radius: 6px;
+ box-shadow: 1px 1px 1px grey;
+}
+
+#toc, .toc {
+ display: inline-block;
+}
+
+#toctitle h2 {
+ display: inline;
+ border: none;
+ padding: 0;
+ font-size: 9.5pt;
+ font-weight: bold;
+}
+
+#toc #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {
+ text-align: center;
+}
+
+#toc ul, .toc ul {
+ list-style-type: none;
+ list-style-image: none;
+ margin-left: 0;
+ padding-left: 0;
+ text-align: left;
+}
+
+#toc ul ul, .toc ul ul {
+ margin: 0 0 0 2em;
+}
+
+#toctitle .toctoggle {
+ font-size: 8pt;
+}
+
+.toccolours {
+ background-color: #F9F9F9;
+ border: 1px solid #AAAAAA;
+ font-size: 95%;
+ padding: 5px;
+}
+
+/* Colors RC */
+
+.mw-plusminus-pos {
+ color: #006400; /* darkgreen */
+}
+
+.mw-plusminus-null {
+ color: #aaaaaa; /* gray */
+}
+
+.mw-plusminus-neg {
+ color: #8b0000; /* darkred */
+}
+
+#content table.mw-enhanced-rc {
+ margin-bottom: 0.1em;
+}
+
+.skin-cavendish td.mw-enhanced-rc {
+ font-family: Verdana, "DejaVu Sans", sans-serif;
+ font-weight: normal;
+}
+
+.skin-cavendish table.mw-enhanced-rc th, .skin-cavendish table.mw-enhanced-rc td {
+ vertical-align: middle;
+}
+
+td.mw-enhanced-rc .newpage, td.mw-enhanced-rc .minoredit, td.mw-enhanced-rc .botedit {
+ font-weight: normal;
+}
+
+.skin-cavendish .mw-icon-arrow-expanded, .skin-cavendish .mw-collapsible-arrow.mw-collapsible-toggle-expanded {
+ background: url("minus.png") no-repeat scroll left center transparent;
+ background-size: 12px 12px;
+}
+
+.skin-cavendish .mw-icon-arrow-collapsed, .skin-cavendish .mw-collapsible-arrow.mw-collapsible-toggle-collapsed {
+ background: url("plus.png") no-repeat scroll left center transparent;
+ background-size: 12px 12px;
+}
+
+/* Preferences */
+
+#mw-pref-clear {
+ clear: both;
+}
+
+.mw-prefs-buttons a {
+ padding-top: 4px;
+ vertical-align: middle;
+}
+
+table#mw_metadata {
+ margin-left: 0;
+ margin-top: 1em;
+}
+
+table#mw-prefixindex-list-table {
+ width: 100%
+}
+
+#mw-hidden-catlinks {
+ font-style: italic;
+ color: gray;
+}
+
+span.comment {
+ color: gray;
+}
+
+.mw-specialpagecached {
+ font-style: italic;
+}
+
+table.filehistory {
+ overflow: scroll;
+ width: 100%;
+ font-size: 0.9em;
+}
+
+/* images */
+img.floatright, img.float-right {
+ clear: right;
+ float: right;
+ position: relative;
+ margin-bottom: 0.5em;
+ margin-left: 0.5em;
+ padding: 5px;
+}
+
+img div.floatright p, img div.float-right p {
+ font-style: italic;
+}
+
+img.floatleft, img.float-left {
+ float: left;
+ clear: left;
+ position: relative;
+ margin-right: 0.5em;
+ margin-bottom: 0.5em;
+ padding: 5px;
+}
+
+img div.floatleft p, img div.float-left p {
+ font-style: italic;
+}
+
+/* thumbnails */
+div.thumb {
+ margin-bottom: 0.5em;
+ border-style: solid;
+ border-color: white;
+ width: auto;
+}
+
+div.thumb div {
+ background-color: #f9f9f9;
+ font-size: 8.5pt;
+ text-align: center;
+ overflow: hidden;
+}
+
+div.thumbinner {
+ border: 1px solid #cccccc;
+ padding: 3px !important;
+ background-color: #f9f9f9;
+ font-size: 8.5pt;
+ text-align: center;
+ overflow: hidden;
+ border-radius: 6px;
+}
+
+li.gallerybox div.thumb {
+ border-radius: 6px;
+ box-shadow: 1px 1px 1px grey;
+}
+
+div.thumb div a img {
+ /* border: 1px solid #cccccc; */
+}
+
+div.thumbinner div.thumbcaption {
+ border: none;
+ text-align: left;
+ line-height: 1.4em;
+ padding: 0.3em 0 0.1em 0.2em;
+}
+
+div.magnify {
+ float: right;
+ border: none !important;
+ background: none !important;
+}
+
+div.magnify a, div.magnify img {
+ display: block;
+ border: none !important;
+ background: none !important;
+}
+
+div.tright, .float-right, .floatright {
+ clear: right;
+ float: right;
+ position: relative;
+ margin-left: 0.7em;
+ margin-right: 0;
+}
+
+table.float-right, table.floatright {
+ margin-left: 0.7em;
+ margin-right: 0;
+}
+
+div.tleft, .float-left, .floatleft {
+ float: left;
+ clear: left;
+ position: relative;
+ margin-right: 0.7em;
+ margin-left: 0;
+}
+
+table.float-left, table.floatleft {
+ margin-right: 0.7em;
+ margin-left: 0;
+}
+
+.urlexpansion, .hiddenstructure {
+ display: none;
+}
+
+img.tex {
+ vertical-align: middle;
+ margin-left: auto;
+ margin-right: auto;
+ text-align: center;
+}
+
+span.texhtml {
+ font-family: "Palatino Linotype", Georgia, "DejaVu Serif", serif;
+}
+
+/*
+ ** classes for special content elements like town boxes
+ ** intended to be referenced directly from the wiki src
+
+ ** User styles
+
+ table standards */
+table.rimage {
+ float: right;
+ position: relative;
+ margin-left: 1em;
+ margin-bottom: 1em;
+ text-align: center;
+}
+
+.toccolours {
+ border: 1px solid #aaaaaa;
+ background-color: #f9f9f9;
+ padding: 5px;
+ font-size: 95%;
+}
+
+div.townbox {
+ position: relative;
+ float: right;
+ background: white;
+ margin-left: 1em;
+ border: 1px solid gray;
+ padding: 0.3em;
+ width: 200px;
+ overflow: hidden;
+ clear: right;
+}
+
+div.townbox dl {
+ padding: 0;
+ margin: 0 0 0.3em 0;
+ font-size: 96%;
+}
+
+div.townbox dl dt {
+ background: none;
+ margin: 0.4em 0 0 0;
+}
+
+div.townbox dl dd {
+ margin: 0.1em 0 0 1.1em;
+ background-color: #f3f3f3;
+}
+
+div.sideBox {
+ border-radius: 6px;
+}
+
+/*
+ ** edit views etc
+ */
+.special li {
+ line-height: 1.4em;
+ margin: 0;
+ padding: 0;
+}
+
+/* Page history styling */ /* the auto-generated edit comments */
+.autocomment {
+ color: gray;
+}
+
+#pagehistory span.user {
+ margin-left: 1.4em;
+ margin-right: 0.4em;
+}
+
+#pagehistory span.minor {
+ font-weight: bold;
+}
+
+#pagehistory li {
+ border: 1px solid white;
+ padding: 2px;
+ border-radius: 6px;
+}
+
+#pagehistory li:focus, #pagehistory li:hover {
+ box-shadow: 0 0 2px inset;
+}
+
+#pagehistory li.selected {
+ background-color: #f9f9f9;
+ border: 1px dashed #aaaaaa;
+ border-radius: 6px;
+}
+
+/*
+ ** Diff rendering
+ */
+table.diff {
+ background: white;
+}
+
+td.diff-otitle {
+ background: #ffffff;
+}
+
+td.diff-ntitle {
+ background: #ffffff;
+}
+
+td.diff-addedline {
+ background: #ccffcc;
+ font-size: smaller;
+}
+
+td.diff-deletedline {
+ background: #ffffaa;
+ font-size: smaller;
+}
+
+td.diff-context {
+ background: #eeeeee;
+ 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, #bodyContent a[href ^="gopher://"] {
+ background: url("external.png") center right no-repeat;
+ padding-right: 16px;
+ background-size: 12px 12px;
+}
+
+.rtl #bodyContent a.external, .rtl #bodyContent a[href ^="gopher://"] {
+ background-image: url("external.png");
+}
+
+#bodyContent a[href ^="https://"], .link-https {
+ background: url("locked.png") center right no-repeat;
+ padding-right: 16px;
+ background-size: 12px 12px;
+}
+
+#bodyContent a[href ^="mailto:"], .link-mailto {
+ background: url("envelope.png") center right no-repeat;
+ padding-right: 16px;
+ background-size: 12px 12px;
+}
+
+#bodyContent a[href ^="news://"] {
+ background: url("newspaper.png") center right no-repeat;
+ ppadding-right: 16px;
+ background-size: 12px 12px;
+}
+
+#bodyContent a[href ^="ftp://"], .link-ftp {
+ background: url("folder.png") center right no-repeat;
+ padding-right: 16px;
+ background-size: 12px 12px;
+}
+
+#bodyContent a[href ^="irc://"], #bodyContent a.extiw[href ^="irc://"], .link-irc {
+ background: url("speech-bubble-left-4.png") center right no-repeat;
+ padding-right: 16px;
+ background-size: 12px 12px;
+}
+
+#bodyContent a[href ^="skype:"], .link-skype {
+ background: url("speech-bubble-left-4.png") center right no-repeat;
+ padding-right: 16px;
+ background-size: 12px 12px;
+}
+
+#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"], #bodyContent a.external[href $=".m4a"], .link-audio {
+ background: url("audio.png") center right no-repeat;
+ padding-right: 16px;
+ background-size: 12px 12px;
+}
+
+#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"], #bodyContent a.external[href $=".m4v"], .link-video {
+ background: url("video.png") center right no-repeat;
+ padding-right: 16px;
+ background-size: 12px 12px;
+}
+
+#bodyContent a.external[href $=".pdf"], #bodyContent a.external[href $=".doc"], #bodyContent a.external[href
+$=".docx"], #bodyContent a.external[href $=".odt"], .link-document {
+ background: url("document.png") center right no-repeat;
+ padding-right: 16px;
+ background-size: 12px 12px;
+}
+
+/* for rtl wikis */
+.rtl #bodyContent a.external {
+ background-position: left;
+ padding-right: 0;
+}
+
+.rtl a.feedlink {
+ background-position: right;
+ padding-right: 16px;
+ padding-left: 0;
+}
+
+/* correction for ltr wikis */
+.ltr #bodyContent a.external {
+ padding-left: 0;
+}
+
+/* disable interwiki styling */
+#bodyContent a.extiw, #bodyContent a.extiw:active {
+ color: #36b;
+ background: none;
+ padding: 0;
+}
+
+#bodyContent a.external {
+ color: #36b;
+}
+
+/* this can be used in the content area to switch off
+ special external link styling */
+#bodyContent .plainlinks a {
+ background: none !important;
+ padding: 0 !important;
+}
+
+/*
+ ** Structural Elements
+ */
+
+/*
+ ** general portlet styles (elements in the quickbar)
+ */
+.portlet {
+ border: none;
+ margin: 0 0 0.5em 0em;
+ float: none;
+ padding: 0;
+ /* width: 11.6em; */
+ overflow: hidden;
+}
+
+.portlet h4 {
+ font-size: 95%;
+ font-weight: normal;
+ white-space: nowrap;
+}
+
+.portlet h5, .portlet h3 {
+ background: transparent;
+ padding: 0em 1em 0em 0.5em;
+ /* text-transform: lowercase; */
+ display: inline;
+ font-size: 8.5pt;
+ height: 1em;
+ font-weight: normal;
+ white-space: nowrap;
+ border-bottom: none;
+}
+
+.portlet h6 {
+ background: #ffae2e;
+ border: 1px solid #2f6fab;
+ border-style: solid solid none solid;
+ padding: 0em 1em 0em 1em;
+ text-transform: lowercase;
+ display: block;
+ font-size: 1em;
+ height: 1.2em;
+ font-weight: normal;
+ white-space: nowrap;
+}
+
+.pbody {
+ font-size: 95%;
+ background: white;
+ border-collapse: collapse;
+ border: 1px solid #aaaaaa;
+ padding: 0 0.8em 0.3em 0.5em;
+}
+
+/*
+ .portlet h1,.portlet h2,.portlet h3,.portlet h4 {
+ margin: 0;
+ padding: 0;
+ }
+ */
+
+/* Sidebar */
+
+#nav {
+ padding-top: 6px;
+ padding-bottom: 6px;
+ padding-left: 0;
+ padding-right: 0;
+ line-height: 1em;
+ margin-bottom: 1em;
+ margin-left: 0;
+ margin-right: 0;
+ margin-top: 0;
+ border-radius: 6px;
+ box-shadow: 1px 1px 1px grey;
+}
+
+#nav ul {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+
+#nav div, #nav li {
+ display: inline;
+ padding: 0;
+ margin: 0;
+}
+
+#nav div span {/* used for un-linked menu items */
+ display: block;
+ padding: 6px 10px;
+ font-weight: bold;
+ color: #666;
+ text-shadow: 0.1em 0.1em 0.1em gray;
+}
+
+#nav div h5, #nav div h3 {
+ display: block;
+ padding: 0.5em 1.0em;
+ font-weight: bold;
+ color: #666;
+ text-shadow: 0.1em 0.1em 0.1em gray;
+ font-size: 8.5pt;
+}
+
+#nav div span#configParent, #nav div span #configuration {
+ display: inline;
+ font-weight: normal;
+ padding: 0;
+}
+
+#nav div li span {/* used for un-linked menu items */
+ padding: 4px 8px 4px 20px;
+}
+
+#nav div li a {
+ padding: 6px 8px 6px 20px;
+}
+
+#nav div#searchBody {
+ text-align: center;
+}
+
+#nav div form#searchform {
+ background: #EDF2F2;
+}
+#nav div form#searchform input#searchInput {
+ margin-top: 1em;
+}
+#nav div form#searchform input {
+ margin-bottom: 1em;
+}
+
+#oN {
+ background-color: #E0E9E9;
+}
+
+#oN :hover {
+ background-color: #C6DCDC;
+}
+
+#nav div ul #feedlinks {
+ display: block;
+ padding: 8px 20px;
+ text-decoration: none;
+ background: #EDF2F2;
+ border-bottom: 1px solid #ddd;
+ border-top: 1px solid #fff;
+ border-right: 1px solid #ddd;
+}
+
+#nav div ul #feedlinks #feed-rss, #nav div ul #feedlinks #feed-atom {
+ display: inline;
+ background: #EDF2F2;
+ border: none;
+ padding: 0px;
+}
+
+#nav div ul #feedlinks a.feedlink:last-child:before {
+ content: " | ";
+}
+
+#nav div ul #feedlinks #feed-atom:only-child:before {
+ content: "";
+}
+
+#nav .pBody {
+ border: none;
+}
+
+#nav div a, #nav div span.social {
+ display: block;
+ padding: 8px 10px;
+ text-decoration: none;
+ text-shadow: 0.1em 0.1em 0.1em gray;
+ font-size: 8pt;
+}
+
+/*
+ ** Logo properties
+ */
+#p-logo {
+ z-index: 3;
+ position: absolute; /*needed to use z-index */
+ top: 0;
+ left: 0;
+ height: 155px;
+ width: 12em;
+ overflow: visible;
+}
+
+#p-logo h5 {
+ display: none;
+}
+
+#p-logo a, #p-logo a:hover {
+ display: block;
+ height: 155px;
+ width: 12.2em;
+ background-repeat: no-repeat;
+ background-position: 35% 50% !important;
+ text-decoration: none;
+}
+
+/*
+ ** the navigation portlet
+ */
+#p-nav {
+ position: relative;
+ z-index: 3;
+}
+
+/*
+ ** Search portlet
+ */
+#header form {
+ display: inline;
+}
+
+#header #p-search {
+ position: absolute;
+ font-size: 10pt;
+ top: 0;
+ right: 0;
+ padding: 15px 20px 0 0;
+ margin: 0; /* need for IE Mac */
+ text-align: right; /* need for IE Mac */
+ white-space: nowrap; /* for Opera */
+}
+
+#header #p-search h3 {
+ display: none;
+}
+
+#searchBody {
+ display: inline;
+}
+
+#header form label, #header label {
+ font-size: 8.5pt;
+}
+
+#header form input {
+ font-size: 8.5pt;
+}
+
+#header form #submit {
+ font-size: 8.5pt;
+ background: #6A7389;
+ color: #fff;
+ padding: 1px 4px;
+ border-right: 1px solid #283043;
+ border-bottom: 1px solid #283043;
+ border-top: 1px solid #9097A2;
+ border-left: 1px solid #9097A2;
+}
+
+#header form #searchInput:hover, #header form #searchInput:focus {
+ background: #fff;
+}
+
+#p-search {/* position: relative; */
+ z-index: 3;
+ border-bottom: none;
+}
+
+#p-search .pbody {
+ text-align: center;
+ padding: 0.5em 0.4em 0.4em 0.4em;
+}
+
+#searchform input.searchbutton {
+ margin-top: 1px;
+ font-size: 8.5pt;
+}
+#searchform div {
+ display: inline
+}
+
+#searchgobutton, #searchGoButton {
+ padding-left: .5em;
+ padding-right: .5em;
+ font-weight: bold;
+}
+
+#header form #searchInput {
+ width: 270px;
+ font-size: 8.5pt;
+ padding: 2px;
+ margin: 0 0.5em 0 0.5em;
+ border-radius: 6px;
+ box-shadow: 2px inset;
+}
+
+#searchInputResult {
+ font-size: 8.5pt;
+}
+
+.suggestions {
+ margin-right: 142px;
+}
+
+/*
+ ** the remaining portlets
+ */
+#p-tbx, #p-lang {
+ position: relative;
+ z-index: 3;
+}
+
+/*
+ ** Footer
+ */
+#footer {
+ clear: both;
+ margin-top: 1em;
+ font-size: 7pt;
+ border-top: 1px solid #999;
+ padding-top: 2em;
+ color: #666;
+}
+
+#footer ul {
+ margin: 0 0 1em 0;
+ padding: 0;
+ line-height: 1.6em;
+ list-style: none;
+}
+
+#footer li {
+ margin: 0;
+ white-space: nowrap;
+}
+
+#footer table {
+ width: 100%;
+ text-align: center;
+}
+
+#f-list {
+ width: 70%;
+}
+
+#f-list #f-credits {
+ white-space: normal;
+}
+
+#footer td.f-iconsection {
+ width: 5%;
+ text-align: center;
+ vertical-align: top;
+ padding-right: 1em;
+ white-space: nowrap
+}
+
+#f-list li {
+ list-style: none;
+ list-style-image: none;
+ list-style-type: none;
+}
+
+#footer #f-poweredbyico a, #footer #f-copyrightico a {
+ display: list-item;
+ margin-bottom: 5px;
+ list-style: none;
+ list-style-image: none;
+ list-style-type: none;
+}
+
+#footer p, #footer a {
+ margin: 0.6em 0;
+ display: inline;
+ white-space: nowrap;
+}
+
+#f-about, #f-disclaimer, #f-privacy, #f-viewcount, #f-numberofwatchingusers {
+ display: inline;
+ padding-left: 5px;
+ padding-right: 5px;
+}
+
+/* js pref toc */
+#preftoc {
+ float: left;
+ margin-right: 1em;
+ margin-left: 0;
+ margin-top: 1em;
+ width: 13em;
+ list-style-image: none;
+ list-style-type: none;
+}
+
+#preftoc li {
+ border: 1px solid #AAA;
+ margin-bottom: 0.9em;
+ padding: 3px;
+ border-radius: 6px;
+ box-shadow: 1px 1px 1px grey;
+}
+
+#preftoc li.selected {
+ font-weight: bold;
+}
+
+#preftoc a, #preftoc a:active {
+ margin: 1px;
+}
+
+#preftoc a:hover, #preftoc a:focus {
+ text-decoration: none;
+ margin: 1px;
+}
+
+#prefcontrol {
+ clear: both;
+ float: left;
+ margin-right: 1em;
+}
+
+div.prefsectiontip {
+ font-size: 95%;
+ margin-top: 1em;
+}
+
+fieldset.operaprefsection {
+ margin-left: 15em
+}
+
+.mainLegend {
+ display: none;
+}
+
+.prefsection {
+ border: none;
+ margin: 0;
+ padding: 0;
+}
+
+td.htmlform-tip {
+ font-size: x-small;
+ padding: .2em 2em;
+ color: #666;
+}
+
+td.mw-label {
+ padding-right: 4pt;
+}
+
+/* footer icons need a fixed width */
+* > html #f-poweredbyico, * > html #f-copyrightico {
+ width: 88px;
+}
+
+* > html #mBody, * > html #mBody pre {
+ overflow-x: auto;
+ width: 100%;
+ padding-bottom: 25px;
+}
+/* more IE fixes */ /* float/negative margin brokenness */
+* html #footer {
+ margin-top: 0;
+}
+
+* html #column-content {
+ display: inline;
+ margin-bottom: 0;
+}
+
+* html div.editsection, * html div.mw-editsection {
+ font-size: smaller;
+}
+
+#pagehistory li.selected {
+ position: relative;
+}
+
+.redirecttext {
+ font-size: 150%;
+ margin: 5px;
+}
+
+.printfooter {
+ display: none;
+}
+
+.not_patrolled {
+ background-color: #ffa;
+}
+
+div.patrollink {
+ font-size: 75%;
+ text-align: right;
+}
+
+span.newpage, span.minor, span.searchmatch {
+ font-weight: bold;
+}
+
+span.unpatrolled {
+ font-weight: bold;
+ color: red;
+}
+
+span.searchmatch {
+ color: red;
+}
+
+.sharedUploadNotice {
+ font-style: italic;
+ width: 100%;
+ font-size: 100%;
+ border: 1px solid #0000DD;
+ background-color: #DDDDFF;
+ margin-top: 3pt;
+ padding: 5px;
+ border-radius: 5px;
+ box-shadow: 0 0 2px #0000DD;
+}
+
+span.updatedmarker {/* color: black; */
+ color: #00ff00;
+}
+
+span.newpageletter {
+ font-weight: bold;
+ color: black;
+ background-color: yellow;
+}
+
+span.minoreditletter {
+ color: black;
+ background-color: #c5ffe6;
+}
+
+table.gallery {
+ border: 1px solid #cccccc;
+ margin: 2px;
+ padding: 2px;
+ background-color: #ffffff;
+}
+
+table.gallery tr {
+ vertical-align: top;
+}
+
+table.gallery td {
+ vertical-align: top;
+ background-color: #f9f9f9;
+ border: solid 2px white;
+}
+
+div.gallerybox {
+ margin: 2px;
+ width: 150px;
+}
+
+div.gallerybox div.thumb {
+ text-align: center;
+ border: 1px solid #cccccc;
+ margin: 2px;
+}
+
+div.gallerytext {
+ font-size: 94%;
+ padding: 2px 4px;
+ text-align: left;
+}
+
+/* ADDED BY DEB@DRIA.ORG FOR DEVMO WIKI */
+.standard-table {
+ border: solid black 1px;
+ border-collapse: collapse;
+}
+
+.standard-table td {
+ text-align: left;
+ vertical-align: top;
+ padding: 5px;
+ border: solid #bbb 1px;
+}
+
+.standard-table td.header, .standard-table th {
+ font-weight: bold;
+ background: #ddd;
+ border: solid #bbb 1px;
+ text-align: left;
+ padding: 0px 5px 0px 5px;
+}
+
+.fullwidth-table {
+ border: solid #666 1px;
+ border-collapse: collapse;
+ width: 100%;
+ margin-bottom: 10px;
+ background: #fff;
+}
+
+.fullwidth-table td {
+ text-align: left;
+ vertical-align: top;
+ padding: 5px 15px 5px 15px;
+ border: solid #bbb 1px;
+}
+
+.fullwidth-table td.header, .fullwidth-table th {
+ background: #ddd;
+ border: solid #bbb 1px;
+ font-weight: bold;
+ font-size: 1.2em;
+ text-align: left;
+ padding: 0px 5px 0px 5px;
+}
+
+div.breadcrumbs {
+ border: solid #888 1px;
+ padding: 0px 5px 0px 5px;
+ background: #ddd;
+ margin: 5px 0px 10px 0px;
+ font-size: 0.9em;
+}
+
+div.breadcrumbs a.breadcrumbs {
+ text-decoration: none;
+}
+
+div.breadcrumbs span.breadcrumbs {
+ font-weight: bold;
+}
+
+div.tip {
+ border: solid green 2px;
+ padding: 0px 10px 0px 10px;
+ margin: 10px 0px 10px 0px;
+ background: #dfd;
+}
+
+div.note {/* border: solid goldenrod 2px; */
+ padding: 0px 10px 0px 10px;
+ margin: 10px 0px 10px 0px;
+ background: #ffd;
+ color: #000;
+}
+
+div.note:before {
+ content: "";
+}
+
+.figure {/* for future use */
+
+}
+
+.originaldocinfo {
+ font-size: 0.8em;
+ background: #ffd;
+ border: solid #cce 1px;
+ width: auto;
+ padding: 0px 10px 0px 10px;
+ margin: 15px 0px 15px 0px;
+}
+
+.originaldocinfo p {
+ line-height: 0.8em;
+}
+
+.originaldocinfo h2 {
+ font-size: 1.3em;
+ font-weight: bold;
+}
+
+.licenseblock {
+ border: dashed #888 1px;
+ background: #ddd;
+ font-size: 0.8em;
+ padding: 0px 10px 0px 10px;
+}
+
+.wrong-source-code {
+ color: #d00;
+}
+
+.right-source-code {
+ color: #0a0;
+}
+
+.template-toc {
+ background: #ddd;
+ font-size: 0.9em;
+ border: solid black 1px;
+ padding: 0px 10px 0px 10px;
+ margin: 15px 0px 15px 0px;
+ width: auto;
+}
+
+.prevnext {
+ font-size: 0.9em;
+ margin: 10px 0px 20px 0px;
+}
+
+div.highlight {
+ border-left: solid blue 3px;
+ padding-left: 15px;
+}
+
+span.highlightblue {
+ color: blue;
+}
+
+span.highlightred {
+ color: red;
+}
+
+.side-note {
+ width: auto;
+ padding: 0px 20px 0px 20px;
+ margin: 10px 0px 10px 0px;
+ border: solid #666 1px;
+ background: #eee;
+}
+
+.side-note-left {
+ float: left;
+ width: 40%;
+ padding: 0px 20px 0px 20px;
+ margin: 10px 10px 10px 0px;
+ border: solid #666 1px;
+ background: #eee;
+}
+
+.side-note-right {
+ float: right;
+ width: 40%;
+ padding: 0px 20px 0px 20px;
+ margin: 10px 0px 10px 10px;
+ border: solid #666 1px;
+ background: #eee;
+}
+
+/* new for devmo topic pages */
+.callout-box {
+ float: right;
+ border: solid black 1px;
+ text-align: center;
+ width: 200px;
+ margin: 0px 0px 15px 15px;
+ padding: 10px;
+ background: #eee;
+}
+
+.topicpage-table {
+ width: 100%;
+}
+
+.topicpage-table td {
+ width: 50%;
+ vertical-align: top;
+ padding: 10px;
+}
+
+.alllinks {
+ font-size: 10px;
+ float: right;
+}
+
+.date {
+ color: #668;
+ font-style: italic;
+}
+
+.disambig {
+ font-size: 0.9em;
+ border-top: solid #aaa 1px;
+ border-bottom: solid #aaa 1px;
+}
+
+.notice {
+ font-size: 0.9em;
+ border: solid #aaa 1px;
+ padding: 5px;
+ margin: 5px 0px 5px 0px;
+}
+
+.visualclear {
+ clear: both;
+}
+
+/* Special:Recentchanges*/
+
+.mw-special-Recentchanges ul.special {
+ margin: 0;
+ border-radius: 6px;
+ border: 1px white solid;
+}
+
+.mw-special-Recentchanges ul.special li {
+ list-style-type: none;
+ list-style-image: none;
+}
+
+/** Special:Version */
+table#sv-ext, table#sv-hooks, table#sv-software, table#mw-version-entrypoints-table, .mw-special-Version #mw-content-text table {
+ padding: 0em;
+}
+
+#sv-ext td, #sv-hooks td, #sv-software td, #sv-ext th, #sv-hooks th, #sv-software th, .mw-special-Version #bodyContent td, .mw-special-Version #bodyContent th {
+ border: 1px solid #a0a0a0;
+ padding: 0.1em 0.2em 0.1em 0.2em;
+}
+
+#sv-ext th, #sv-hooks th, #sv-software th, .mw-special-Version #bodyContent th {
+ background-color: #f0f0f0;
+ color: black;
+ padding: 0.1em 0.2em 0.1em 0.2em;
+}
+
+tr.sv-space {
+ height: 0.8em;
+ border: none;
+}
+
+tr.sv-space td {
+ display: none;
+}
+
+/* Spezial:Allpages */
+.allpageslist {
+ margin: auto;
+}
+
+/* filetoc */
+ul#filetoc {
+ text-align: center;
+ border: 1px solid #aaaaaa;
+ background-color: #f9f9f9;
+ padding: 5px;
+ font-size: 95%;
+ margin-bottom: 0.5em;
+ margin-left: 0;
+ margin-right: 0;
+ border-radius: 6px;
+}
+
+#filetoc li {
+ display: inline;
+ list-style-type: none;
+ padding-right: 2em;
+}
+
+.newpage {
+ color: green;
+}
+
+.minor, .minoredit {
+ color: gray;
+}
+
+/* Portal page style */
+
+.portalseite div.portal-container, .hauptseite-oben, .hauptseite-links, .hauptseite-rechts, .hauptseite-unten {
+ box-shadow: 1px 1px 1px grey;
+ margin-bottom: 1em;
+ border-radius: 6px;
+}
+
+h2.portal-heading, .portalseite h2, #hauptseite h2 {
+ border-width: 1px;
+ border-color: #AAAAAA;
+ border-style: solid solid dotted;
+ background-color: #F0F0F0;
+ padding: 0.2em 0;
+ margin: 0;
+ font-size: 1.1em;
+ font-weight: bold;
+ text-indent: 0.5em;
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+h3.portal-heading, .portalseite h3, #hauptseite h3 {
+ background-color: #F0F0F0;
+ border-bottom: 1px dotted #AAAAAA;
+ font-size: 1em;
+ font-weight: bold;
+ margin-bottom: 0.5em;
+ margin-top: 0.5em;
+ padding-bottom: 0.1em;
+ padding-left: 0.3em;
+ padding-top: 0.1em;
+}
+
+.portalseite div.inhalt, div.portal-content, #hauptseite .inhalt {
+ border: 1px solid #AAAAAA;
+ border-top: 0px solid #FFFFFF;
+ background-color: #FFFFFF;
+ margin-bottom: 1em;
+ padding: 0.5em 0.8em 0.5em 0.8em;
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.hauptseite-links, .portalseite .portal-left {
+ margin-right: 0.5em;
+}
+
+.hauptseite-rechts, .portalseite .portal-right {
+ margin-left: 0.5em;
+}
diff --git a/skins/cavendish/colors/blue.css b/skins/cavendish/colors/blue.css
new file mode 100644
index 0000000..89decbe
--- /dev/null
+++ b/skins/cavendish/colors/blue.css
@@ -0,0 +1,80 @@
+/* Blue color */
+
+#header {
+ background: #455372; /* Old browsers */
+ background: -moz-linear-gradient(top, #455372 0%, #455372 52%, #3f4c6b 67%, #2a3753 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#455372), color-stop(52%,#455372), color-stop(67%,#3f4c6b), color-stop(100%,#2a3753)); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, #455372 0%,#455372 52%,#3f4c6b 67%,#2a3753 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, #455372 0%,#455372 52%,#3f4c6b 67%,#2a3753 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(top, #455372 0%,#455372 52%,#3f4c6b 67%,#2a3753 100%); /* IE10+ */
+ background: linear-gradient(to bottom, #455372 0%,#455372 52%,#3f4c6b 67%,#2a3753 100%); /* W3C */
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#455372', endColorstr='#2a3753',GradientType=0 ); /* IE6-9 */
+}
+
+#header form label, #header label {
+ color: #DDD;
+}
+
+#header form #searchInput {
+ border: 1px solid #9097A2;
+ background-color: #D9DBE1;
+}
+
+/*p-cactions */
+
+#p-cactions li {
+ border-bottom: 1px solid #515358;
+ background-color: #5F697E;
+ border-top-color: #5F697E;
+}
+
+#p-cactions li:hover {
+ border-top-color: #747F96;
+ background-color: #747F96;
+}
+
+#p-cactions li.selected a {
+ color: #455372;
+}
+
+/* NAV */
+
+#nav {
+ background: #E0E9E9;
+}
+
+#nav div a:hover {
+ background: #E0E9E9;
+}
+
+#nav div a, #nav div span.social {
+ background: #EDF2F2;
+ border-bottom: 1px solid #DDD;
+ border-top: 1px solid #FFF;
+ border-right: 1px solid #DDD;
+}
+
+/* preftoc */
+
+#preftoc li:hover,#preftoc li:focus, #preftoc li.selected {
+ background-color: #E0E9E9;
+}
+
+/* fieldset */
+
+fieldset {
+ border: 1px solid #2f6fab;
+}
+
+fieldset fieldset {
+ background-color: #E0E9E9;
+}
+
+/* mw-line */
+.mw-line-odd {
+ background-color: #EDF2F2;
+}
+
+.mw-line-even {
+ background-color: #E0E9E9;
+} \ No newline at end of file
diff --git a/skins/cavendish/colors/brown.css b/skins/cavendish/colors/brown.css
new file mode 100644
index 0000000..d3ec5ee
--- /dev/null
+++ b/skins/cavendish/colors/brown.css
@@ -0,0 +1,91 @@
+/* Brown color */
+
+#header {
+ background: #e3cead; /* Old browsers */
+ background: -moz-linear-gradient(top, #e3cead 0%, #dac39e 35%, #ccb186 75%, #c5aa7d 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3cead), color-stop(35%,#dac39e), color-stop(75%,#ccb186), color-stop(100%,#c5aa7d)); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, #e3cead 0%,#dac39e 35%,#ccb186 75%,#c5aa7d 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, #e3cead 0%,#dac39e 35%,#ccb186 75%,#c5aa7d 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(top, #e3cead 0%,#dac39e 35%,#ccb186 75%,#c5aa7d 100%); /* IE10+ */
+ background: linear-gradient(to bottom, #e3cead 0%,#dac39e 35%,#ccb186 75%,#c5aa7d 100%); /* W3C */
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3cead', endColorstr='#c5aa7d',GradientType=0 ); /* IE6-9 */
+}
+
+#header form label, #header label {
+ color: #774F03;
+}
+
+#header form #searchInput {
+ border: 1px solid #774F03;
+ background-color: #FBF4E8;
+}
+
+/*p-cactions */
+
+#p-cactions li {
+ border-bottom: 1px solid #B48A48;
+ background-color: #885E1B;
+ border-top-color: #885E1B;
+}
+
+#p-cactions li:hover {
+ border-top-color: #B48A48;
+ background-color: #B48A48;
+}
+
+#p-cactions li.selected a {
+ color: #780000;
+}
+
+/* NAV */
+
+#nav {
+ background: #E8DDCA;
+}
+
+#nav div a:hover {
+ background: #E8DDCA;
+}
+
+#nav div a, #nav div span.social {
+ background-color:#FBF4E8;
+ border-bottom: 1px solid #DDD;
+ border-right: 1px solid #DDD;
+ border-top: 1px solid #FFF;
+}
+
+/* preftoc */
+
+#preftoc li:hover,#preftoc li:focus, #preftoc li.selected {
+ background-color: #E8DDCA;
+}
+
+/* fieldset */
+
+fieldset {
+ border: 1px solid #774F03;
+}
+
+fieldset fieldset {
+ background-color: #E8DDCA;
+ }
+
+/* mw-line */
+.mw-line-odd {
+ background-color: #FBF4E8;
+}
+
+.mw-line-even {
+ background-color: #E8DDCA;
+}
+
+/* different from blue.css */
+
+.portlet li a:link {
+ color: #780000;
+ text-decoration: none;
+}
+.portlet li a:visited {
+ color: #774F03;
+ text-decoration: none;
+} \ No newline at end of file
diff --git a/skins/cavendish/colors/green.css b/skins/cavendish/colors/green.css
new file mode 100644
index 0000000..0c47620
--- /dev/null
+++ b/skins/cavendish/colors/green.css
@@ -0,0 +1,80 @@
+/* Green color */
+
+#header {
+ background: #379940; /* Old browsers */
+ background: -moz-linear-gradient(top, #379940 0%, #36983f 56%, #32903a 68%, #216d2b 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#379940), color-stop(56%,#36983f), color-stop(68%,#32903a), color-stop(100%,#216d2b)); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, #379940 0%,#36983f 56%,#32903a 68%,#216d2b 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, #379940 0%,#36983f 56%,#32903a 68%,#216d2b 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(top, #379940 0%,#36983f 56%,#32903a 68%,#216d2b 100%); /* IE10+ */
+ background: linear-gradient(to bottom, #379940 0%,#36983f 56%,#32903a 68%,#216d2b 100%); /* W3C */
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#379940', endColorstr='#216d2b',GradientType=0 ); /* IE6-9 */
+}
+
+#header form label, #header label {
+ color: #89cc92;
+}
+
+#header form #searchInput {
+ border: 1px solid #23712d;
+ background-color: #89cc92;
+}
+
+/*p-cactions */
+
+#p-cactions li {
+ border-bottom: 1px solid #56a05f;
+ background-color: #58ac64;
+ border-top-color: #58ac64;
+}
+
+#p-cactions li:hover {
+ border-top-color: #68cc76;
+ background-color: #68cc76;
+}
+
+#p-cactions li.selected a {
+ color: #455372;
+}
+
+/* NAV */
+
+#nav {
+ background: #379940;
+}
+
+#nav div a:hover {
+ background: #379940;
+}
+
+#nav div a, #nav div span.social {
+ background: #89cc92;
+ border-bottom: 1px solid #DDD;
+ border-top: 1px solid #FFF;
+ border-right: 1px solid #DDD;
+}
+
+/* preftoc */
+
+#preftoc li:hover,#preftoc li:focus, #preftoc li.selected {
+ background-color: #89cc92;
+}
+
+/* fieldset */
+
+fieldset {
+ border: 1px solid #1fd931;
+}
+
+fieldset fieldset {
+ background-color: #89cc92;
+}
+
+/* mw-line */
+.mw-line-odd {
+ background-color: #379940;
+}
+
+.mw-line-even {
+ background-color: #89cc92;
+} \ No newline at end of file
diff --git a/skins/cavendish/config.php b/skins/cavendish/config.php
new file mode 100644
index 0000000..7136f62
--- /dev/null
+++ b/skins/cavendish/config.php
@@ -0,0 +1,14 @@
+<?php
+ $cavendishColor = 'blue';
+ $cavendishLogoURL = false;
+ $cavendishLogoWidth = '322';
+ $cavendishLogoHeight = '53';
+ $cavendishLogoMargin = '10';
+ $cavendishSiteWith = false;
+ $cavendishExtensionCSS = true;
+ $cavendishSidebarSearchbox =false;
+ $cavendishQRCode = true;
+ /* if showed on page or only on print (all, print)*/
+ $cavendishQRCodeMode = 'all';
+ $cavendishQRurladd = "?pk_campaign=qr-code";
+?> \ No newline at end of file
diff --git a/skins/cavendish/document.png b/skins/cavendish/document.png
new file mode 100644
index 0000000..4d64fd5
--- /dev/null
+++ b/skins/cavendish/document.png
Binary files differ
diff --git a/skins/cavendish/envelope.png b/skins/cavendish/envelope.png
new file mode 100644
index 0000000..14824c7
--- /dev/null
+++ b/skins/cavendish/envelope.png
Binary files differ
diff --git a/skins/cavendish/extensions.css b/skins/cavendish/extensions.css
new file mode 100644
index 0000000..4c2adab
--- /dev/null
+++ b/skins/cavendish/extensions.css
@@ -0,0 +1,335 @@
+/*
+* Font Style for Extensions
+
+ Babel Extension*/
+@import url("babel.css");
+
+/*
+* Poem Extension
+*/
+.poem {
+ margin-left: 1.5em;
+ white-space: nowrap;
+ overflow: auto;
+}
+
+.poem p {
+ padding-left: 0.5em;
+ border-left: 1px solid #FFD700;
+ }
+
+/* HeaderTabs */
+
+#headertabs {
+ border: 1px solid #AAAAAA;
+ }
+
+/* Syntax Hightlight Geshi */
+.mw-geshi {
+ padding: 1em;
+ margin: 1em 0;
+ border: 1px dashed #2fab6f;
+ border-radius: 6px;
+ overflow-y: hidden;
+}
+
+.mw-geshi ol {
+ padding-left: 1em;
+}
+
+/* Cite Extension */
+ol.references {
+ font-size: 0.9em;
+}
+
+sup.reference {
+ font-size: 0.8em;
+ line-height: 0.8em;
+ vertical-align: top;
+ position: relative;
+ top: -0.2em;
+ white-space: nowrap;
+}
+
+.reference * {
+ vertical-align: top;
+}
+
+ol.references>li:target {
+ background-color: #def;
+}
+
+sup.reference:target {
+ background-color: #def;
+}
+
+/* Google Maps */
+.pmap {
+ margin-top: -5px;
+ margin-bottom: 5px;
+}
+
+.google-map {
+ margin-bottom: 1.5em;
+ width: auto;
+}
+
+/* Semantic MediaWiki */
+table.smwtable tr.smwfooter td.sortbottom {
+ padding-top: 3px;
+ padding-bottom: 3px;
+}
+
+table.smwtable {
+ margin: 1em 1em 1em 0;
+ border: 1px #aaa solid;
+ border-collapse: collapse;
+ empty-cells: show;
+ border-radius: 6px;
+}
+
+table.smwtable th {
+ background-color: #e0e9e9;
+ border: 1px #aaa solid;
+ padding: 0.2em;
+ white-space: nowrap;
+ padding: 0.2em;
+}
+
+table.smwtable td {
+ border: 1px #aaa solid;
+ padding: 0.2em;
+}
+
+table.smwtable caption {
+ margin-left: inherit;
+ margin-right: inherit;
+ font-weight: bold;
+}
+
+table.smwtable tr.row-odd {
+ background-color: #F9F9F9;
+}
+table.smwtable tr.row-odd td{
+ border-top: none;
+ border-bottom: none;
+}
+
+table.smwtable tr.row-even {
+ background-color: #F1F1F1;
+}
+table.smwtable tr.row-even td{
+ border-top: none;
+ border-bottom: none;
+}
+
+.smwttactiveinline {
+ white-space: nowrap;
+}
+
+.smwfact {
+ border-radius: 6px;
+ box-shadow: 2px 2px 2px grey;
+}
+
+#content div.smwfact table.smwfacttable {
+ border-radius: 0px;
+}
+
+.smwtt {
+ font-size: 10pt;
+}
+
+#content table.smwb-factbox, #content table.smwb-ifactbox {
+ border-radius: 0px;
+}
+
+/* Semantic Drilldown */
+div div#drilldown-categories-wrapper {
+ padding-left: 0;
+ padding-right: 0;
+}
+/* Semantic Forms */
+input.createboxInput {
+ margin-top: 1px;
+ margin-bottom: 1px;
+}
+/*
+.mandatoryFieldSpan {
+ border: 1px solid #8B0000;
+ border-radius: 3px;
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ background: #FFA07A;
+}
+
+.inputSpan {
+ padding-top: 5px;
+ padding-bottom: 7px;
+}
+*/
+
+.formtable td {
+ padding-top: 7px;
+ padding-bottom: 7px;
+}
+
+.formtable th {
+ padding-top: 7px;
+ padding-bottom: 7px;
+ padding-right: 4px;
+}
+
+#sfForm div.warningbox {
+ border: 1px solid #FF8C00 !important;
+}
+
+.checkboxLabel, .ui-widget {
+ white-space: nowrap;
+}
+
+
+/* Semantic Result Formats */
+#bodyContent table.navigation_table tr td.month_name {
+ font-size: 18pt;
+}
+
+#bodyContent table.month_calendar tr.weekdays {
+ background: #E0E9E9;
+}
+
+#bodyContent table.month_calendar td.today div.day {
+ background: #E0E9E9;
+}
+
+#bodyContent table.month_calendar td.weekend_day div.day {
+ color: red;
+}
+
+#bodyContent .srf-datatables select {
+ padding: 4px;
+}
+
+/* WikiEditor */
+div.wikiEditor-ui div.section {
+ padding-left: 0;
+}
+
+div.wikiEditor-ui div.wikiEditor-ui-top {
+ font-size: 8.5pt;
+}
+
+div.wikiEditor-ui div.wikiEditor-ui-tabs div{
+ font-size: 9pt;
+ padding-bottom: 1px;
+}
+
+/* Liquid Threads */
+div.lqt-thread-toolbar {
+ right: 3em;
+}
+
+.lqt-thread-toolbar-command-list {
+ display: inline;
+}
+
+.lqt-talkpage-header {
+ border-radius: 6px;
+ border-width: 1px;
+ }
+
+.lqt_header_content {
+ border-bottom-right-radius: 6px;
+ border-width: 1px;
+ }
+
+body.skin-cavendish a.lqt_watchlist_messages_notice {
+ border-radius: 6px;
+ background-color: #F2DEDE;
+ border-color: #EED3D7;
+ color: #B94A48;
+ padding: 0.5em 1.5em;
+}
+
+/* Flagged Revisions */
+div.flaggedrevs_basic, div.flaggedrevs_quality, div.flaggedrevs_pristine, div.flaggedrevs_notice {
+ border-radius: 6px;
+}
+
+table.flaggedrevs_editnotice {
+ margin-bottom: 1em;
+}
+
+/* OpenID */
+#p-personal .pBody li#pt-openidlogin {
+ background: none;
+ padding-left: 0;
+}
+
+.openid_large_link {
+ border-radius: 6px;
+ border-width: 1px;
+}
+.openid_small_providers_block {
+ padding-right: 5em;
+}
+#provider_form_openid input {
+ margin-top: 5px;
+}
+
+/* Input Box */
+.inputbox-element {
+ white-space: nowrap;
+ display: inline-block;
+}
+
+/* 4sq */
+table .tips-4sq blockquote {
+ margin-right: 20px;
+ margin-left: 20px;
+ overflow-wrap: break-word;
+ word-wrap: break-word;
+}
+
+/* yelp */
+table .yelp-reviews blockquote {
+ margin-right: 20px;
+ margin-left: 20px;
+}
+
+/* Social Sidebar WeCoWi*/
+
+#nav div li span.social {
+ padding-bottom: 6px;
+ padding-top: 6px;
+}
+
+#nav div li#buffer span.social {
+ padding-left: 19px;
+}
+
+#nav div li#facebook span span {
+ margin-left: -10px;
+ margin-top: -5px;
+}
+
+#nav div li#facebook span.social {
+ height: 19px;
+}
+
+#nav div li#twitter span.social iframe {
+ margin-left: 9px;
+}
+
+#nav a.twitter-share-button {
+ font-weight: normal;
+ border: none;
+ padding-left: 10px;
+ padding-right: 0;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+#nav li#google span.social, #nav li#flattr span.social {
+ padding-left: 20px;
+}
diff --git a/skins/cavendish/external.png b/skins/cavendish/external.png
new file mode 100644
index 0000000..2bd5f77
--- /dev/null
+++ b/skins/cavendish/external.png
Binary files differ
diff --git a/skins/cavendish/folder.png b/skins/cavendish/folder.png
new file mode 100644
index 0000000..f0ef991
--- /dev/null
+++ b/skins/cavendish/folder.png
Binary files differ
diff --git a/skins/cavendish/headbg.jpg b/skins/cavendish/headbg.jpg
new file mode 100644
index 0000000..5491c6e
--- /dev/null
+++ b/skins/cavendish/headbg.jpg
Binary files differ
diff --git a/skins/cavendish/header.css b/skins/cavendish/header.css
new file mode 100644
index 0000000..2d6c22a
--- /dev/null
+++ b/skins/cavendish/header.css
@@ -0,0 +1,9 @@
+#header h6 a
+{
+ font-family:JournalRegular;
+ text-indent: 0;
+ font-size: 37pt;
+ color: #2DAAE1;
+ padding-left: 15px;
+ text-shadow:0.1em 0.1em 0.2em gray;
+}
diff --git a/skins/cavendish/header_logo.gif b/skins/cavendish/header_logo.gif
new file mode 100644
index 0000000..e00acf1
--- /dev/null
+++ b/skins/cavendish/header_logo.gif
Binary files differ
diff --git a/skins/cavendish/key-point_bl.gif b/skins/cavendish/key-point_bl.gif
new file mode 100644
index 0000000..fe6f825
--- /dev/null
+++ b/skins/cavendish/key-point_bl.gif
Binary files differ
diff --git a/skins/cavendish/key-point_tl.gif b/skins/cavendish/key-point_tl.gif
new file mode 100644
index 0000000..87d7cd0
--- /dev/null
+++ b/skins/cavendish/key-point_tl.gif
Binary files differ
diff --git a/skins/cavendish/locked.png b/skins/cavendish/locked.png
new file mode 100644
index 0000000..7b81697
--- /dev/null
+++ b/skins/cavendish/locked.png
Binary files differ
diff --git a/skins/cavendish/magnify-clip.png b/skins/cavendish/magnify-clip.png
new file mode 100644
index 0000000..992aa2e
--- /dev/null
+++ b/skins/cavendish/magnify-clip.png
Binary files differ
diff --git a/skins/cavendish/minus.png b/skins/cavendish/minus.png
new file mode 100644
index 0000000..e56f9de
--- /dev/null
+++ b/skins/cavendish/minus.png
Binary files differ
diff --git a/skins/cavendish/newspaper.png b/skins/cavendish/newspaper.png
new file mode 100644
index 0000000..b7f11c3
--- /dev/null
+++ b/skins/cavendish/newspaper.png
Binary files differ
diff --git a/skins/cavendish/plus.png b/skins/cavendish/plus.png
new file mode 100644
index 0000000..4b5a7bf
--- /dev/null
+++ b/skins/cavendish/plus.png
Binary files differ
diff --git a/skins/cavendish/print.css b/skins/cavendish/print.css
new file mode 100644
index 0000000..a31df21
--- /dev/null
+++ b/skins/cavendish/print.css
@@ -0,0 +1,62 @@
+/* Stylesheet for Printing*/
+body {
+ margin-left: 5em;
+ margin-right: 5em;
+ font-size: 11pt;
+}
+
+#p-personal, #side, #header, #skin-info, #f-numberofwatchingusers, #f-viewcount, #f-privacy, #f-about, #f-disclaimer{
+ display:none;
+}
+
+.f-iconsection #f-copyrightico {
+ display: block;
+}
+
+#qrcode {
+ display:block;
+ margin-left: 10px;
+ text-align:right;
+}
+
+#footer #f-list li {
+ white-space:normal;
+}
+
+#footer li {
+ list-style-type: none;
+}
+
+#footer table {
+ width: 100%;
+}
+
+#catlinks {
+ border-top: 1px solid #AAAAAA;
+ margin-top: 1em;
+ padding-top: 1em;
+}
+
+#catlinks ul li {
+ font-style:italic;
+}
+
+table.float-right, table.floatright, div.float-right, div.floatright {
+ clear: right;
+ float: right;
+ margin-left: 0.7em;
+ margin-right: 0;
+ position: relative;
+}
+
+table.float-left, table.floatleft, div.float-left, div.floatleft{
+ clear: left;
+ float: left;
+ margin-right: 0.7em;
+ margin-left: 0;
+ position: relative;
+}
+
+table p {
+ margin: 0;
+} \ No newline at end of file
diff --git a/skins/cavendish/required.gif b/skins/cavendish/required.gif
new file mode 100644
index 0000000..bd71976
--- /dev/null
+++ b/skins/cavendish/required.gif
Binary files differ
diff --git a/skins/cavendish/rtl.css b/skins/cavendish/rtl.css
new file mode 100644
index 0000000..0d6b48e
--- /dev/null
+++ b/skins/cavendish/rtl.css
@@ -0,0 +1,216 @@
+/*
+Right-to-left fixes for MonoBook.
+Places sidebar on right, tweaks various alignment issues.
+
+Works mostly ok nicely on Safari 1.2.1; fine in Mozilla.
+
+Safari bugs (1.2.1):
+* Tabs are still appearing in left-to-right order. (Try after localizing)
+
+Opera bugs (7.23 linux):
+* Some bits of ltr text (sidebar box titles) have forward and backward versions overlapping each other
+
+IE/mac bugs:
+* The thing barfs on Hebrew and Arabic anyway, so no point testing.
+
+Missing features due to lack of support:
+* external link icons
+
+To test:
+* Opera6
+* IE 5.0
+* etc
+
+*/
+body {
+ direction: rtl;
+/* unicode-bidi: bidi-override;*/
+ unicode-bidi: embed;
+}
+#column-content {
+ margin: 0 -12.2em 0 0;
+ float: left;
+}
+#column-content #content{
+ margin-left: 0;
+ margin-right: 12.2em;
+ border-right: 1px solid #aaaaaa;
+ border-left: none;
+}
+html>body .portlet {
+ float: right;
+ clear: right;
+}
+/* recover IEMac (might be fine with the float, but usually it's close to IE */
+*>body .portlet {
+ float: none;
+ clear: none;
+}
+.pBody {
+ padding-right: 0.8em;
+ padding-left: 0.5em;
+}
+
+/* Fix alignment */
+.documentByLine,
+.portletDetails,
+.portletMore,
+#p-personal {
+ text-align: left;
+}
+
+div div.thumbcaption {
+ text-align: right;
+}
+
+div.magnify,
+#div.townBox,
+#p-logo {
+ left: auto;
+ right: 0;
+}
+#p-personal {
+ left: auto;
+ right: 0;
+}
+
+#p-cactions {
+ left: auto;
+ right: 11.5em;
+ padding-left: 0;
+ padding-right: 1em;
+}
+#p-cactions li {
+ margin-left: 0.3em;
+ margin-right: 0;
+ float: right;
+}
+* html #p-cactions li a {
+ display: block;
+ padding-bottom: 0;
+}
+* html #p-cactions li a:hover {
+ padding-bottom: 0.2em;
+}
+/* offsets to distinguish the tab groups */
+li#ca-talk {
+ margin-right: auto;
+ margin-left: 1.6em;
+}
+li#ca-watch,li#ca-unwatch {
+ margin-right: 1.6em !important;
+}
+
+/* Fix margins for non-css2 browsers */
+/* top right bottom left */
+
+ul {
+ margin-left: 0;
+ margin-right: 1.5em;
+}
+ol {
+ margin-left: 0;
+ margin-right: 2.4em;
+}
+dd {
+ margin-left: 0;
+ margin-right: 1.6em;
+}
+#contentSub {
+ margin-right: 1em;
+ margin-left: 0;
+}
+.tocindent {
+ margin-left: 0;
+ margin-right: 2em;
+}
+div.tright, div.floatright, table.floatright {
+ clear: none;
+}
+div.tleft, div.floatleft, table.floatleft {
+ clear: left;
+}
+div.townBox {
+ margin-left: 0;
+ margin-right: 1em;
+}
+div.townBox dl dd {
+ margin-left: 0;
+ margin-right: 1.1em;
+}
+#p-personal li {
+ margin-left: 0;
+ margin-right: 1em;
+}
+
+li#ca-talk,
+li#ca-watch {
+ margin-right: auto;
+ margin-left: 1.6em;
+}
+
+#p-personal li {
+ float: left;
+}
+/* Fix link icons */
+.external {
+ padding: 0 !important;
+ background: none !important;
+}
+#footer {
+ clear: both;
+}
+* html #footer {
+ margin-left: 0;
+ margin-right: 13.6em;
+ border-left: 0;
+ border-right: 1px solid #fabd23;
+}
+* html #column-content {
+ float: none;
+ margin-left: 0;
+ margin-right: 0;
+}
+* html #column-content #content {
+ margin-left: 0;
+ margin-top: 3em;
+}
+* html #column-one { right: 0; }
+
+/* js pref toc */
+
+#preftoc {
+ margin-right: 1em;
+}
+
+.errorbox, .successbox, #preftoc li, .prefsection fieldset {
+ float: right;
+}
+
+.prefsection {
+ padding-right: 2em;
+}
+
+/* workaround for moz bug, displayed bullets on left side */
+
+#toc ul {
+ text-align: right;
+}
+
+#toc ul ul {
+ margin: 0 2em 0 0;
+}
+
+input#wpSave, input#wpDiff {
+ margin-right: 0;
+ margin-left: .33em;
+}
+
+#userlogin {
+ float: right;
+ margin: 0 0 1em 3em;
+}
+
+.editsection, .mw-editsection {
+ float: left;
+} \ No newline at end of file
diff --git a/skins/cavendish/speech-bubble-left-4.png b/skins/cavendish/speech-bubble-left-4.png
new file mode 100644
index 0000000..6608d22
--- /dev/null
+++ b/skins/cavendish/speech-bubble-left-4.png
Binary files differ
diff --git a/skins/cavendish/style.php b/skins/cavendish/style.php
new file mode 100644
index 0000000..a68550e
--- /dev/null
+++ b/skins/cavendish/style.php
@@ -0,0 +1,37 @@
+<?php header("Content-type: text/css");
+include('config.php');
+?>
+#header h6 a {
+ background-color: transparent;
+ background-image: url("<?php echo $cavendishLogoURL ?>");
+ background-repeat: no-repeat;
+ width: <?php echo $cavendishLogoWidth ?>px;
+ height: <?php echo $cavendishLogoHeight ?>px;
+ margin-top: <?php echo $cavendishLogoMargin ?>px;
+ }
+<?php
+if ($cavendishSiteWith) { ?>
+#globalWrapper {
+ width: <?php echo $cavendishSiteWith ?>px;
+ }
+<?php
+}
+if ($cavendishSidebarSearchbox) { ?>
+ #nav #p-search {
+ display:none;
+ }<?php
+}
+if ($cavendishQRCodeMode=='all'){ ?>
+#f-poweredbyico {
+ display:none;
+}
+<?php
+}
+if ($cavendishQRCodeMode=='print'){ ?>
+#qrcode {
+ display:none;
+}
+<?php
+}
+?>
+ \ No newline at end of file
diff --git a/skins/cavendish/subsite_back.gif b/skins/cavendish/subsite_back.gif
new file mode 100644
index 0000000..1fe411d
--- /dev/null
+++ b/skins/cavendish/subsite_back.gif
Binary files differ
diff --git a/skins/cavendish/subsite_back.png b/skins/cavendish/subsite_back.png
new file mode 100644
index 0000000..11baba1
--- /dev/null
+++ b/skins/cavendish/subsite_back.png
Binary files differ
diff --git a/skins/cavendish/subsite_mozilla-org.gif b/skins/cavendish/subsite_mozilla-org.gif
new file mode 100644
index 0000000..b18706f
--- /dev/null
+++ b/skins/cavendish/subsite_mozilla-org.gif
Binary files differ
diff --git a/skins/cavendish/top-left.png b/skins/cavendish/top-left.png
new file mode 100644
index 0000000..b5d7835
--- /dev/null
+++ b/skins/cavendish/top-left.png
Binary files differ
diff --git a/skins/cavendish/top-mid.png b/skins/cavendish/top-mid.png
new file mode 100644
index 0000000..37d3276
--- /dev/null
+++ b/skins/cavendish/top-mid.png
Binary files differ
diff --git a/skins/cavendish/top-right.png b/skins/cavendish/top-right.png
new file mode 100644
index 0000000..5c8c450
--- /dev/null
+++ b/skins/cavendish/top-right.png
Binary files differ
diff --git a/skins/cavendish/user.gif b/skins/cavendish/user.gif
new file mode 100644
index 0000000..bc93439
--- /dev/null
+++ b/skins/cavendish/user.gif
Binary files differ
diff --git a/skins/cavendish/video.png b/skins/cavendish/video.png
new file mode 100644
index 0000000..5615e09
--- /dev/null
+++ b/skins/cavendish/video.png
Binary files differ
diff --git a/skins/cavendish/wiki-indexed.png b/skins/cavendish/wiki-indexed.png
new file mode 100644
index 0000000..189a2ae
--- /dev/null
+++ b/skins/cavendish/wiki-indexed.png
Binary files differ
diff --git a/skins/cavendish/wiki.png b/skins/cavendish/wiki.png
new file mode 100644
index 0000000..69fce98
--- /dev/null
+++ b/skins/cavendish/wiki.png
Binary files differ
diff --git a/skins/cavendish/wiki_header_logo.gif b/skins/cavendish/wiki_header_logo.gif
new file mode 100644
index 0000000..ac06c7b
--- /dev/null
+++ b/skins/cavendish/wiki_header_logo.gif
Binary files differ
diff --git a/skins/cologneblue/print.css b/skins/cologneblue/print.css
new file mode 100644
index 0000000..d4b0551
--- /dev/null
+++ b/skins/cologneblue/print.css
@@ -0,0 +1,6 @@
+#sitetitle,
+#sitesub,
+#titlelinks,
+#footer-navigation {
+ display: none;
+}
diff --git a/skins/cologneblue/screen.css b/skins/cologneblue/screen.css
new file mode 100644
index 0000000..ef9cf8f
--- /dev/null
+++ b/skins/cologneblue/screen.css
@@ -0,0 +1,277 @@
+body {
+ margin: 0;
+ padding: 0;
+ color: black;
+ font-family: serif;
+}
+
+#specialform {
+ display: inline;
+}
+
+#content {
+ top: 0;
+ margin: 0;
+ padding: 0;
+}
+
+#mw-data-after-content {
+ font-family: Verdana, Arial, sans-serif;
+ color: black;
+ font-size: 8pt;
+}
+
+#powersearch {
+ background: #DDEEFF;
+ border-style: solid;
+ border-width: 1px;
+ padding: 2px;
+}
+
+#quickbar {
+ width: 140px;
+ top: 18ex;
+ padding: 2px;
+ visibility: visible;
+ z-index: 99;
+}
+
+#article, #article td, #article th, #article p {
+ font-family: Verdana, Arial, sans-serif;
+ font-size: 10pt;
+ color: black;
+}
+
+#article p {
+ padding-top: 0;
+ padding-bottom: 0;
+ margin-top: 1ex;
+ margin-bottom: 0;
+}
+
+p, pre, .mw-code, td, th, li, dd, dt {
+ line-height: 12pt;
+}
+
+textarea {
+ overflow: auto;
+ width: 100%;
+ display: block;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+#footer {
+ margin-right: 2%;
+ margin-top: 1em;
+ padding: 4px;
+ font-family: verdana, arial, sans-serif;
+ font-size: 10pt;
+ text-align: center;
+}
+
+#footer form {
+ display: inline;
+}
+
+#cb-ca-edit {
+ font-weight: bold;
+}
+
+#pagestats {
+ font-family: Verdana, Arial, sans-serif;
+ color: black;
+ font-size: 9pt;
+}
+
+
+
+#quickbar {
+ font-family: Verdana, Arial, sans-serif;
+ font-size: 8pt;
+ font-weight: bold;
+ line-height: 9.5pt;
+ text-decoration: none;
+ color: black;
+ padding: 0;
+ margin-top: 0;
+}
+
+#quickbar a {
+ color: #446688;
+}
+
+/* Hide, but keep accessible for screen-readers */
+#mw-navigation h2 {
+ position: absolute;
+ top: -9999px;
+}
+
+#quickbar h3 {
+ font-family: Verdana, Arial, sans-serif;
+ font-size: 10pt;
+ font-weight: bold;
+ line-height: 12pt;
+ text-decoration: none;
+ color: #666666;
+ padding: 0;
+ margin-bottom: 2px;
+ margin-top: 6px;
+}
+
+#quickbar form {
+ padding: 0;
+ margin-top: 0;
+}
+
+#quickbar .portlet ul,
+#quickbar .portlet li {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+ line-height: inherit;
+}
+
+div.after-portlet {
+ display: inline;
+ padding-left: .5em;
+}
+
+h1 {
+ color: #666666;
+ font-family: Verdana, Arial, sans-serif;
+ font-size: 180%;
+ line-height: 21pt;
+}
+
+h1#firstHeading {
+ padding-bottom: 0;
+ margin-bottom: 0;
+}
+
+#article p.subtitle, #article p.subpages, #article p.tagline {
+ color: #666666;
+ font-size: 11pt;
+ font-weight: bold;
+ padding-top: 0;
+ margin-top: 0;
+ padding-bottom: 1ex;
+}
+
+a {
+ color: #223366;
+}
+
+a.external {
+ color: #336644;
+}
+
+a:visited {
+ color: #8D0749;
+}
+
+a.printable {
+ text-decoration: underline;
+}
+
+a.stub, #quickbar a.stub {
+ color: #772233;
+ text-decoration: none;
+}
+
+a.new, #quickbar span.new a, #footer span.new a {
+ color: #CC2200;
+}
+
+h2, h3, h4, h5, h6 {
+ margin-bottom: 0;
+}
+
+small {
+ font-size: 75%;
+}
+
+input.mw-searchInput {
+ width: 106px;
+}
+
+/* Directionality-specific styles */
+#quickbar { position: absolute; left: 4px; }
+#article { margin-left: 148px; margin-right: 4px; }
+#footer { margin-left: 152px; }
+
+
+#sitetitle, #sitesub, #toplinks, #linkcollection {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+#sitetitle, #toplinks {
+ color: white;
+ text-transform: uppercase;
+ height: 32pt;
+}
+#sitetitle {
+ padding-left: 8px;
+ font-family: Times, serif;
+ font-weight: normal;
+ font-size: 32pt;
+ line-height: 32pt;
+ background-color: #6688AA;
+}
+#sitetitle a, #toplinks a {
+ color: white;
+ text-decoration: none;
+}
+/* Bring #sitetitle to top. Otherwise #toplinks is overlaid over it, making the link unclickable. */
+#sitetitle a {
+ position: relative;
+ z-index: 10
+}
+
+#toplinks {
+ font-family: Verdana, Arial, sans-serif;
+ position: absolute;
+ top: 0;
+ right: 8px;
+ width: 100%;
+ font-size: 8pt;
+}
+#toplinks a {
+ font-size: 10pt;
+}
+#toplinks p {
+ position: absolute;
+ right: 0;
+ margin: 0;
+ width: 100%;
+ text-align: right;
+}
+#toplinks #syslinks {
+ bottom: 0;
+}
+#toplinks #variantlinks {
+ bottom: 12pt;
+}
+
+#sitesub {
+ float: left;
+ margin-left: 8px;
+ font-family: Verdana, Arial, sans-serif;
+ font-size: 9pt;
+ font-weight: bold;
+ color: black;
+}
+
+#linkcollection {
+ margin-top: 0.5em;
+ font-size: small;
+ margin-right: 8px;
+ text-align: right;
+ padding-left: 140px;
+}
+/* Override text justification (user preference), see bug 31990 */
+#linkcollection * {
+ text-align: right;
+}
diff --git a/skins/common/IEFixes.js b/skins/common/IEFixes.js
new file mode 100644
index 0000000..545acad
--- /dev/null
+++ b/skins/common/IEFixes.js
@@ -0,0 +1,121 @@
+/**
+ * IE fixes javascript loaded by wikibits.js for IE <= 6.0
+ */
+/*global isMSIE55:true, doneIETransform:true, doneIEAlphaFix:true */
+/*global hookit:true, fixalpha:true */
+( function ( mw, $ ) {
+
+var expandedURLs, hasClass;
+
+// Also returns true for IE6, 7, 8, 9 and 10. createPopup is removed in IE11.
+// Good thing this is only loaded for IE <= 6 by wikibits.
+// Might as well set it to true.
+isMSIE55 = ( window.showModalDialog && window.clipboardData && window.createPopup );
+doneIETransform = false;
+doneIEAlphaFix = false;
+
+hookit = function () {
+ if ( !doneIETransform && document.getElementById && document.getElementById( 'bodyContent' ) ) {
+ doneIETransform = true;
+ fixalpha();
+ }
+};
+
+if ( document.attachEvent ) {
+ document.attachEvent( 'onreadystatechange', hookit );
+}
+
+// png alpha transparency fixes
+fixalpha = function ( logoId ) {
+ // bg
+ if ( isMSIE55 && !doneIEAlphaFix ) {
+ var bg, imageUrl, linkFix, logoa, logospan, plogo;
+ plogo = document.getElementById( logoId || 'p-logo' );
+ if ( !plogo ) {
+ return;
+ }
+
+ logoa = plogo.getElementsByTagName('a')[0];
+ if ( !logoa ) {
+ return;
+ }
+
+ bg = logoa.currentStyle.backgroundImage;
+ imageUrl = bg.substring( 5, bg.length - 2 );
+
+ doneIEAlphaFix = true;
+
+ if ( imageUrl.substr( imageUrl.length - 4 ).toLowerCase() === '.png' ) {
+ logospan = logoa.appendChild( document.createElement( 'span' ) );
+
+ logoa.style.backgroundImage = 'none';
+ logospan.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' + imageUrl + ')';
+ logospan.style.height = '100%';
+ logospan.style.position = 'absolute';
+ logospan.style.width = logoa.currentStyle.width;
+ logospan.style.cursor = 'hand';
+ // Center image with hack for IE5.5
+ if ( document.documentElement.dir === 'rtl' ) {
+ logospan.style.right = '50%';
+ logospan.style.setExpression( 'marginRight', '"-" + (this.offsetWidth / 2) + "px"' );
+ } else {
+ logospan.style.left = '50%';
+ logospan.style.setExpression( 'marginLeft', '"-" + (this.offsetWidth / 2) + "px"' );
+ }
+ logospan.style.top = '50%';
+ logospan.style.setExpression( 'marginTop', '"-" + (this.offsetHeight / 2) + "px"' );
+
+ linkFix = logoa.appendChild( logoa.cloneNode() );
+ linkFix.style.position = 'absolute';
+ linkFix.style.height = '100%';
+ linkFix.style.width = '100%';
+ }
+ }
+};
+
+if ( isMSIE55 ) {
+ // ondomready
+ $( fixalpha );
+}
+
+// Expand links for printing
+hasClass = function ( classText, classWanted ) {
+ var i = 0, classArr = classText.split(/\s/);
+ for ( i = 0; i < classArr.length; i++ ) {
+ if ( classArr[i].toLowerCase() === classWanted.toLowerCase() ) {
+ return true;
+ }
+ }
+ return false;
+};
+
+window.onbeforeprint = function () {
+ var allLinks, contentEl, expandedLink, expandedText, i;
+
+ expandedURLs = [];
+ contentEl = document.getElementById( 'content' );
+
+ if ( contentEl ) {
+ allLinks = contentEl.getElementsByTagName( 'a' );
+
+ for ( i = 0; i < allLinks.length; i++ ) {
+ if ( hasClass( allLinks[i].className, 'external' ) && !hasClass( allLinks[i].className, 'free' ) ) {
+ expandedLink = document.createElement( 'span' );
+ expandedText = document.createTextNode( ' (' + allLinks[i].href + ')' );
+ expandedLink.appendChild( expandedText );
+ allLinks[i].parentNode.insertBefore( expandedLink, allLinks[i].nextSibling );
+ expandedURLs[i] = expandedLink;
+ }
+ }
+ }
+};
+
+window.onafterprint = function () {
+ for ( var i = 0; i < expandedURLs.length; i++ ) {
+ if ( expandedURLs[i] ) {
+ expandedURLs[i].removeNode( true );
+ }
+ }
+};
+
+}( mediaWiki, jQuery ) );
diff --git a/skins/common/ajax.js b/skins/common/ajax.js
new file mode 100644
index 0000000..ab0c793
--- /dev/null
+++ b/skins/common/ajax.js
@@ -0,0 +1,193 @@
+/**
+ * Remote Scripting Library
+ * Copyright 2005 modernmethod, inc
+ * Under the 3-clause BSD license
+ * http://www.modernmethod.com/sajax/
+ */
+
+/*jshint camelcase:false */
+/*global alert */
+( function ( mw ) {
+
+/**
+ * if sajax_debug_mode is true, this function outputs given the message into
+ * the element with id = sajax_debug; if no such element exists in the document,
+ * it is injected.
+ */
+function debug( text ) {
+ if ( !window.sajax_debug_mode ) {
+ return false;
+ }
+
+ var e = document.getElementById( 'sajax_debug' );
+
+ if ( !e ) {
+ e = document.createElement( 'p' );
+ e.className = 'sajax_debug';
+ e.id = 'sajax_debug';
+
+ var b = document.getElementsByTagName( 'body' )[0];
+
+ if ( b.firstChild ) {
+ b.insertBefore( e, b.firstChild );
+ } else {
+ b.appendChild( e );
+ }
+ }
+
+ var m = document.createElement( 'div' );
+ m.appendChild( document.createTextNode( text ) );
+
+ e.appendChild( m );
+
+ return true;
+}
+
+/**
+ * Compatibility wrapper for creating a new XMLHttpRequest object.
+ */
+function createXhr() {
+ debug( 'sajax_init_object() called..' );
+ var a;
+ try {
+ // Try the new style before ActiveX so we don't
+ // unnecessarily trigger warnings in IE 7 when
+ // set to prompt about ActiveX usage
+ a = new XMLHttpRequest();
+ } catch ( xhrE ) {
+ try {
+ a = new window.ActiveXObject( 'Msxml2.XMLHTTP' );
+ } catch ( msXmlE ) {
+ try {
+ a = new window.ActiveXObject( 'Microsoft.XMLHTTP' );
+ } catch ( msXhrE ) {
+ a = null;
+ }
+ }
+ }
+ if ( !a ) {
+ debug( 'Could not create connection object.' );
+ }
+
+ return a;
+}
+
+/**
+ * Perform an AJAX call to MediaWiki. Calls are handled by AjaxDispatcher.php
+ * func_name - the name of the function to call. Must be registered in $wgAjaxExportList
+ * args - an array of arguments to that function
+ * target - the target that will handle the result of the call. If this is a function,
+ * if will be called with the XMLHttpRequest as a parameter; if it's an input
+ * element, its value will be set to the resultText; if it's another type of
+ * element, its innerHTML will be set to the resultText.
+ *
+ * Example:
+ * sajax_do_call( 'doFoo', [1, 2, 3], document.getElementById( 'showFoo' ) );
+ *
+ * This will call the doFoo function via MediaWiki's AjaxDispatcher, with
+ * (1, 2, 3) as the parameter list, and will show the result in the element
+ * with id = showFoo
+ */
+function doAjaxRequest( func_name, args, target ) {
+ var i, x, uri, post_data;
+ uri = mw.util.wikiScript() + '?action=ajax';
+ if ( window.sajax_request_type === 'GET' ) {
+ if ( uri.indexOf( '?' ) === -1 ) {
+ uri = uri + '?rs=' + encodeURIComponent( func_name );
+ } else {
+ uri = uri + '&rs=' + encodeURIComponent( func_name );
+ }
+ for ( i = 0; i < args.length; i++ ) {
+ uri = uri + '&rsargs[]=' + encodeURIComponent( args[i] );
+ }
+ //uri = uri + '&rsrnd=' + new Date().getTime();
+ post_data = null;
+ } else {
+ post_data = 'rs=' + encodeURIComponent( func_name );
+ for ( i = 0; i < args.length; i++ ) {
+ post_data = post_data + '&rsargs[]=' + encodeURIComponent( args[i] );
+ }
+ }
+ x = createXhr();
+ if ( !x ) {
+ alert( 'AJAX not supported' );
+ return false;
+ }
+
+ try {
+ x.open( window.sajax_request_type, uri, true );
+ } catch ( e ) {
+ if ( location.hostname === 'localhost' ) {
+ alert( 'Your browser blocks XMLHttpRequest to "localhost", try using a real hostname for development/testing.' );
+ }
+ throw e;
+ }
+ if ( window.sajax_request_type === 'POST' ) {
+ x.setRequestHeader( 'Method', 'POST ' + uri + ' HTTP/1.1' );
+ x.setRequestHeader( 'Content-Type', 'application/x-www-form-urlencoded' );
+ }
+ x.setRequestHeader( 'Pragma', 'cache=yes' );
+ x.setRequestHeader( 'Cache-Control', 'no-transform' );
+ x.onreadystatechange = function () {
+ if ( x.readyState !== 4 ) {
+ return;
+ }
+
+ debug( 'received (' + x.status + ' ' + x.statusText + ') ' + x.responseText );
+
+ //if ( x.status != 200 )
+ // alert( 'Error: ' + x.status + ' ' + x.statusText + ': ' + x.responseText );
+ //else
+
+ if ( typeof target === 'function' ) {
+ target( x );
+ } else if ( typeof target === 'object' ) {
+ if ( target.tagName === 'INPUT' ) {
+ if ( x.status === 200 ) {
+ target.value = x.responseText;
+ }
+ //else alert( 'Error: ' + x.status + ' ' + x.statusText + ' (' + x.responseText + ')' );
+ } else {
+ if ( x.status === 200 ) {
+ target.innerHTML = x.responseText;
+ } else {
+ target.innerHTML = '<div class="error">Error: ' + x.status +
+ ' ' + x.statusText + ' (' + x.responseText + ')</div>';
+ }
+ }
+ } else {
+ alert( 'Bad target for sajax_do_call: not a function or object: ' + target );
+ }
+ };
+
+ debug( func_name + ' uri = ' + uri + ' / post = ' + post_data );
+ x.send( post_data );
+ debug( func_name + ' waiting..' );
+
+ return true;
+}
+
+/**
+ * @return {boolean} Whether the browser supports AJAX
+ */
+function wfSupportsAjax() {
+ var request = createXhr(),
+ supportsAjax = request ? true : false;
+
+ request = undefined;
+ return supportsAjax;
+}
+
+// Expose + Mark as deprecated
+var deprecationNotice = 'Sajax is deprecated, use jQuery.ajax or mediawiki.api instead.';
+
+// Variables
+mw.log.deprecate( window, 'sajax_debug_mode', false, deprecationNotice );
+mw.log.deprecate( window, 'sajax_request_type', 'GET', deprecationNotice );
+// Methods
+mw.log.deprecate( window, 'sajax_debug', debug, deprecationNotice );
+mw.log.deprecate( window, 'sajax_init_object', createXhr, deprecationNotice );
+mw.log.deprecate( window, 'sajax_do_call', doAjaxRequest, deprecationNotice );
+mw.log.deprecate( window, 'wfSupportsAjax', wfSupportsAjax, deprecationNotice );
+
+}( mediaWiki ) );
diff --git a/skins/common/commonContent.css b/skins/common/commonContent.css
new file mode 100644
index 0000000..41d20fb
--- /dev/null
+++ b/skins/common/commonContent.css
@@ -0,0 +1,151 @@
+/**
+ * MediaWiki style sheet for general styles on complex content
+ *
+ * Styles for complex things which are a standard part of page content
+ * (ie: the CSS classing built into the system), like the TOC.
+ */
+
+/* Table of Contents */
+#toc,
+.toc,
+.mw-warning {
+ border: 1px solid #aaa;
+ background-color: #f9f9f9;
+ padding: 5px;
+ font-size: 95%;
+}
+
+/**
+ * We want to display the ToC element with intrinsic width in block mode. The fit-content
+ * value for width is however not supported by large groups of browsers.
+ *
+ * We use display:table. Even though it should only contain other table-* display
+ * elements, there are no known problems with using this.
+ *
+ * Because IE < 8, FF 2 and other older browsers don't support display:table, we fallback to
+ * using inline-block mode, which features at least intrinsic width, but won't clear preceding
+ * inline elements. In practice inline elements surrounding the TOC are uncommon enough that
+ * this is an acceptable sacrifice.
+ */
+#toc,
+.toc {
+ display: -moz-inline-block;
+ display: inline-block;
+ display: table;
+
+ /* IE7 and earlier */
+ zoom: 1;
+ *display: inline;
+
+ padding: 7px;
+}
+
+/* CSS for backwards-compatibility with cached page renders and creative uses in wikitext */
+table#toc,
+table.toc {
+ border-collapse: collapse;
+}
+/* Remove additional paddings inside table-cells that are not present in <div>s */
+table#toc td,
+table.toc td {
+ padding: 0;
+}
+
+#toc h2,
+.toc h2 {
+ display: inline;
+ border: none;
+ padding: 0;
+ font-size: 100%;
+ font-weight: bold;
+}
+#toc #toctitle,
+.toc #toctitle,
+#toc .toctitle,
+.toc .toctitle {
+ text-align: center;
+}
+#toc ul,
+.toc ul {
+ list-style-type: none;
+ list-style-image: none;
+ margin-left: 0;
+ padding: 0;
+ text-align: left;
+}
+#toc ul ul,
+.toc ul ul {
+ margin: 0 0 0 2em;
+}
+#toc .toctoggle,
+.toc .toctoggle {
+ font-size: 94%;
+}
+
+.toccolours {
+ border: 1px solid #aaa;
+ background-color: #f9f9f9;
+ padding: 5px;
+ font-size: 95%;
+}
+
+/* Warning */
+.mw-warning {
+ margin-left: 50px;
+ margin-right: 50px;
+ text-align: center;
+}
+
+/* Images */
+/* @noflip */div.floatright, table.floatright {
+ margin: 0 0 .5em .5em;
+ border: 0;
+}
+div.floatright p { font-style: italic; }
+/* @noflip */div.floatleft, table.floatleft {
+ margin: 0 .5em .5em 0;
+ border: 0;
+}
+div.floatleft p { font-style: italic; }
+/* Thumbnails */
+div.thumb {
+ margin-bottom: .5em;
+ width: auto;
+ background-color: transparent;
+}
+div.thumbinner {
+ border: 1px solid #ccc;
+ padding: 3px !important;
+ background-color: #f9f9f9;
+ font-size: 94%;
+ text-align: center;
+ overflow: hidden;
+}
+html .thumbimage {
+ border: 1px solid #ccc;
+}
+html .thumbcaption {
+ border: none;
+ line-height: 1.4em;
+ padding: 3px !important;
+ font-size: 94%;
+}
+div.magnify {
+ border: none !important;
+ background: none !important;
+ margin-left: 3px;
+}
+div.magnify a, div.magnify img {
+ display: block;
+ border: none !important;
+ background: none !important;
+}
+/* @noflip */div.tright {
+ margin: .5em 0 1.3em 1.4em;
+}
+/* @noflip */div.tleft {
+ margin: .5em 1.4em 1.3em 0;
+}
+img.thumbborder {
+ border: 1px solid #dddddd;
+}
diff --git a/skins/common/commonElements.css b/skins/common/commonElements.css
new file mode 100644
index 0000000..ad7942a
--- /dev/null
+++ b/skins/common/commonElements.css
@@ -0,0 +1,235 @@
+/**
+ * MediaWiki style sheet for general styles on basic content elements
+ *
+ * Styles for basic elements: links, lists, etc...
+ *
+ * This style sheet is used by the Monobook and Vector skins.
+ */
+
+/* Links */
+a {
+ text-decoration: none;
+ color: #0645ad;
+ background: none;
+}
+a:visited {
+ color: #0b0080;
+}
+a:active {
+ color: #faa700;
+}
+a:hover, a:focus {
+ text-decoration: underline;
+}
+a.stub {
+ color: #772233;
+}
+a.new, #p-personal a.new {
+ color: #ba0000;
+}
+a.new:visited, #p-personal a.new:visited {
+ color: #a55858;
+}
+
+/* Interwiki Styling */
+.mw-body a.extiw,
+.mw-body a.extiw:active {
+ color: #36b;
+}
+.mw-body a.extiw:visited {
+ color: #636;
+}
+.mw-body a.extiw:active {
+ color: #b63;
+}
+
+/* External links */
+.mw-body a.external {
+ color: #36b;
+}
+.mw-body a.external:visited {
+ color: #636; /* bug 3112 */
+}
+.mw-body a.external:active {
+ color: #b63;
+}
+
+/* Inline Elements */
+img {
+ border: none;
+ vertical-align: middle;
+}
+hr {
+ height: 1px;
+ color: #aaa;
+ background-color: #aaa;
+ border: 0;
+ margin: .2em 0;
+}
+
+/* Structural Elements */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ color: black;
+ background: none;
+ font-weight: normal;
+ margin: 0;
+ overflow: hidden;
+ padding-top: .5em;
+ padding-bottom: .17em;
+ border-bottom: 1px solid #aaa;
+}
+h1 {
+ font-size: 188%;
+}
+h2 {
+ font-size: 150%;
+}
+h3,
+h4,
+h5,
+h6 {
+ border-bottom: none;
+ font-weight: bold;
+}
+h3 {
+ font-size: 132%;
+}
+h4 {
+ font-size: 116%;
+}
+h5 {
+ font-size: 108%;
+}
+h6 {
+ font-size: 100%;
+}
+
+/* Some space under the headers in the content area */
+h1,
+h2 {
+ margin-bottom: .6em;
+}
+h3,
+h4,
+h5 {
+ margin-bottom: .3em;
+}
+
+p {
+ margin: .4em 0 .5em 0;
+ line-height: 1.5em;
+}
+p img {
+ margin: 0;
+}
+
+ul {
+ line-height: 1.5em;
+ list-style-type: square;
+ margin: .3em 0 0 1.6em;
+ padding: 0;
+}
+ol {
+ line-height: 1.5em;
+ margin: .3em 0 0 3.2em;
+ padding: 0;
+ list-style-image: none;
+}
+li {
+ margin-bottom: .1em;
+}
+dt {
+ font-weight: bold;
+ margin-bottom: .1em;
+}
+dl {
+ margin-top: .2em;
+ margin-bottom: .5em;
+}
+dd {
+ line-height: 1.5em;
+ margin-left: 1.6em;
+ margin-bottom: .1em;
+}
+
+/* IE 6 and 7 lack support for quotes aroud the <q> element ('::before' and '::after'
+ pseudoelements, 'quotes' property). Let's italicize it instead (using the star hack). */
+q {
+ *font-style: italic;
+}
+
+pre, code, tt, kbd, samp, .mw-code {
+ /*
+ * Some browsers will render the monospace text too small, namely Firefox, Chrome and Safari.
+ * Specifying any valid, second value will trigger correct behavior without forcing a different font.
+ */
+ font-family: monospace, Courier;
+}
+code {
+ background-color: #f9f9f9;
+}
+pre, .mw-code {
+ padding: 1em;
+ border: 1px solid #ddd;
+ color: black;
+ background-color: #f9f9f9;
+}
+
+/* Tables */
+table {
+ font-size: 100%;
+}
+
+/* Forms */
+fieldset {
+ border: 1px solid #2f6fab;
+ margin: 1em 0 1em 0;
+ padding: 0 1em 1em;
+ line-height: 1.5em;
+}
+fieldset.nested {
+ margin: 0 0 0.5em 0;
+ padding: 0 0.5em 0.5em;
+}
+legend {
+ padding: .5em;
+ font-size: 95%;
+}
+form {
+ border: none;
+ margin: 0;
+}
+textarea {
+ width: 100%;
+ padding: .1em;
+ display: block;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+select {
+ vertical-align: top;
+}
+
+/* Emulate Center */
+.center {
+ width: 100%;
+ text-align: center;
+}
+*.center * {
+ margin-left: auto;
+ margin-right: auto;
+}
+/* Small for tables and similar */
+.small {
+ font-size: 94%;
+}
+table.small {
+ font-size: 100%;
+}
+
diff --git a/skins/common/commonInterface.css b/skins/common/commonInterface.css
new file mode 100644
index 0000000..7eca070
--- /dev/null
+++ b/skins/common/commonInterface.css
@@ -0,0 +1,68 @@
+/**
+ * MediaWiki style sheet for common core styles on interfaces
+ *
+ * Styles for the Monobook/Vector pattern of laying out common interfaces.
+ * These ids/classes are not built into the system,
+ * they are outputted by the actual MonoBook/Vector code by convention.
+ */
+
+/* Categories */
+.catlinks {
+ border: 1px solid #aaa;
+ background-color: #f9f9f9;
+ padding: 5px;
+ margin-top: 1em;
+ clear: both;
+}
+
+/* User Message */
+.usermessage {
+ background-color: #ffce7b;
+ border: 1px solid #ffa500;
+ color: black;
+ font-weight: bold;
+ margin: 2em 0 1em;
+ padding: .5em 1em;
+ vertical-align: middle;
+}
+
+/* Site Notice (includes notices from CentralNotice extension) */
+#siteNotice {
+ position: relative;
+ text-align: center;
+ margin: 0;
+}
+#localNotice {
+ margin-bottom: 0.9em;
+}
+
+/* First h1 */
+.firstHeading,
+#firstHeading {
+ margin-bottom: .1em;
+ /* These two rules hack around bug 2013 (fix for more limited bug 11325).
+ * When bug 2013 is fixed properly, they should be removed. */
+ line-height: 1.2em;
+ padding-bottom: 0;
+}
+
+/* Sub-navigation */
+#siteSub {
+ display: none;
+}
+#jump-to-nav {
+ /* Negate #contentSub's margin and replicate it so that the jump to links don't affect the spacing */
+ margin-top: -1.4em;
+ margin-bottom: 1.4em
+}
+#contentSub, #contentSub2 {
+ font-size: 84%;
+ line-height: 1.2em;
+ margin: 0 0 1.4em 1em;
+ color: #545454;
+ width: auto;
+}
+span.subpages {
+ display: block;
+}
+
diff --git a/skins/common/commonPrint.css b/skins/common/commonPrint.css
new file mode 100644
index 0000000..65f3fbe
--- /dev/null
+++ b/skins/common/commonPrint.css
@@ -0,0 +1,401 @@
+/**
+ * MediaWiki Print style sheet for CSS2-capable browsers.
+ * Copyright Gabriel Wicke, http://www.aulinx.de/
+ *
+ * Derived from the plone (http://plone.org/) styles
+ * Copyright Alexander Limi
+ */
+
+/* Thanks to A List Apart (http://alistapart.com/) for useful extras */
+a.stub,
+a.new {
+ color: #ba0000;
+ text-decoration: none;
+}
+
+#toc {
+ border: 1px solid #aaaaaa;
+ background-color: #f9f9f9;
+ padding: 5px;
+ display: -moz-inline-block;
+ display: inline-block;
+ display: table;
+ /* IE7 and earlier */
+ zoom: 1;
+ *display: inline;
+}
+
+/* images */
+div.floatright {
+ float: right;
+ clear: right;
+ position: relative;
+ margin: 0.5em 0 0.8em 1.4em;
+}
+div.floatright p {
+ font-style: italic;
+}
+div.floatleft {
+ float: left;
+ clear: left;
+ position: relative;
+ margin: 0.5em 1.4em 0.8em 0;
+}
+div.floatleft p {
+ font-style: italic;
+}
+div.center {
+ text-align: center;
+}
+
+/* thumbnails */
+div.thumb {
+ border: none;
+ width: auto;
+ margin-top: 0.5em;
+ margin-bottom: 0.8em;
+ background-color: transparent;
+}
+div.thumbinner {
+ border:1px solid #cccccc;
+ padding: 3px !important;
+ background-color: White;
+ font-size: 94%;
+ text-align: center;
+ overflow: hidden;
+}
+html .thumbimage {
+ border: 1px solid #cccccc;
+}
+html .thumbcaption {
+ border: none;
+ text-align: left;
+ line-height: 1.4em;
+ padding: 3px !important;
+ font-size: 94%;
+}
+
+div.magnify {
+ display: none;
+}
+/* @noflip */
+div.tright {
+ float: right;
+ clear: right;
+ margin: 0.5em 0 0.8em 1.4em;
+}
+/* @noflip */
+div.tleft {
+ float: left;
+ clear: left;
+ margin: 0.5em 1.4em 0.8em 0;
+}
+img.thumbborder {
+ border: 1px solid #dddddd;
+}
+
+/* table standards */
+table.rimage {
+ float: right;
+ width: 1pt;
+ position: relative;
+ margin-left: 1em;
+ margin-bottom: 1em;
+ text-align: center;
+}
+
+body {
+ background: white;
+ color: black;
+ margin: 0;
+ padding: 0;
+}
+
+.noprint,
+div#jump-to-nav,
+.mw-jump,
+div.top,
+div#column-one,
+#colophon,
+.mw-editsection,
+.mw-editsection-like,
+.toctoggle,
+.tochidden,
+div#f-poweredbyico,
+div#f-copyrightico,
+li#viewcount,
+li#about,
+li#disclaimer,
+li#mobileview,
+li#privacy,
+#footer-places,
+.mw-hidden-catlinks,
+tr.mw-metadata-show-hide-extended,
+span.mw-filepage-other-resolutions,
+#filetoc,
+.usermessage,
+.patrollink,
+#mw-navigation {
+ /* Hides all the elements irrelevant for printing */
+ display: none;
+}
+
+ul {
+ list-style-type: square;
+}
+
+#content {
+ background: none;
+ border: none !important;
+ padding: 0 !important;
+ margin: 0 !important;
+ direction: ltr;
+}
+#footer {
+ background : white;
+ color : black;
+ margin-top: 1em;
+ border-top: 1px solid #AAA;
+ direction: ltr;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ font-weight: bold;
+}
+
+dt {
+ font-weight: bold;
+}
+
+p {
+ margin: 1em 0;
+ line-height: 1.2em;
+}
+
+pre, .mw-code {
+ border: 1pt dashed black;
+ white-space: pre;
+ font-size: 8pt;
+ overflow: auto;
+ padding: 1em 0;
+ background: white;
+ color: black;
+}
+
+table.listing,
+table.listing td {
+ border: 1pt solid black;
+ border-collapse: collapse;
+}
+
+a {
+ color: black !important;
+ background: none !important;
+ padding: 0 !important;
+}
+
+a:link, a:visited {
+ color: #520;
+ background: transparent;
+ text-decoration: underline;
+}
+
+#content a.external.text:after,
+#content a.external.autonumber:after {
+ /* Expand URLs for printing */
+ content: " (" attr(href) ")";
+}
+
+#globalWrapper {
+ width: 100% !important;
+ min-width: 0 !important;
+}
+
+#content {
+ background: white;
+ color: black;
+}
+
+#column-content {
+ margin: 0 !important;
+}
+
+#column-content #content {
+ padding: 1em;
+ margin: 0 !important;
+}
+
+/* MSIE/Win doesn't understand 'inherit' */
+a,
+a.external,
+a.new,
+a.stub {
+ color: black !important;
+ text-decoration: none !important;
+}
+
+/* Continue ... */
+a,
+a.external,
+a.new,
+a.stub {
+ color: inherit !important;
+ text-decoration: inherit !important;
+}
+
+img {
+ border: none;
+ vertical-align: middle;
+}
+
+/* math */
+span.texhtml {
+ font-family: serif;
+}
+
+#siteNotice {
+ display: none;
+}
+
+/* Galleries (see shared.css for more info) */
+li.gallerybox {
+ vertical-align: top;
+ display: -moz-inline-box;
+ display: inline-block;
+}
+
+ul.gallery, li.gallerybox {
+ zoom: 1;
+ *display: inline;
+}
+
+ul.gallery {
+ margin: 2px;
+ padding: 2px;
+ display: block;
+}
+
+li.gallerycaption {
+ font-weight: bold;
+ text-align: center;
+ display: block;
+ word-wrap: break-word;
+}
+
+li.gallerybox div.thumb {
+ text-align: center;
+ border: 1px solid #ccc;
+ margin: 2px;
+}
+
+div.gallerytext {
+ overflow: hidden;
+ font-size: 94%;
+ padding: 2px 4px;
+ word-wrap: break-word;
+}
+
+/**
+ * Diff rendering
+ */
+table.diff {
+ background: white;
+}
+td.diff-otitle {
+ background: #ffffff;
+}
+td.diff-ntitle {
+ background: #ffffff;
+}
+td.diff-addedline {
+ background: #ccffcc;
+ font-size: smaller;
+ border: solid 2px black;
+}
+td.diff-deletedline {
+ background: #ffffaa;
+ font-size: smaller;
+ border: dotted 2px black;
+}
+td.diff-context {
+ background: #eeeeee;
+ font-size: smaller;
+}
+.diffchange {
+ color: silver;
+ font-weight: bold;
+ text-decoration: underline;
+}
+
+/**
+ * Table rendering
+ * As on shared.css but with white background.
+ */
+table.wikitable,
+table.mw_metadata {
+ margin: 1em 0;
+ border: 1px #aaa solid;
+ background: white;
+ border-collapse: collapse;
+}
+table.wikitable > tr > th, table.wikitable > tr > td,
+table.wikitable > * > tr > th, table.wikitable > * > tr > td,
+.mw_metadata th, .mw_metadata td {
+ border: 1px #aaa solid;
+ padding: 0.2em;
+}
+table.wikitable > tr > th,
+table.wikitable > * > tr > th,
+.mw_metadata th {
+ text-align: center;
+ background: white;
+ font-weight: bold;
+}
+table.wikitable > caption,
+.mw_metadata caption {
+ font-weight: bold;
+}
+
+a.sortheader {
+ margin: 0 0.3em;
+}
+
+/* Some pagination options */
+.wikitable, .thumb, img {
+ page-break-inside: avoid;
+}
+h2, h3, h4, h5, h6 {
+ page-break-after: avoid;
+}
+p {
+ widows: 3;
+ orphans: 3;
+}
+
+/**
+ * Categories
+ */
+.catlinks ul {
+ display: inline;
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ list-style-type: none;
+ list-style-image: none;
+ vertical-align: middle !ie;
+}
+
+.catlinks li {
+ display: inline-block;
+ line-height: 1.15em;
+ padding: 0 .4em;
+ border-left: 1px solid #AAA;
+ margin: 0.1em 0;
+ zoom: 1;
+ display: inline !ie;
+}
+
+.catlinks li:first-child {
+ padding-left: .2em;
+ border-left: none;
+}
diff --git a/skins/common/config-cc.css b/skins/common/config-cc.css
new file mode 100644
index 0000000..d81218e
--- /dev/null
+++ b/skins/common/config-cc.css
@@ -0,0 +1,57 @@
+/**
+ * Copy of CC standard stylesheet, plus tweaks for iframe usage
+ */
+
+body {
+ margin: 0;
+ background: #eee;
+ font-family: Verdana;
+ color: #333;
+}
+
+#main {
+ border: 1px solid #D0D0D0;
+ background: #fff;
+ margin: 0.5em;
+}
+
+/**
+ * Looks like you have to specify the width of #menu
+ * or IE5 Mac stretches it all the way across the div, and
+ * Opera streches it half way.
+ */
+
+#main #menu {
+ border-left: 1px dotted #ccc;
+ float: right;
+ width: 230px;
+ background: white;
+ margin: 0 0 10px 10px;
+}
+
+td, h3, p, h1, pre {
+ margin: 0 20px 20px 20px;
+ font-size: 11px;
+ line-height: 140%;
+}
+
+.header {
+ padding-left: 10px;
+ padding-top: 10px;
+}
+
+.nav {
+ padding-left: 10px;
+ padding-bottom: 10px;
+ font-size: 11px;
+ margin-bottom: 16px;
+}
+
+#menu p {
+ font-size: 11px;
+}
+
+.dent {
+ margin-left: 64px;
+}
+
diff --git a/skins/common/config.css b/skins/common/config.css
new file mode 100644
index 0000000..d646273
--- /dev/null
+++ b/skins/common/config.css
@@ -0,0 +1,143 @@
+.env-check {
+ font-size: 90%;
+ margin: 1em 0 1em 2.5em;
+}
+
+.config-section {
+ margin-top: 2em;
+}
+.config-block {
+ margin-top: 2em;
+ display: block;
+
+}
+.config-block-label {
+ display: block;
+ margin-bottom: .2em;
+}
+.config-block-label label, .config-label {
+ font-weight: bold;
+ padding-right: .5em;
+ padding-top: .2em;
+}
+.config-block-elements {
+ margin-left: 2em;
+}
+.config-block-elements li {
+ list-style: none;
+}
+.config-input {
+ clear: left;
+ zoom: 100%; /* IE hack */
+}
+
+.config-page-wrapper {
+ padding: 0.5em;
+}
+
+.config-page-list {
+ float: right;
+ width: 12em;
+ border: 1px solid #aaa;
+ background: #fff;
+ padding: 0.5em;
+ /* 3em left margin to leave space between the list and the page-content */
+ margin: 0.5em 0.5em 0.5em 3.5em;
+}
+
+.config-page {
+ padding: 0.5em 0.5em 0.5em 2em;
+ margin: 0.5em 0.5em 0.5em 0.5em;
+ background: #eee;
+}
+
+.config-submit {
+ clear: left;
+ text-align: center;
+ padding: 1em;
+}
+
+.config-submit input {
+ margin-left: 0.5em;
+ margin-right: 0.5em;
+}
+
+.config-page-disabled {
+ color: #aaa;
+}
+
+.config-error-box {
+ border: 2px solid #f00;
+}
+
+.config-page-current {
+ font-weight: bold;
+}
+
+.config-message {
+ display: list-item;
+ line-height: 1.5em;
+ /* @embed */
+ list-style-image: url(images/bullet.gif);
+ list-style-type: square;
+}
+
+.config-input-text {
+ width: 20em;
+ margin-right: 1em;
+}
+
+.config-input-check {
+ margin-left: 10em;
+}
+
+.error {
+ color: red;
+ background-color: #fff;
+ font-weight: bold;
+ left: 1em;
+ font-size: 100%;
+}
+
+.config-settings-block {
+ list-style-type: none;
+ list-style-image: none;
+ margin: 0;
+ padding: 0;
+}
+
+.btn-install {
+ font-weight: bold;
+ font-size: 110%;
+ padding: .2em .3em;
+}
+
+.success-message {
+ font-weight: bold;
+ font-size: 110%;
+ color: green;
+}
+.success-box {
+ font-size: 130%;
+}
+
+.config-cc-wrapper {
+ clear: left;
+ /* If you change this height, also change it in WebInstaller_Options::submitCC() */
+ height: 54em;
+}
+
+.config-plainlink a {
+ background: none !important;
+ padding: 0 !important;
+}
+
+.config-download-link {
+ font-size: 1.8em;
+ margin-left: 2em;
+}
+
+#config-live-log {
+ overflow: hidden;
+ min-width: 20em;
+}
diff --git a/skins/common/config.js b/skins/common/config.js
new file mode 100644
index 0000000..2886e08
--- /dev/null
+++ b/skins/common/config.js
@@ -0,0 +1,108 @@
+( function ( $ ) {
+ $( function () {
+ var $label, labelText;
+
+ function syncText() {
+ var value = $(this).val()
+ .replace( /[\[\]\{\}|#<>%+? ]/g, '_' )
+ .replace( /&/, '&amp;' )
+ .replace( /__+/g, '_' )
+ .replace( /^_+/, '' )
+ .replace( /_+$/, '' );
+ value = value.substr( 0, 1 ).toUpperCase() + value.substr( 1 );
+ $label.text( labelText.replace( '$1', value ) );
+ }
+
+ // Set up the help system
+ $( '.mw-help-field-data' )
+ .hide()
+ .closest( '.mw-help-field-container' )
+ .find( '.mw-help-field-hint' )
+ .show()
+ .click( function () {
+ $(this)
+ .closest( '.mw-help-field-container' )
+ .find( '.mw-help-field-data' )
+ .slideToggle( 'fast' );
+ } );
+
+ // Show/hide code for DB-specific options
+ // FIXME: Do we want slow, fast, or even non-animated (instantaneous) showing/hiding here?
+ $( '.dbRadio' ).each( function () {
+ $( document.getElementById( $(this).attr( 'rel' ) ) ).hide();
+ } );
+ $( document.getElementById( $( '.dbRadio:checked' ).attr( 'rel' ) ) ).show();
+ $( '.dbRadio' ).click( function () {
+ var $checked = $( '.dbRadio:checked' ),
+ $wrapper = $( document.getElementById( $checked.attr( 'rel' ) ) );
+ if ( $wrapper.is( ':hidden' ) ) {
+ $( '.dbWrapper' ).hide( 'slow' );
+ $wrapper.show( 'slow' );
+ }
+ } );
+
+ // Scroll to the bottom of upgrade log
+ $( '#config-live-log' ).children( 'textarea' ).each( function () {
+ this.scrollTop = this.scrollHeight;
+ } );
+
+ // Show/hide Creative Commons thingy
+ $( '.licenseRadio' ).click( function () {
+ var $wrapper = $( '#config-cc-wrapper' );
+ if ( $( '#config__LicenseCode_cc-choose' ).is( ':checked' ) ) {
+ $wrapper.show( 'slow' );
+ } else {
+ $wrapper.hide( 'slow' );
+ }
+ } );
+
+ // Show/hide random stuff (email, upload)
+ $( '.showHideRadio' ).click( function () {
+ var $wrapper = $( '#' + $(this).attr( 'rel' ) );
+ if ( $(this).is( ':checked' ) ) {
+ $wrapper.show( 'slow' );
+ } else {
+ $wrapper.hide( 'slow' );
+ }
+ } );
+ $( '.hideShowRadio' ).click( function () {
+ var $wrapper = $( '#' + $(this).attr( 'rel' ) );
+ if ( $(this).is( ':checked' ) ) {
+ $wrapper.hide( 'slow' );
+ } else {
+ $wrapper.show( 'slow' );
+ }
+ } );
+
+ // Hide "other" textboxes by default
+ // Should not be done in CSS for javascript disabled compatibility
+ $( '.enabledByOther' ).closest( '.config-block' ).hide();
+
+ // Enable/disable "other" textboxes
+ $( '.enableForOther' ).click( function () {
+ var $textbox = $( document.getElementById( $(this).attr( 'rel' ) ) );
+ // FIXME: Ugh, this is ugly
+ if ( $(this).val() === 'other' ) {
+ $textbox.removeProp( 'readonly' ).closest( '.config-block' ).slideDown( 'fast' );
+ } else {
+ $textbox.prop( 'readonly', true ).closest( '.config-block' ).slideUp( 'fast' );
+ }
+ } );
+
+ // Synchronize radio button label for sitename with textbox
+ $label = $( 'label[for=config__NamespaceType_site-name]' );
+ labelText = $label.text();
+ $label.text( labelText.replace( '$1', '' ) );
+ $( '#config_wgSitename' ).on( 'keyup change', syncText ).each( syncText );
+
+ // Show/Hide memcached servers when needed
+ $( 'input[name$="config_wgMainCacheType"]' ).change( function () {
+ var $memc = $( '#config-memcachewrapper' );
+ if ( $( 'input[name$="config_wgMainCacheType"]:checked' ).val() === 'memcached' ) {
+ $memc.show( 'slow' );
+ } else {
+ $memc.hide( 'slow' );
+ }
+ } );
+ } );
+}( jQuery ) );
diff --git a/skins/common/feed.css b/skins/common/feed.css
new file mode 100644
index 0000000..9439663
--- /dev/null
+++ b/skins/common/feed.css
@@ -0,0 +1,95 @@
+/*
+Make RSS and Atom feeds at least semi-legible to folk who accidentally
+load them in a browser...
+
+Compatibility:
+* Mozilla is fine.
+* Safari 1.2: the RSS <link> text isn't shown
+* Opera 7.5 uses the style sheet instead of its native RSS mode.
+* IE/Mac 5.2: none of the :before content works; doesn't get the charset right and displays garbage for non-ASCII.
+* IE/Win 6.0: No background color, borders, font size, font weight, or :before content.
+
+*/
+
+/* RSS: */ rss, channel, title, link, description, language, generator, lastBuildDate, item, pubDate, author, comments, creator,
+/* Atom: */ feed, id, modified, tagline, entry, issued, created, updated, summary, comment {
+ display: block;
+}
+
+rss, feed {
+ background: white;
+ color: black;
+ margin: 1em;
+ font-family: "Verdana", "Tahoma", "Arial", "Helvetica", sans-serif;
+ line-height: 1.5em;
+ font-size: 76%;
+}
+
+rss:before {
+ content: "This RSS feed is meant to be read in a syndicated news reader, and isn't ideal for a web browser.";
+}
+
+feed:before {
+ content: "This Atom feed is meant to be read in a syndicated news reader, and isn't ideal for a web browser.";
+}
+rss:before, feed:before {
+ color: red;
+ text-align: center;
+ line-height: 2em;
+}
+
+channel>title,
+item>title,
+feed>title,
+entry>title {
+ font-weight: bold;
+ border-bottom: solid 1px #aaa;
+ margin-left: -0.5em;
+}
+channel>title, feed>title {
+ font-size: larger;
+}
+item>title, entry>title {
+ font-size: large;
+}
+item, entry {
+ margin-top: 1em;
+ margin-left: 2em;
+}
+
+item>description, entry>summary {
+ white-space: pre;
+ overflow: auto;
+ background: #f8f8ff;
+}
+
+pubDate:before { content: "Date: " }
+link:before { content: "Link: " }
+author:before, creator:before { content: "Author: " }
+description:before { content: "Description: " }
+id:before { content: "Id: " }
+
+generator:before { content: "Generator: " }
+language:before { content: "Language: " }
+lastBuildDate:before { content: "Updated: " }
+comments:before { content: "Comments page: " }
+
+tagline:before { content: "Tagline: " }
+issued:before { content: "Issued: " }
+created:before { content: "Created: " }
+modified:before { content: "Modified: " }
+updated:before { content: "Updated: " }
+summary:before { content: "Summary: " }
+comment:before { content: "Comment: " }
+
+pubDate:before, link:before, author:before, description:before,
+language:before, generator:before, lastBuildDate:before, comments:before,
+tagline:before, issued:before, created:before, modified:before,
+summary:before, comment:before, creator:before, id:before, updated:before {
+ color: #224;
+ font-weight: bold;
+}
+
+feed link:after {
+ content: attr(href);
+}
diff --git a/skins/common/images/Arr_.png b/skins/common/images/Arr_.png
new file mode 100644
index 0000000..bc67a4b
--- /dev/null
+++ b/skins/common/images/Arr_.png
Binary files differ
diff --git a/skins/common/images/Arr_d.png b/skins/common/images/Arr_d.png
new file mode 100644
index 0000000..58a9fc6
--- /dev/null
+++ b/skins/common/images/Arr_d.png
Binary files differ
diff --git a/skins/common/images/Arr_l.png b/skins/common/images/Arr_l.png
new file mode 100644
index 0000000..2246254
--- /dev/null
+++ b/skins/common/images/Arr_l.png
Binary files differ
diff --git a/skins/common/images/Arr_r.png b/skins/common/images/Arr_r.png
new file mode 100644
index 0000000..467a555
--- /dev/null
+++ b/skins/common/images/Arr_r.png
Binary files differ
diff --git a/skins/common/images/Arr_u.png b/skins/common/images/Arr_u.png
new file mode 100644
index 0000000..1aa543a
--- /dev/null
+++ b/skins/common/images/Arr_u.png
Binary files differ
diff --git a/skins/common/images/Checker-16x16.png b/skins/common/images/Checker-16x16.png
new file mode 100644
index 0000000..3e9e3d0
--- /dev/null
+++ b/skins/common/images/Checker-16x16.png
Binary files differ
diff --git a/skins/common/images/Zoom_sans.gif b/skins/common/images/Zoom_sans.gif
new file mode 100644
index 0000000..56a49de
--- /dev/null
+++ b/skins/common/images/Zoom_sans.gif
Binary files differ
diff --git a/skins/common/images/add.png b/skins/common/images/add.png
new file mode 100644
index 0000000..3497423
--- /dev/null
+++ b/skins/common/images/add.png
Binary files differ
diff --git a/skins/common/images/ajax-loader.gif b/skins/common/images/ajax-loader.gif
new file mode 100644
index 0000000..72203fd
--- /dev/null
+++ b/skins/common/images/ajax-loader.gif
Binary files differ
diff --git a/skins/common/images/ar/button_bold.png b/skins/common/images/ar/button_bold.png
new file mode 100644
index 0000000..e524f6c
--- /dev/null
+++ b/skins/common/images/ar/button_bold.png
Binary files differ
diff --git a/skins/common/images/ar/button_headline.png b/skins/common/images/ar/button_headline.png
new file mode 100644
index 0000000..398e561
--- /dev/null
+++ b/skins/common/images/ar/button_headline.png
Binary files differ
diff --git a/skins/common/images/ar/button_italic.png b/skins/common/images/ar/button_italic.png
new file mode 100644
index 0000000..6ec73e9
--- /dev/null
+++ b/skins/common/images/ar/button_italic.png
Binary files differ
diff --git a/skins/common/images/ar/button_link.png b/skins/common/images/ar/button_link.png
new file mode 100644
index 0000000..c9c63f6
--- /dev/null
+++ b/skins/common/images/ar/button_link.png
Binary files differ
diff --git a/skins/common/images/ar/button_nowiki.png b/skins/common/images/ar/button_nowiki.png
new file mode 100644
index 0000000..743ea61
--- /dev/null
+++ b/skins/common/images/ar/button_nowiki.png
Binary files differ
diff --git a/skins/common/images/arrow_disabled_first_25.png b/skins/common/images/arrow_disabled_first_25.png
new file mode 100644
index 0000000..78a493e
--- /dev/null
+++ b/skins/common/images/arrow_disabled_first_25.png
Binary files differ
diff --git a/skins/common/images/arrow_disabled_last_25.png b/skins/common/images/arrow_disabled_last_25.png
new file mode 100644
index 0000000..2a64fd0
--- /dev/null
+++ b/skins/common/images/arrow_disabled_last_25.png
Binary files differ
diff --git a/skins/common/images/arrow_disabled_left_25.png b/skins/common/images/arrow_disabled_left_25.png
new file mode 100644
index 0000000..83df068
--- /dev/null
+++ b/skins/common/images/arrow_disabled_left_25.png
Binary files differ
diff --git a/skins/common/images/arrow_disabled_right_25.png b/skins/common/images/arrow_disabled_right_25.png
new file mode 100644
index 0000000..aa4fbf8
--- /dev/null
+++ b/skins/common/images/arrow_disabled_right_25.png
Binary files differ
diff --git a/skins/common/images/arrow_first_25.png b/skins/common/images/arrow_first_25.png
new file mode 100644
index 0000000..52b32a5
--- /dev/null
+++ b/skins/common/images/arrow_first_25.png
Binary files differ
diff --git a/skins/common/images/arrow_last_25.png b/skins/common/images/arrow_last_25.png
new file mode 100644
index 0000000..caf5033
--- /dev/null
+++ b/skins/common/images/arrow_last_25.png
Binary files differ
diff --git a/skins/common/images/arrow_left_25.png b/skins/common/images/arrow_left_25.png
new file mode 100644
index 0000000..f363bf6
--- /dev/null
+++ b/skins/common/images/arrow_left_25.png
Binary files differ
diff --git a/skins/common/images/arrow_right_25.png b/skins/common/images/arrow_right_25.png
new file mode 100644
index 0000000..3f8fee3
--- /dev/null
+++ b/skins/common/images/arrow_right_25.png
Binary files differ
diff --git a/skins/common/images/be-tarask/button_bold.png b/skins/common/images/be-tarask/button_bold.png
new file mode 100644
index 0000000..5c10cfe
--- /dev/null
+++ b/skins/common/images/be-tarask/button_bold.png
Binary files differ
diff --git a/skins/common/images/be-tarask/button_italic.png b/skins/common/images/be-tarask/button_italic.png
new file mode 100644
index 0000000..72209d7
--- /dev/null
+++ b/skins/common/images/be-tarask/button_italic.png
Binary files differ
diff --git a/skins/common/images/be-tarask/button_link.png b/skins/common/images/be-tarask/button_link.png
new file mode 100644
index 0000000..09c86fb
--- /dev/null
+++ b/skins/common/images/be-tarask/button_link.png
Binary files differ
diff --git a/skins/common/images/bullet.gif b/skins/common/images/bullet.gif
new file mode 100644
index 0000000..b43de48
--- /dev/null
+++ b/skins/common/images/bullet.gif
Binary files differ
diff --git a/skins/common/images/button_bold.png b/skins/common/images/button_bold.png
new file mode 100644
index 0000000..75c3f10
--- /dev/null
+++ b/skins/common/images/button_bold.png
Binary files differ
diff --git a/skins/common/images/button_extlink.png b/skins/common/images/button_extlink.png
new file mode 100644
index 0000000..458943c
--- /dev/null
+++ b/skins/common/images/button_extlink.png
Binary files differ
diff --git a/skins/common/images/button_headline.png b/skins/common/images/button_headline.png
new file mode 100644
index 0000000..9cf751d
--- /dev/null
+++ b/skins/common/images/button_headline.png
Binary files differ
diff --git a/skins/common/images/button_hr.png b/skins/common/images/button_hr.png
new file mode 100644
index 0000000..47e1ca4
--- /dev/null
+++ b/skins/common/images/button_hr.png
Binary files differ
diff --git a/skins/common/images/button_image.png b/skins/common/images/button_image.png
new file mode 100644
index 0000000..6919296
--- /dev/null
+++ b/skins/common/images/button_image.png
Binary files differ
diff --git a/skins/common/images/button_italic.png b/skins/common/images/button_italic.png
new file mode 100644
index 0000000..527fbd1
--- /dev/null
+++ b/skins/common/images/button_italic.png
Binary files differ
diff --git a/skins/common/images/button_link.png b/skins/common/images/button_link.png
new file mode 100644
index 0000000..eb5634b
--- /dev/null
+++ b/skins/common/images/button_link.png
Binary files differ
diff --git a/skins/common/images/button_media.png b/skins/common/images/button_media.png
new file mode 100644
index 0000000..4194ec1
--- /dev/null
+++ b/skins/common/images/button_media.png
Binary files differ
diff --git a/skins/common/images/button_nowiki.png b/skins/common/images/button_nowiki.png
new file mode 100644
index 0000000..2ba818d
--- /dev/null
+++ b/skins/common/images/button_nowiki.png
Binary files differ
diff --git a/skins/common/images/button_sig.png b/skins/common/images/button_sig.png
new file mode 100644
index 0000000..fe34b3f
--- /dev/null
+++ b/skins/common/images/button_sig.png
Binary files differ
diff --git a/skins/common/images/button_template.png b/skins/common/images/button_template.png
new file mode 100644
index 0000000..94d9d0b
--- /dev/null
+++ b/skins/common/images/button_template.png
Binary files differ
diff --git a/skins/common/images/cc-0.png b/skins/common/images/cc-0.png
new file mode 100644
index 0000000..9d3fe5f
--- /dev/null
+++ b/skins/common/images/cc-0.png
Binary files differ
diff --git a/skins/common/images/cc-by-nc-sa.png b/skins/common/images/cc-by-nc-sa.png
new file mode 100644
index 0000000..0d24a71
--- /dev/null
+++ b/skins/common/images/cc-by-nc-sa.png
Binary files differ
diff --git a/skins/common/images/cc-by-sa.png b/skins/common/images/cc-by-sa.png
new file mode 100644
index 0000000..518fb64
--- /dev/null
+++ b/skins/common/images/cc-by-sa.png
Binary files differ
diff --git a/skins/common/images/cc-by.png b/skins/common/images/cc-by.png
new file mode 100644
index 0000000..9cca2f9
--- /dev/null
+++ b/skins/common/images/cc-by.png
Binary files differ
diff --git a/skins/common/images/closewindow.png b/skins/common/images/closewindow.png
new file mode 100644
index 0000000..990702e
--- /dev/null
+++ b/skins/common/images/closewindow.png
Binary files differ
diff --git a/skins/common/images/closewindow19x19.png b/skins/common/images/closewindow19x19.png
new file mode 100644
index 0000000..c96d9ff
--- /dev/null
+++ b/skins/common/images/closewindow19x19.png
Binary files differ
diff --git a/skins/common/images/critical-32.png b/skins/common/images/critical-32.png
new file mode 100644
index 0000000..9b38e6a
--- /dev/null
+++ b/skins/common/images/critical-32.png
Binary files differ
diff --git a/skins/common/images/cyrl/LICENSE b/skins/common/images/cyrl/LICENSE
new file mode 100644
index 0000000..bedcec6
--- /dev/null
+++ b/skins/common/images/cyrl/LICENSE
@@ -0,0 +1,17 @@
+button_bold.png
+---------------
+Source : http://commons.wikimedia.org/wiki/Image:Button_bold_ukr.png
+License: Public domain
+Author : Alexey Belomoev
+
+button_italic.png
+------------------------
+Source : http://commons.wikimedia.org/wiki/Image:Button_italic_ukr.png
+License: Public domain
+Author : Alexey Belomoev
+
+button_link.png
+-----------------
+Source : http://commons.wikimedia.org/wiki/Image:Button_internal_link_ukr.png
+License: GPL
+Author : Saproj, Erik Möller
diff --git a/skins/common/images/cyrl/button_bold.png b/skins/common/images/cyrl/button_bold.png
new file mode 100644
index 0000000..eae30d9
--- /dev/null
+++ b/skins/common/images/cyrl/button_bold.png
Binary files differ
diff --git a/skins/common/images/cyrl/button_italic.png b/skins/common/images/cyrl/button_italic.png
new file mode 100644
index 0000000..b958d22
--- /dev/null
+++ b/skins/common/images/cyrl/button_italic.png
Binary files differ
diff --git a/skins/common/images/cyrl/button_link.png b/skins/common/images/cyrl/button_link.png
new file mode 100644
index 0000000..12ad373
--- /dev/null
+++ b/skins/common/images/cyrl/button_link.png
Binary files differ
diff --git a/skins/common/images/de/button_bold.png b/skins/common/images/de/button_bold.png
new file mode 100644
index 0000000..367d5bc
--- /dev/null
+++ b/skins/common/images/de/button_bold.png
Binary files differ
diff --git a/skins/common/images/de/button_italic.png b/skins/common/images/de/button_italic.png
new file mode 100644
index 0000000..fdd8c9f
--- /dev/null
+++ b/skins/common/images/de/button_italic.png
Binary files differ
diff --git a/skins/common/images/diffunderline.gif b/skins/common/images/diffunderline.gif
new file mode 100644
index 0000000..e062c56
--- /dev/null
+++ b/skins/common/images/diffunderline.gif
Binary files differ
diff --git a/skins/common/images/download-32.png b/skins/common/images/download-32.png
new file mode 100644
index 0000000..e5b8318
--- /dev/null
+++ b/skins/common/images/download-32.png
Binary files differ
diff --git a/skins/common/images/fa/button_bold.png b/skins/common/images/fa/button_bold.png
new file mode 100644
index 0000000..c54d094
--- /dev/null
+++ b/skins/common/images/fa/button_bold.png
Binary files differ
diff --git a/skins/common/images/fa/button_headline.png b/skins/common/images/fa/button_headline.png
new file mode 100644
index 0000000..9890d15
--- /dev/null
+++ b/skins/common/images/fa/button_headline.png
Binary files differ
diff --git a/skins/common/images/fa/button_italic.png b/skins/common/images/fa/button_italic.png
new file mode 100644
index 0000000..33f91ed
--- /dev/null
+++ b/skins/common/images/fa/button_italic.png
Binary files differ
diff --git a/skins/common/images/fa/button_link.png b/skins/common/images/fa/button_link.png
new file mode 100644
index 0000000..76b939e
--- /dev/null
+++ b/skins/common/images/fa/button_link.png
Binary files differ
diff --git a/skins/common/images/fa/button_nowiki.png b/skins/common/images/fa/button_nowiki.png
new file mode 100644
index 0000000..743ea61
--- /dev/null
+++ b/skins/common/images/fa/button_nowiki.png
Binary files differ
diff --git a/skins/common/images/feed-icon.png b/skins/common/images/feed-icon.png
new file mode 100644
index 0000000..00f49f6
--- /dev/null
+++ b/skins/common/images/feed-icon.png
Binary files differ
diff --git a/skins/common/images/feed-icon.svg b/skins/common/images/feed-icon.svg
new file mode 100644
index 0000000..6e5f570
--- /dev/null
+++ b/skins/common/images/feed-icon.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 256 256"><defs><linearGradient x1=".085" y1=".085" x2=".915" y2=".915" id="a"><stop offset="0" stop-color="#E3702D"/><stop offset=".107" stop-color="#EA7D31"/><stop offset=".35" stop-color="#F69537"/><stop offset=".5" stop-color="#FB9E3A"/><stop offset=".702" stop-color="#EA7C31"/><stop offset=".887" stop-color="#DE642B"/><stop offset="1" stop-color="#D95B29"/></linearGradient></defs><rect width="256" height="256" rx="55" ry="55" fill="#CC5D15"/><rect width="246" height="246" rx="50" ry="50" x="5" y="5" fill="#F49C52"/><rect width="236" height="236" rx="47" ry="47" x="10" y="10" fill="url(#a)"/><circle cx="68" cy="189" r="24" fill="#FFF"/><path d="M160 213h-34a82 82 0 0 0-82-82v-34a116 116 0 0 1 116 116zM184 213a140 140 0 0 0-140-140v-35a175 175 0 0 1 175 175z" fill="#FFF"/></svg> \ No newline at end of file
diff --git a/skins/common/images/gnu-fdl.png b/skins/common/images/gnu-fdl.png
new file mode 100644
index 0000000..3feaf57
--- /dev/null
+++ b/skins/common/images/gnu-fdl.png
Binary files differ
diff --git a/skins/common/images/help-question-hover.gif b/skins/common/images/help-question-hover.gif
new file mode 100644
index 0000000..515138d
--- /dev/null
+++ b/skins/common/images/help-question-hover.gif
Binary files differ
diff --git a/skins/common/images/help-question.gif b/skins/common/images/help-question.gif
new file mode 100644
index 0000000..b4fc9c5
--- /dev/null
+++ b/skins/common/images/help-question.gif
Binary files differ
diff --git a/skins/common/images/icons/COPYING b/skins/common/images/icons/COPYING
new file mode 100644
index 0000000..136530a
--- /dev/null
+++ b/skins/common/images/icons/COPYING
@@ -0,0 +1,43 @@
+The icons used here are derived from the crystalsvg icons in the the
+pics/crystalsvg/ directory of kdelibs-3.4.0 they were modified on 2005-05-15
+by Ævar Arnfjörð Bjarmason for use in MediaWiki.
+
+What follows is the contents of the LICENSE.crystalsvg file found in the pics/
+subdirectory of kdelibs-3.4.0:
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+This copyright and license notice covers all CrystalSVG images.
+Note the license notice contains an add-on.
+********************************************************************************
+KDE Crystal theme icons.
+Copyright (C) 2002 and following years KDE Artists
+This library is free software; you can redistribute it and/or
+modify it under the terms of the GNU Lesser General Public
+License as published by the Free Software Foundation,
+version 2.1 of the License.
+This library is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+Lesser General Public License for more details.
+You should have received a copy of the GNU Lesser General Public
+License along with this library; if not, write to the Free Software
+Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA
+ **** NOTE THIS ADD-ON ****
+The GNU Lesser General Public License or LGPL is written for software libraries
+in the first place. We expressly want the LGPL to be valid for this artwork
+library too.
+KDE Crystal theme icons is a special kind of software library, it is an
+artwork library, it's elements can be used in a Graphical User Interface, or
+GUI.
+Source code, for this library means:
+ - for vectors svg;
+ - for pixels, if applicable, the multi-layered formats xcf or psd, or
+otherwise png.
+The LGPL in some sections obliges you to make the files carry
+notices. With images this is in some cases impossible or hardly useful.
+With this library a notice is placed at a prominent place in the directory
+containing the elements. You may follow this practice.
+The exception in section 6 of the GNU Lesser General Public License covers
+the use of elements of this art library in a GUI.
+kde-artists [at] kde.org
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
diff --git a/skins/common/images/icons/fileicon-c.png b/skins/common/images/icons/fileicon-c.png
new file mode 100644
index 0000000..0d603b7
--- /dev/null
+++ b/skins/common/images/icons/fileicon-c.png
Binary files differ
diff --git a/skins/common/images/icons/fileicon-cpp.png b/skins/common/images/icons/fileicon-cpp.png
new file mode 100644
index 0000000..123688f
--- /dev/null
+++ b/skins/common/images/icons/fileicon-cpp.png
Binary files differ
diff --git a/skins/common/images/icons/fileicon-deb.png b/skins/common/images/icons/fileicon-deb.png
new file mode 100644
index 0000000..87ca3fa
--- /dev/null
+++ b/skins/common/images/icons/fileicon-deb.png
Binary files differ
diff --git a/skins/common/images/icons/fileicon-djvu.png b/skins/common/images/icons/fileicon-djvu.png
new file mode 100644
index 0000000..1da2276
--- /dev/null
+++ b/skins/common/images/icons/fileicon-djvu.png
Binary files differ
diff --git a/skins/common/images/icons/fileicon-djvu.xcf b/skins/common/images/icons/fileicon-djvu.xcf
new file mode 100644
index 0000000..8043dcd
--- /dev/null
+++ b/skins/common/images/icons/fileicon-djvu.xcf
Binary files differ
diff --git a/skins/common/images/icons/fileicon-dvi.png b/skins/common/images/icons/fileicon-dvi.png
new file mode 100644
index 0000000..f37878d
--- /dev/null
+++ b/skins/common/images/icons/fileicon-dvi.png
Binary files differ
diff --git a/skins/common/images/icons/fileicon-exe.png b/skins/common/images/icons/fileicon-exe.png
new file mode 100644
index 0000000..dc020eb
--- /dev/null
+++ b/skins/common/images/icons/fileicon-exe.png
Binary files differ
diff --git a/skins/common/images/icons/fileicon-h.png b/skins/common/images/icons/fileicon-h.png
new file mode 100644
index 0000000..339bf02
--- /dev/null
+++ b/skins/common/images/icons/fileicon-h.png
Binary files differ
diff --git a/skins/common/images/icons/fileicon-html.png b/skins/common/images/icons/fileicon-html.png
new file mode 100644
index 0000000..f28f8a2
--- /dev/null
+++ b/skins/common/images/icons/fileicon-html.png
Binary files differ
diff --git a/skins/common/images/icons/fileicon-iso.png b/skins/common/images/icons/fileicon-iso.png
new file mode 100644
index 0000000..c73d229
--- /dev/null
+++ b/skins/common/images/icons/fileicon-iso.png
Binary files differ
diff --git a/skins/common/images/icons/fileicon-java.png b/skins/common/images/icons/fileicon-java.png
new file mode 100644
index 0000000..a1b4f22
--- /dev/null
+++ b/skins/common/images/icons/fileicon-java.png
Binary files differ
diff --git a/skins/common/images/icons/fileicon-mid.png b/skins/common/images/icons/fileicon-mid.png
new file mode 100644
index 0000000..ce2bebb
--- /dev/null
+++ b/skins/common/images/icons/fileicon-mid.png
Binary files differ
diff --git a/skins/common/images/icons/fileicon-mov.png b/skins/common/images/icons/fileicon-mov.png
new file mode 100644
index 0000000..952de1f
--- /dev/null
+++ b/skins/common/images/icons/fileicon-mov.png
Binary files differ
diff --git a/skins/common/images/icons/fileicon-o.png b/skins/common/images/icons/fileicon-o.png
new file mode 100644
index 0000000..f3523d9
--- /dev/null
+++ b/skins/common/images/icons/fileicon-o.png
Binary files differ
diff --git a/skins/common/images/icons/fileicon-ogg.png b/skins/common/images/icons/fileicon-ogg.png
new file mode 100644
index 0000000..ef4d801
--- /dev/null
+++ b/skins/common/images/icons/fileicon-ogg.png
Binary files differ
diff --git a/skins/common/images/icons/fileicon-ogg.xcf b/skins/common/images/icons/fileicon-ogg.xcf
new file mode 100644
index 0000000..a91024b
--- /dev/null
+++ b/skins/common/images/icons/fileicon-ogg.xcf
Binary files differ
diff --git a/skins/common/images/icons/fileicon-pdf.png b/skins/common/images/icons/fileicon-pdf.png
new file mode 100644
index 0000000..8c8da92
--- /dev/null
+++ b/skins/common/images/icons/fileicon-pdf.png
Binary files differ
diff --git a/skins/common/images/icons/fileicon-ps.png b/skins/common/images/icons/fileicon-ps.png
new file mode 100644
index 0000000..e872833
--- /dev/null
+++ b/skins/common/images/icons/fileicon-ps.png
Binary files differ
diff --git a/skins/common/images/icons/fileicon-psd.png b/skins/common/images/icons/fileicon-psd.png
new file mode 100644
index 0000000..598f190
--- /dev/null
+++ b/skins/common/images/icons/fileicon-psd.png
Binary files differ
diff --git a/skins/common/images/icons/fileicon-rm.png b/skins/common/images/icons/fileicon-rm.png
new file mode 100644
index 0000000..81dbe0b
--- /dev/null
+++ b/skins/common/images/icons/fileicon-rm.png
Binary files differ
diff --git a/skins/common/images/icons/fileicon-rpm.png b/skins/common/images/icons/fileicon-rpm.png
new file mode 100644
index 0000000..1903aac
--- /dev/null
+++ b/skins/common/images/icons/fileicon-rpm.png
Binary files differ
diff --git a/skins/common/images/icons/fileicon-svg.png b/skins/common/images/icons/fileicon-svg.png
new file mode 100644
index 0000000..b782113
--- /dev/null
+++ b/skins/common/images/icons/fileicon-svg.png
Binary files differ
diff --git a/skins/common/images/icons/fileicon-tar.png b/skins/common/images/icons/fileicon-tar.png
new file mode 100644
index 0000000..e5fd1b7
--- /dev/null
+++ b/skins/common/images/icons/fileicon-tar.png
Binary files differ
diff --git a/skins/common/images/icons/fileicon-tex.png b/skins/common/images/icons/fileicon-tex.png
new file mode 100644
index 0000000..a437284
--- /dev/null
+++ b/skins/common/images/icons/fileicon-tex.png
Binary files differ
diff --git a/skins/common/images/icons/fileicon-ttf.png b/skins/common/images/icons/fileicon-ttf.png
new file mode 100644
index 0000000..1ed4e74
--- /dev/null
+++ b/skins/common/images/icons/fileicon-ttf.png
Binary files differ
diff --git a/skins/common/images/icons/fileicon-txt.png b/skins/common/images/icons/fileicon-txt.png
new file mode 100644
index 0000000..9e988e7
--- /dev/null
+++ b/skins/common/images/icons/fileicon-txt.png
Binary files differ
diff --git a/skins/common/images/icons/fileicon.png b/skins/common/images/icons/fileicon.png
new file mode 100644
index 0000000..59696a3
--- /dev/null
+++ b/skins/common/images/icons/fileicon.png
Binary files differ
diff --git a/skins/common/images/info-32.png b/skins/common/images/info-32.png
new file mode 100644
index 0000000..ab09e1d
--- /dev/null
+++ b/skins/common/images/info-32.png
Binary files differ
diff --git a/skins/common/images/ksh/LICENSE b/skins/common/images/ksh/LICENSE
new file mode 100644
index 0000000..ba56f97
--- /dev/null
+++ b/skins/common/images/ksh/LICENSE
@@ -0,0 +1,7 @@
+
+button_S_italic.png
+-------------------
+Source : http://commons.wikimedia.org/wiki/Image:Button_S_italic.png
+License: Public domain
+Author : Purodha Blissenbach, http://ksh.wikipedia.org/wiki/User:Purodha
+
diff --git a/skins/common/images/ksh/button_S_italic.png b/skins/common/images/ksh/button_S_italic.png
new file mode 100644
index 0000000..15496c0
--- /dev/null
+++ b/skins/common/images/ksh/button_S_italic.png
Binary files differ
diff --git a/skins/common/images/link_icon.gif b/skins/common/images/link_icon.gif
new file mode 100644
index 0000000..168c1a2
--- /dev/null
+++ b/skins/common/images/link_icon.gif
Binary files differ
diff --git a/skins/common/images/magnify-clip-rtl.png b/skins/common/images/magnify-clip-rtl.png
new file mode 100644
index 0000000..ff85c07
--- /dev/null
+++ b/skins/common/images/magnify-clip-rtl.png
Binary files differ
diff --git a/skins/common/images/magnify-clip.png b/skins/common/images/magnify-clip.png
new file mode 100644
index 0000000..00a9cee
--- /dev/null
+++ b/skins/common/images/magnify-clip.png
Binary files differ
diff --git a/skins/common/images/mediawiki.png b/skins/common/images/mediawiki.png
new file mode 100644
index 0000000..8c42118
--- /dev/null
+++ b/skins/common/images/mediawiki.png
Binary files differ
diff --git a/skins/common/images/nextredirectltr.png b/skins/common/images/nextredirectltr.png
new file mode 100644
index 0000000..cd657c3
--- /dev/null
+++ b/skins/common/images/nextredirectltr.png
Binary files differ
diff --git a/skins/common/images/nextredirectrtl.png b/skins/common/images/nextredirectrtl.png
new file mode 100644
index 0000000..b788f33
--- /dev/null
+++ b/skins/common/images/nextredirectrtl.png
Binary files differ
diff --git a/skins/common/images/poweredby_mediawiki_88x31.png b/skins/common/images/poweredby_mediawiki_88x31.png
new file mode 100644
index 0000000..30e1d2e
--- /dev/null
+++ b/skins/common/images/poweredby_mediawiki_88x31.png
Binary files differ
diff --git a/skins/common/images/public-domain.png b/skins/common/images/public-domain.png
new file mode 100644
index 0000000..ebf0107
--- /dev/null
+++ b/skins/common/images/public-domain.png
Binary files differ
diff --git a/skins/common/images/question-small.png b/skins/common/images/question-small.png
new file mode 100644
index 0000000..f7405d2
--- /dev/null
+++ b/skins/common/images/question-small.png
Binary files differ
diff --git a/skins/common/images/question.svg b/skins/common/images/question.svg
new file mode 100644
index 0000000..98fbe8d
--- /dev/null
+++ b/skins/common/images/question.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="21.059" height="21.06"><path fill="#575757" d="M10.529 0c-5.814 0-10.529 4.714-10.529 10.529s4.715 10.53 10.529 10.53c5.816 0 10.529-4.715 10.529-10.53s-4.712-10.529-10.529-10.529zm-.002 16.767c-.861 0-1.498-.688-1.498-1.516 0-.862.637-1.534 1.498-1.534.828 0 1.5.672 1.5 1.534 0 .827-.672 1.516-1.5 1.516zm2.137-6.512c-.723.568-1 .931-1 1.739v.5h-2.205v-.603c0-1.517.449-2.136 1.154-2.688.707-.552 1.139-.845 1.139-1.637 0-.672-.414-1.051-1.24-1.051-.707 0-1.328.189-1.982.638l-1.051-1.807c.861-.604 1.93-1.034 3.342-1.034 1.912 0 3.516 1.051 3.516 3.066-.001 1.43-.794 2.188-1.673 2.877z"/></svg> \ No newline at end of file
diff --git a/skins/common/images/redirectltr.png b/skins/common/images/redirectltr.png
new file mode 100644
index 0000000..695f2a1
--- /dev/null
+++ b/skins/common/images/redirectltr.png
Binary files differ
diff --git a/skins/common/images/redirectrtl.png b/skins/common/images/redirectrtl.png
new file mode 100644
index 0000000..c954a2a
--- /dev/null
+++ b/skins/common/images/redirectrtl.png
Binary files differ
diff --git a/skins/common/images/remove.png b/skins/common/images/remove.png
new file mode 100644
index 0000000..cd03d6d
--- /dev/null
+++ b/skins/common/images/remove.png
Binary files differ
diff --git a/skins/common/images/spinner.gif b/skins/common/images/spinner.gif
new file mode 100644
index 0000000..6146be4
--- /dev/null
+++ b/skins/common/images/spinner.gif
Binary files differ
diff --git a/skins/common/images/tick-32.png b/skins/common/images/tick-32.png
new file mode 100644
index 0000000..34cfa9c
--- /dev/null
+++ b/skins/common/images/tick-32.png
Binary files differ
diff --git a/skins/common/images/tipsy-arrow.gif b/skins/common/images/tipsy-arrow.gif
new file mode 100644
index 0000000..9f1a15b
--- /dev/null
+++ b/skins/common/images/tipsy-arrow.gif
Binary files differ
diff --git a/skins/common/images/tooltip_icon.png b/skins/common/images/tooltip_icon.png
new file mode 100644
index 0000000..ba5718a
--- /dev/null
+++ b/skins/common/images/tooltip_icon.png
Binary files differ
diff --git a/skins/common/images/warning-32.png b/skins/common/images/warning-32.png
new file mode 100644
index 0000000..0400734
--- /dev/null
+++ b/skins/common/images/warning-32.png
Binary files differ
diff --git a/skins/common/images/wiki.png b/skins/common/images/wiki.png
new file mode 100644
index 0000000..48595b0
--- /dev/null
+++ b/skins/common/images/wiki.png
Binary files differ
diff --git a/skins/common/oldshared.css b/skins/common/oldshared.css
new file mode 100644
index 0000000..eea8b8e
--- /dev/null
+++ b/skins/common/oldshared.css
@@ -0,0 +1,469 @@
+/**
+ * oldshared.css
+ * This file contains CSS settings common to Wikistandard, Nostalgia and
+ * CologneBlue, the old pre-Monobook skins
+ */
+
+/* For clarity, explicitly state some recommendations from
+ * http://www.w3.org/TR/CSS21/sample.html to make sure the editsection links scale right
+ */
+
+h1 { font-size: 2em; }
+h2 { font-size: 1.5em; }
+h3 { font-size: 1.17em; }
+h4 { font-size: 1.11em; }
+h5 { font-size: 1.05em; }
+h6 { font-size: 1em; }
+h1, h2, h3, h4, h5, h6 {
+ font-weight: bolder;
+}
+
+/* Now the custom parts */
+
+#footer { clear: both }
+/* images */
+/* @noflip */
+div.floatright {
+ float: right;
+ clear: right;
+ margin: 0 0 1em 1em;
+}
+
+/* @noflip */
+div.floatright p {
+ font-style: italic;
+}
+
+/* @noflip */
+div.floatleft {
+ float: left;
+ clear: left;
+ margin: 0.3em 0.5em 0.5em 0;
+}
+
+/* @noflip */
+div.floatleft p {
+ font-style: italic;
+}
+
+/* table standards */
+table.rimage {
+ float: right;
+ margin-left: 1em;
+ margin-bottom: 1em;
+ text-align: center;
+ font-size: smaller;
+}
+
+/* thumbnails */
+div.thumb {
+ margin-bottom: .5em;
+ border-style: solid;
+ border-color: white;
+ width: auto;
+}
+div.thumbinner {
+ border: 1px solid #ccc;
+ padding: 3px !important;
+ background-color: #f9f9f9;
+ font-size: 94%;
+ text-align: center;
+ overflow: hidden;
+}
+html .thumbimage {
+ border: 1px solid #ccc;
+}
+html .thumbcaption {
+ border: none;
+ text-align: left;
+ line-height: 1.4em;
+ padding: 3px !important;
+ font-size: 94%;
+}
+div.magnify {
+ float: right;
+ border: none !important;
+ background: none !important;
+ margin-left: 3px;
+}
+div.magnify a,
+div.magnify img {
+ display: block;
+ border: none !important;
+ background: none !important;
+}
+/* @noflip */
+div.tright {
+ clear: right;
+ float: right;
+ border-width: .5em 0 .8em 1.4em;
+}
+/* @noflip */
+div.tleft {
+ float: left;
+ clear: left;
+ margin-right: .5em;
+ border-width: .5em 1.4em .8em 0;
+}
+img.thumbborder {
+ border: 1px solid #dddddd;
+}
+
+/* Page history styling */
+/* the auto-generated edit comments */
+.autocomment { color: #4b4b4b; }
+
+img { border: none; }
+
+#toc,
+.toc {
+ border: 1px solid #bba;
+ background-color: #f7f8ff;
+ padding: 5px;
+ font-size: 95%;
+ text-align: center;
+ display: -moz-inline-block;
+ display: inline-block;
+ display: table;
+
+ /* IE7 and earlier */
+ zoom: 1;
+ *display: inline;
+
+ padding: 7px;
+}
+/* CSS for backwards-compatibility with cached page renders and creative uses in wikitext */
+table#toc,
+table.toc {
+ border-collapse: collapse;
+}
+/* Remove additional paddings inside table-cells that are not present in <div>s */
+table#toc td,
+table.toc td {
+ padding: 0;
+}
+#toc h2,
+.toc h2 {
+ display: inline;
+ border: none;
+ padding: 0;
+ font-size: 100%;
+ font-weight: bold;
+}
+#toc ul,
+.toc ul {
+ list-style-type: none;
+ list-style-image: none;
+ padding: 0;
+ text-align: left;
+}
+#toc ul ul,
+.toc ul ul {
+ margin: 0 0 0 2em;
+}
+#toc .toctoggle,
+.toc .toctoggle {
+ font-size: 94%;
+}
+
+.error {
+ color: red;
+ font-size: larger;
+}
+
+/* preference page with js-genrated toc */
+#preftoc {
+ float: left;
+ margin: 1em 1em 1em 1em;
+ width: 13em;
+}
+#preftoc li {
+ border: 1px solid White;
+}
+#preftoc li.selected {
+ background-color:#f9f9f9;
+ border:1px dashed #aaaaaa;
+}
+#preftoc a,
+#preftoc a:active {
+ display: block;
+ color: #005189;
+}
+.mw-prefs-buttons {
+ clear: left;
+ float: left;
+ margin-top: 1em;
+}
+div.htmlform-tip {
+ font-size: 94%;
+ margin-top: 0.4em;
+ color: #666;
+}
+fieldset.prefsection {
+ margin-top: 1em;
+}
+fieldset.operaprefsection {
+ margin-left: 15em;
+}
+
+/* emulate center */
+.center {
+ width: 100%;
+ text-align: center;
+}
+*.center * {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+/* small for tables and similar */
+.small {
+ font-size: 94%;
+}
+table.small {
+ font-size: 100%;
+}
+
+/* use this instead of #toc for page content */
+.toccolours {
+ border: 1px solid #aaaaaa;
+ background-color: #f9f9f9;
+ padding: 5px;
+ font-size: 95%;
+}
+#siteNotice {
+ border: 1px solid #aaaaaa;
+ padding-left: 0.5em;
+ padding-right: 0.5em;
+}
+.redirectText {
+ font-size: 150%;
+ margin: 5px;
+}
+.sharedUploadNotice {
+ font-style: italic;
+}
+span.unpatrolled {
+ font-weight: bold;
+ color: red;
+}
+
+span.updatedmarker {
+ color: black;
+ background-color: #00FF00;
+}
+
+div.gallerybox {
+ width: 150px;
+}
+
+span.comment {
+ font-style: italic;
+}
+
+span.changedby {
+ font-size: 95%;
+}
+
+.previewnote {
+ text-align: center;
+ color: #cc0000;
+}
+.editExternally {
+ border-style: solid;
+ border-width: 1px;
+ border-color: gray;
+ background: #ffffff;
+ padding: 3px;
+ margin-top: 0.5em;
+ float: left;
+ font-size: small;
+ text-align: center;
+}
+.editExternallyHelp {
+ font-style: italic;
+ color: gray;
+}
+
+li span.deleted {
+ text-decoration: line-through;
+ color: #888;
+ font-style: italic;
+}
+
+/* Classes for Exif data display */
+table.mw_metadata {
+ margin-left: 0.5em;
+}
+
+table.mw_metadata caption {
+ font-weight: bold;
+}
+table.mw_metadata th {
+ font-weight: normal;
+}
+table.mw_metadata td {
+ padding: 0.1em;
+}
+
+table.mw_metadata {
+ border: none;
+ border-collapse: collapse;
+}
+table.mw_metadata td,
+table.mw_metadata th {
+ border: 1px solid #aaaaaa;
+ padding-left: 4px;
+ padding-right: 4px;
+}
+table.mw_metadata th {
+ background-color: #f9f9f9;
+}
+table.mw_metadata td {
+ background-color: #fcfcfc;
+}
+table.mw_metadata td.spacer {
+ background: inherit;
+ border-top: none;
+ border-bottom: none;
+}
+table.collapsed tr.collapsable {
+ display: none;
+}
+
+.visualClear {
+ clear: both;
+}
+
+/* Allmessages table */
+#allmessagestable th {
+ background-color: #b2b2ff;
+}
+
+#allmessagestable tr.orig {
+ background-color: #ffe2e2;
+}
+
+#allmessagestable tr.new {
+ background-color: #e2ffe2;
+}
+
+#allmessagestable tr.def {
+ background-color: #f0f0ff;
+}
+
+#jump-to-nav {
+ display: none;
+}
+
+div.multipageimagenavbox {
+ border: solid 1px silver;
+ padding: 4px;
+ margin: 1em;
+ background: #f0f0f0;
+}
+
+div.multipageimagenavbox div.thumb {
+ border: none;
+ margin-left: 2em;
+ margin-right: 2em;
+}
+
+div.multipageimagenavbox hr {
+ margin: 6px;
+}
+
+table.multipageimage td {
+ text-align: center;
+}
+
+/*
+ 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: 0.15em solid #777777;
+ padding: 0 0.15em 0 0.15em;
+}
+.TablePager th {
+ background-color: #eeeeff;
+}
+.TablePager td {
+ background-color: #ffffff;
+}
+.TablePager tr:hover td {
+ background-color: #eeeeff;
+}
+
+.imagelist td,
+.imagelist th {
+ white-space: nowrap;
+}
+.imagelist .TablePager_col_links {
+ background-color: #eeeeff;
+}
+.imagelist .TablePager_col_img_description {
+ white-space: normal;
+}
+.imagelist th.TablePager_sort {
+ background-color: #ccccff;
+}
+
+.templatesUsed {
+ margin-top: 1em;
+}
+
+.MediaTransformError {
+ border: thin solid #777;
+ background-color: #ccc;
+ padding: 0.1em;
+}
+.MediaTransformError td {
+ text-align: center;
+ vertical-align: middle;
+ font-size: 90%;
+}
+
+form#specialpages {
+ display: inline;
+}
+
+body {
+ direction: ltr;
+ unicode-bidi: embed;
+ background-color: #ffffec;
+}
+body.ns-0 {
+ background-color: white;
+}
+
+/** RTL specific CSS starts here **/
+
+/**
+ * Lists:
+ * The following lines don't have a visible effect on non-Gecko browsers
+ * They fix a problem with Gecko browsers rendering lists to the right of
+ * left-floated objects in an RTL layout.
+ */
+/* @noflip */
+html > body.rtl div#article ul {
+ display: table;
+}
+/* @noflip */
+html > body.rtl div#bodyContent ul#filetoc {
+ display: block;
+}
+
+/* RTL specific CSS ends here **/
diff --git a/skins/common/protect.js b/skins/common/protect.js
new file mode 100644
index 0000000..dc142ca
--- /dev/null
+++ b/skins/common/protect.js
@@ -0,0 +1,387 @@
+( function ( mw, $ ) {
+
+var ProtectionForm = window.ProtectionForm = {
+ existingMatch: false,
+
+ /**
+ * Set up the protection chaining interface (i.e. "unlock move permissions" checkbox)
+ * on the protection form
+ *
+ * @param opts Object : parameters with members:
+ * tableId Identifier of the table containing UI bits
+ * labelText Text to use for the checkbox label
+ * numTypes The number of protection types
+ * existingMatch True if all the existing expiry times match
+ */
+ init: function ( opts ) {
+ var box, boxbody, row, cell, check, label;
+
+ if ( !( document.createTextNode && document.getElementById && document.getElementsByTagName ) ) {
+ return false;
+ }
+
+ box = document.getElementById( opts.tableId );
+ if ( !box ) {
+ return false;
+ }
+
+ boxbody = box.getElementsByTagName( 'tbody' )[0];
+ row = document.createElement( 'tr' );
+ boxbody.insertBefore( row, boxbody.firstChild.nextSibling );
+
+ this.existingMatch = opts.existingMatch;
+
+ cell = document.createElement( 'td' );
+ row.appendChild( cell );
+ // If there is only one protection type, there is nothing to chain
+ if ( opts.numTypes > 1 ) {
+ check = document.createElement( 'input' );
+ check.id = 'mwProtectUnchained';
+ check.type = 'checkbox';
+ $( check ).click( function () {
+ ProtectionForm.onChainClick();
+ } );
+
+ label = document.createElement( 'label' );
+ label.htmlFor = 'mwProtectUnchained';
+ label.appendChild( document.createTextNode( opts.labelText ) );
+
+ cell.appendChild( check );
+ cell.appendChild( document.createTextNode( ' ' ) );
+ cell.appendChild( label );
+
+ check.checked = !this.areAllTypesMatching();
+ this.enableUnchainedInputs( check.checked );
+ }
+
+ $( '#mwProtect-reason' ).byteLimit( 180 );
+
+ this.updateCascadeCheckbox();
+
+ return true;
+ },
+
+ /**
+ * Sets the disabled attribute on the cascade checkbox depending on the current selected levels
+ */
+ updateCascadeCheckbox: function () {
+ var i, lists, items, selected;
+
+ // For non-existent titles, there is no cascade option
+ if ( !document.getElementById( 'mwProtect-cascade' ) ) {
+ return;
+ }
+ lists = this.getLevelSelectors();
+ for ( i = 0; i < lists.length; i++ ) {
+ if ( lists[i].selectedIndex > -1 ) {
+ items = lists[i].getElementsByTagName( 'option' );
+ selected = items[ lists[i].selectedIndex ].value;
+ if ( !this.isCascadeableLevel( selected ) ) {
+ document.getElementById( 'mwProtect-cascade' ).checked = false;
+ document.getElementById( 'mwProtect-cascade' ).disabled = true;
+ return;
+ }
+ }
+ }
+ document.getElementById( 'mwProtect-cascade' ).disabled = false;
+ },
+
+ /**
+ * Checks if a cerain protection level is cascadeable.
+ * @param level {String}
+ * @return {Boolean}
+ */
+ isCascadeableLevel: function ( level ) {
+ var cascadeLevels, len, i;
+
+ cascadeLevels = mw.config.get( 'wgCascadeableLevels' );
+ // cascadeLevels isn't defined on all pages
+ if ( cascadeLevels ) {
+ for ( i = 0, len = cascadeLevels.length; i < len; i += 1 ) {
+ if ( cascadeLevels[i] === level ) {
+ return true;
+ }
+ }
+ }
+ return false;
+ },
+
+ /**
+ * When protection levels are locked together, update the rest
+ * when one action's level changes
+ *
+ * @param source Element Level selector that changed
+ */
+ updateLevels: function ( source ) {
+ if ( !this.isUnchained() ) {
+ this.setAllSelectors( source.selectedIndex );
+ }
+ this.updateCascadeCheckbox();
+ },
+
+ /**
+ * When protection levels are locked together, update the
+ * expiries when one changes
+ *
+ * @param source Element expiry input that changed
+ */
+
+ updateExpiry: function ( source ) {
+ var expiry, listId, list;
+
+ if ( !this.isUnchained() ) {
+ expiry = source.value;
+ this.forEachExpiryInput( function ( element ) {
+ element.value = expiry;
+ } );
+ }
+ listId = source.id.replace( /^mwProtect-(\w+)-expires$/, 'mwProtectExpirySelection-$1' );
+ list = document.getElementById( listId );
+ if ( list && list.value !== 'othertime' ) {
+ if ( this.isUnchained() ) {
+ list.value = 'othertime';
+ } else {
+ this.forEachExpirySelector( function ( element ) {
+ element.value = 'othertime';
+ } );
+ }
+ }
+ },
+
+ /**
+ * When protection levels are locked together, update the
+ * expiry lists when one changes and clear the custom inputs
+ *
+ * @param source Element expiry selector that changed
+ */
+ updateExpiryList: function ( source ) {
+ var expiry;
+ if ( !this.isUnchained() ) {
+ expiry = source.value;
+ this.forEachExpirySelector( function ( element ) {
+ element.value = expiry;
+ } );
+ this.forEachExpiryInput( function ( element ) {
+ element.value = '';
+ } );
+ }
+ },
+
+ /**
+ * Update chain status and enable/disable various bits of the UI
+ * when the user changes the "unlock move permissions" checkbox
+ */
+ onChainClick: function () {
+ if ( this.isUnchained() ) {
+ this.enableUnchainedInputs( true );
+ } else {
+ this.setAllSelectors( this.getMaxLevel() );
+ this.enableUnchainedInputs( false );
+ }
+ this.updateCascadeCheckbox();
+ },
+
+ /**
+ * Returns true if the named attribute in all objects in the given array are matching
+ */
+ matchAttribute: function ( objects, attrName ) {
+ var i, element, value;
+
+ // Check levels
+ value = null;
+ for ( i = 0; i < objects.length; i++ ) {
+ element = objects[i];
+ if ( value === null ) {
+ value = element[attrName];
+ } else {
+ if ( value !== element[attrName] ) {
+ return false;
+ }
+ }
+ }
+ return true;
+ },
+
+ /**
+ * Are all actions protected at the same level, with the same expiry time?
+ *
+ * @return boolean
+ */
+ areAllTypesMatching: function () {
+ return this.existingMatch
+ && this.matchAttribute( this.getLevelSelectors(), 'selectedIndex' )
+ && this.matchAttribute( this.getExpirySelectors(), 'selectedIndex' )
+ && this.matchAttribute( this.getExpiryInputs(), 'value' );
+ },
+
+ /**
+ * Is protection chaining off?
+ *
+ * @return bool
+ */
+ isUnchained: function () {
+ var element = document.getElementById( 'mwProtectUnchained' );
+ return element
+ ? element.checked
+ : true; // No control, so we need to let the user set both levels
+ },
+
+ /**
+ * Find the highest protection level in any selector
+ */
+ getMaxLevel: function () {
+ var maxIndex = -1;
+ this.forEachLevelSelector( function ( element ) {
+ if ( element.selectedIndex > maxIndex ) {
+ maxIndex = element.selectedIndex;
+ }
+ } );
+ return maxIndex;
+ },
+
+ /**
+ * Protect all actions at the specified level
+ *
+ * @param index int Protection level
+ */
+ setAllSelectors: function ( index ) {
+ this.forEachLevelSelector( function ( element ) {
+ if ( element.selectedIndex !== index ) {
+ element.selectedIndex = index;
+ }
+ } );
+ },
+
+ /**
+ * Apply a callback to each protection selector
+ *
+ * @param func callable Callback function
+ */
+ forEachLevelSelector: function ( func ) {
+ var i, selectors;
+
+ selectors = this.getLevelSelectors();
+ for ( i = 0; i < selectors.length; i++ ) {
+ func( selectors[i] );
+ }
+ },
+
+ /**
+ * Get a list of all protection selectors on the page
+ *
+ * @return Array
+ */
+ getLevelSelectors: function () {
+ var i, ours, all, element;
+
+ all = document.getElementsByTagName( 'select' );
+ ours = [];
+ for ( i = 0; i < all.length; i++ ) {
+ element = all[i];
+ if ( element.id.match( /^mwProtect-level-/ ) ) {
+ ours[ours.length] = element;
+ }
+ }
+ return ours;
+ },
+
+ /**
+ * Apply a callback to each expiry input
+ *
+ * @param func callable Callback function
+ */
+ forEachExpiryInput: function ( func ) {
+ var i, inputs;
+
+ inputs = this.getExpiryInputs();
+ for ( i = 0; i < inputs.length; i++ ) {
+ func( inputs[i] );
+ }
+ },
+
+ /**
+ * Get a list of all expiry inputs on the page
+ *
+ * @return Array
+ */
+ getExpiryInputs: function () {
+ var i, all, element, ours;
+
+ all = document.getElementsByTagName( 'input' );
+ ours = [];
+ for ( i = 0; i < all.length; i++ ) {
+ element = all[i];
+ if ( element.name.match( /^mwProtect-expiry-/ ) ) {
+ ours[ours.length] = element;
+ }
+ }
+ return ours;
+ },
+
+ /**
+ * Apply a callback to each expiry selector list
+ * @param func callable Callback function
+ */
+ forEachExpirySelector: function ( func ) {
+ var i, inputs;
+
+ inputs = this.getExpirySelectors();
+ for ( i = 0; i < inputs.length; i++ ) {
+ func( inputs[i] );
+ }
+ },
+
+ /**
+ * Get a list of all expiry selector lists on the page
+ *
+ * @return Array
+ */
+ getExpirySelectors: function () {
+ var i, all, ours, element;
+
+ all = document.getElementsByTagName( 'select' );
+ ours = [];
+ for ( i = 0; i < all.length; i++ ) {
+ element = all[i];
+ if ( element.id.match( /^mwProtectExpirySelection-/ ) ) {
+ ours[ours.length] = element;
+ }
+ }
+ return ours;
+ },
+
+ /**
+ * Enable/disable protection selectors and expiry inputs
+ *
+ * @param val boolean Enable?
+ */
+ enableUnchainedInputs: function ( val ) {
+ var first = true;
+
+ this.forEachLevelSelector( function ( element ) {
+ if ( first ) {
+ first = false;
+ } else {
+ element.disabled = !val;
+ }
+ } );
+ first = true;
+ this.forEachExpiryInput( function ( element ) {
+ if ( first ) {
+ first = false;
+ } else {
+ element.disabled = !val;
+ }
+ } );
+ first = true;
+ this.forEachExpirySelector( function ( element ) {
+ if ( first ) {
+ first = false;
+ } else {
+ element.disabled = !val;
+ }
+ } );
+ }
+};
+
+}( mediaWiki, jQuery ) );
diff --git a/skins/common/shared.css b/skins/common/shared.css
new file mode 100644
index 0000000..6b052b3
--- /dev/null
+++ b/skins/common/shared.css
@@ -0,0 +1,1216 @@
+/**
+ * CSS in this file is used by *all* skins (that have any CSS at all). Be
+ * careful what you put in here, since what looks good in one skin may not in
+ * another, but don't ignore the poor pre-Monobook users either.
+ */
+
+/* GENERAL CLASSES FOR DIRECTIONALITY SUPPORT */
+
+/**
+ * These classes should be used for text depending on the content direction.
+ * Content stuff like editsection, ul/ol and TOC depend on this.
+ */
+.mw-content-ltr {
+ /* @noflip */
+ direction: ltr;
+}
+.mw-content-rtl {
+ /* @noflip */
+ direction: rtl;
+}
+
+/* Most input fields should be in site direction */
+.sitedir-ltr textarea,
+.sitedir-ltr input {
+ /* @noflip */
+ direction: ltr;
+}
+.sitedir-rtl textarea,
+.sitedir-rtl input {
+ /* @noflip */
+ direction: rtl;
+}
+
+/* User-Agent styles for new HTML5 elements */
+mark {
+ background-color: yellow;
+ color: black;
+}
+
+/* Input types that should follow user direction, like buttons */
+/* TODO: What about buttons in wikipage content ? */
+input[type="submit"],
+input[type="button"],
+input[type="reset"],
+input[type="file"] {
+ direction: ltr;
+}
+
+/* Override default values */
+textarea[dir="ltr"],
+input[dir="ltr"] {
+ /* @noflip */
+ direction: ltr;
+}
+textarea[dir="rtl"],
+input[dir="rtl"] {
+ /* @noflip */
+ direction: rtl;
+}
+
+/* Default style for semantic tags */
+abbr[title],
+.explain[title] {
+ border-bottom: 1px dotted;
+ cursor: help;
+}
+
+/* Colored watchlist and recent changes numbers */
+.mw-plusminus-pos {
+ color: #006400; /* dark green */
+}
+.mw-plusminus-neg {
+ color: #8b0000; /* dark red */
+}
+.mw-plusminus-null {
+ color: #aaa; /* gray */
+}
+
+/**
+ * Links to redirects appear italicized on [[Special:AllPages]], [[Special:PrefixIndex]],
+ * [[Special:Watchlist/edit]] and in category listings.
+ */
+.allpagesredirect,
+.redirect-in-category,
+.watchlistredir {
+ font-style: italic;
+}
+
+/* Comment and username portions of RC entries */
+span.comment {
+ font-style: italic;
+}
+
+span.changedby {
+ font-size: 95%;
+}
+
+/* Math */
+.texvc {
+ direction: ltr;
+ unicode-bidi: embed;
+}
+img.tex {
+ vertical-align: middle;
+}
+span.texhtml {
+ font-family: serif;
+}
+
+/**
+ * Add a bit of margin space between the preview and the toolbar.
+ * This replaces the ugly <p><br /></p> we used to insert into the page source
+ */
+#wikiPreview.ontop {
+ margin-bottom: 1em;
+}
+
+/* Stop floats from intruding into edit area in previews */
+#editform,
+#toolbar,
+#wpTextbox1 {
+ clear: both;
+}
+
+#toolbar img {
+ cursor: pointer;
+}
+
+/**
+ * File description page
+ */
+
+div.mw-filepage-resolutioninfo {
+ font-size: smaller;
+}
+
+/**
+ * File histories
+ */
+h2#filehistory {
+ clear: both;
+}
+
+table.filehistory th,
+table.filehistory td {
+ vertical-align: top;
+}
+table.filehistory th {
+ text-align: left;
+}
+table.filehistory td.mw-imagepage-filesize,
+table.filehistory th.mw-imagepage-filesize {
+ white-space: nowrap;
+}
+
+table.filehistory td.filehistory-selected {
+ font-weight: bold;
+}
+
+/**
+ * Add a checkered background image on hover for file
+ * description pages. (bug 26470)
+ */
+.filehistory a img,
+#file img:hover {
+ /* @embed */
+ background: white url(images/Checker-16x16.png) repeat;
+}
+
+/**
+ * rev_deleted stuff
+ */
+li span.deleted,
+span.history-deleted {
+ text-decoration: line-through;
+ color: #888;
+ font-style: italic;
+}
+
+/**
+ * Patrol stuff
+ */
+.not-patrolled {
+ background-color: #ffa;
+}
+
+.unpatrolled {
+ font-weight: bold;
+ color: red;
+}
+
+div.patrollink {
+ font-size: 75%;
+ text-align: right;
+}
+
+/**
+ * Forms
+ */
+td.mw-label {
+ text-align: right;
+}
+td.mw-input {
+ text-align: left;
+}
+td.mw-submit {
+ text-align: left;
+}
+
+td.mw-label {
+ vertical-align: top;
+}
+.prefsection td.mw-label {
+ width: 20%;
+}
+.prefsection table {
+ width: 100%;
+}
+.prefsection table.mw-htmlform-matrix {
+ width: auto;
+}
+
+.mw-icon-question {
+ /* SVG support using a transparent gradient to guarantee cross-browser
+ * compatibility (browsers able to understand gradient syntax support also SVG).
+ * http://pauginer.tumblr.com/post/36614680636/invisible-gradient-technique */
+ background-image: url(images/question-small.png);
+ /* @embed */
+ background-image: -webkit-linear-gradient(transparent, transparent), url(images/question.svg);
+ /* @embed */
+ background-image: linear-gradient(transparent, transparent), url(images/question.svg);
+ background-repeat: no-repeat;
+ background-size: 13px 13px;
+ display: inline-block;
+ height: 13px;
+ width: 13px;
+ margin-left: 4px;
+}
+
+.mw-icon-question:lang(ar),
+.mw-icon-question:lang(fa),
+.mw-icon-question:lang(ur) {
+ -webkit-transform: scaleX(-1);
+ -ms-transform: scaleX(-1);
+ transform: scaleX(-1);
+}
+
+td.mw-submit {
+ white-space: nowrap;
+}
+
+table.mw-htmlform-nolabel td.mw-label {
+ width: 1px;
+}
+
+tr.mw-htmlform-vertical-label td.mw-label {
+ text-align: left !important;
+}
+
+.mw-htmlform-invalid-input td.mw-input input {
+ border-color: red;
+}
+
+.mw-htmlform-flatlist div.mw-htmlform-flatlist-item {
+ display: inline;
+ margin-right: 1em;
+ white-space: nowrap;
+}
+
+.mw-htmlform-matrix td {
+ padding-left: 0.5em;
+ padding-right: 0.5em;
+}
+
+input#wpSummary {
+ width: 80%;
+ margin-bottom: 1em;
+}
+
+/**
+ * Image captions
+ */
+/* @noflip */
+.mw-content-ltr .thumbcaption {
+ text-align: left;
+}
+/* @noflip */
+.mw-content-rtl .thumbcaption {
+ text-align: right;
+}
+/* @noflip */
+.mw-content-ltr .magnify {
+ float: right;
+}
+/* @noflip */
+.mw-content-rtl .magnify {
+ float: left;
+}
+
+/**
+ * Categories
+ */
+#catlinks {
+ /**
+ * Overrides text justification (user preference)
+ * See bug 31990
+ */
+ text-align: left;
+}
+.catlinks ul {
+ display: inline;
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ list-style-type: none;
+ list-style-image: none;
+ vertical-align: middle !ie;
+}
+
+.catlinks li {
+ display: inline-block;
+ line-height: 1.25em;
+ border-left: 1px solid #AAA;
+ margin: 0.125em 0;
+ padding: 0 0.5em;
+ zoom: 1;
+ display: inline !ie;
+}
+
+.catlinks li:first-child {
+ padding-left: 0.25em;
+ border-left: none;
+}
+
+/* (bug 5346) make category redirects italic */
+.catlinks li a.mw-redirect {
+ font-style: italic;
+}
+/**
+ * Hidden categories
+ */
+.mw-hidden-cats-hidden {
+ display: none;
+}
+.catlinks-allhidden {
+ display: none;
+}
+
+/* Convenience links to edit block, delete and protect reasons */
+p.mw-ipb-conveniencelinks,
+p.mw-protect-editreasons,
+p.mw-filedelete-editreasons,
+p.mw-delete-editreasons,
+p.mw-revdel-editreasons {
+ font-size: 90%;
+ text-align: right;
+}
+
+/**
+ * OpenSearch ajax suggestions
+ */
+.os-suggest {
+ overflow: auto;
+ overflow-x: hidden;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 0;
+ background-color: white;
+ border-style: solid;
+ border-color: #AAAAAA;
+ border-width: 1px;
+ z-index:99;
+ font-size:95%;
+}
+
+table.os-suggest-results {
+ font-size: 95%;
+ cursor: pointer;
+ border: 0;
+ border-collapse: collapse;
+ width: 100%;
+}
+
+.os-suggest-result,
+.os-suggest-result-hl {
+ white-space: nowrap;
+ background-color: white;
+ color: black;
+ padding: 2px;
+}
+.os-suggest-result-hl,
+.os-suggest-result-hl-webkit {
+ background-color: #4C59A6;
+ color: white;
+}
+
+.os-suggest-toggle {
+ position: relative;
+ left: 1ex;
+ font-size: 65%;
+}
+.os-suggest-toggle-def {
+ position: absolute;
+ top: 0;
+ left: 0;
+ font-size: 65%;
+ visibility: hidden;
+}
+
+/* Page history styling */
+
+/* The auto-generated edit comments */
+.autocomment {
+ color: gray;
+}
+#pagehistory .history-user {
+ margin-left: 0.4em;
+ margin-right: 0.2em;
+}
+#pagehistory span.minor {
+ font-weight: bold;
+}
+#pagehistory li {
+ border: 1px solid white;
+}
+#pagehistory li.selected {
+ background-color: #f9f9f9;
+ border: 1px dashed #aaa;
+}
+
+.mw-history-revisiondelete-button, #mw-fileduplicatesearch-icon {
+ float: right;
+}
+
+/** Generic minor/bot/newpage styling (recent changes) */
+.newpage,
+.minoredit,
+.botedit {
+ font-weight: bold;
+}
+
+#shared-image-dup,
+#shared-image-conflict {
+ font-style: italic;
+}
+
+/**
+ * Recreating deleted page warning
+ * Reupload file warning
+ * Page protection warning
+ * incl. log entries for these warnings
+ */
+div.mw-warning-with-logexcerpt {
+ padding: 3px;
+ margin-bottom: 3px;
+ border: 2px solid #2F6FAB;
+ clear: both;
+}
+div.mw-warning-with-logexcerpt ul li {
+ font-size: 90%;
+}
+
+/* (show/hide) revision deletion links */
+span.mw-revdelundel-link,
+strong.mw-revdelundel-link {
+ font-size: 90%;
+}
+span.mw-revdelundel-hidden,
+input.mw-revdelundel-hidden {
+ visibility: hidden;
+}
+
+td.mw-revdel-checkbox,
+th.mw-revdel-checkbox {
+ padding-right: 10px;
+ text-align: center;
+}
+
+/* red links; see bug 36276 */
+a.new {
+ color: #BA0000;
+}
+
+/* feed links */
+a.feedlink {
+ /* SVG support using a transparent gradient to guarantee cross-browser
+ * compatibility (browsers able to understand gradient syntax support also SVG).
+ * http://pauginer.tumblr.com/post/36614680636/invisible-gradient-technique */
+ background-image: url(images/feed-icon.png);
+ /* @embed */
+ background-image: -webkit-linear-gradient(transparent, transparent), url(images/feed-icon.svg);
+ /* @embed */
+ background-image: linear-gradient(transparent, transparent), url(images/feed-icon.svg);
+ background-position: center left;
+ background-repeat: no-repeat;
+ background-size: 12px 12px;
+ padding-left: 16px;
+}
+
+/* Plainlinks - this can be used to switch
+ * off special external link styling */
+.plainlinks a {
+ background: none !important;
+ padding: 0 !important;
+}
+/* External URLs should always be treated as LTR (bug 4330) */
+/* @noflip */ .rtl a.external.free,
+.rtl a.external.autonumber {
+ direction: ltr;
+ unicode-bidi: embed;
+}
+
+/**
+ * wikitable class for skinning normal tables
+ * keep in sync with commonPrint.css
+ */
+table.wikitable {
+ margin: 1em 0;
+ background-color: #f9f9f9;
+ border: 1px #aaa solid;
+ border-collapse: collapse;
+ color: black;
+}
+table.wikitable > tr > th,
+table.wikitable > tr > td,
+table.wikitable > * > tr > th,
+table.wikitable > * > tr > td {
+ border: 1px #aaa solid;
+ padding: 0.2em;
+}
+table.wikitable > tr > th,
+table.wikitable > * > tr > th {
+ background-color: #f2f2f2;
+ text-align: center;
+}
+table.wikitable > caption {
+ font-weight: bold;
+}
+
+/**
+ * Hide collapsable rows in a collapsed table.
+ *
+ * Used by ImagePage and the mediawiki.action.view.metadata module.
+ */
+table.collapsed tr.collapsable {
+ display: none;
+}
+
+/* success and error messages */
+.error,
+.warning,
+.success {
+ font-size: larger;
+}
+.error {
+ color: #cc0000;
+}
+.warning {
+ color: #705000;
+}
+.success {
+ color: #009000;
+}
+
+.errorbox,
+.warningbox,
+.successbox {
+ border: 1px solid;
+ padding: .5em 1em;
+ margin-bottom: 1em;
+ display: -moz-inline-block;
+ display: inline-block;
+ zoom: 1;
+ *display: inline;
+}
+.errorbox h2,
+.warningbox h2,
+.successbox h2 {
+ font-size: 1em;
+ color: inherit;
+ font-weight: bold;
+ display: inline;
+ margin: 0 .5em 0 0;
+ border: none;
+}
+.errorbox {
+ color: #cc0000;
+ border-color: #fac5c5;
+ background-color: #fae3e3;
+}
+.warningbox {
+ color: #705000;
+ border-color: #fde29b;
+ background-color: #fdf1d1;
+}
+.successbox {
+ color: #009000;
+ border-color: #b7fdb5;
+ background-color: #e1fddf;
+}
+
+/* general info/warning box for SP */
+.mw-infobox {
+ border: 2px solid #ff7f00;
+ margin: 0.5em;
+ clear: left;
+ overflow: hidden;
+}
+
+.mw-infobox-left {
+ margin: 7px;
+ float: left;
+ width: 35px;
+}
+
+.mw-infobox-right {
+ margin: 0.5em 0.5em 0.5em 49px;
+}
+
+/* Note on preview page */
+.previewnote {
+ color: #c00;
+ margin-bottom: 1em;
+}
+
+.previewnote p {
+ text-indent: 3em;
+ margin: 0.8em 0;
+}
+
+.visualClear {
+ clear: both;
+}
+
+/**
+ * Data table style
+ *
+ * Transparent table with suddle borders
+ * and blue row-highlighting.
+ */
+.mw-datatable {
+ border-collapse: collapse;
+}
+.mw-datatable,
+.mw-datatable td,
+.mw-datatable th {
+ border: 1px solid #aaaaaa;
+ padding: 0 0.15em 0 0.15em;
+}
+.mw-datatable th {
+ background-color: #ddddff;
+}
+.mw-datatable td {
+ background-color: #ffffff;
+}
+.mw-datatable tr:hover td {
+ background-color: #eeeeff;
+}
+
+
+/**
+ * TablePager tables generated by the TablePager PHP class
+ * in MediaWiki (e.g. Special:ListFiles).
+ */
+.TablePager {
+ min-width: 80%;
+}
+.TablePager_nav {
+ margin: 0 auto;
+}
+.TablePager_nav td {
+ padding: 3px;
+ text-align: center;
+}
+.TablePager_nav a {
+ text-decoration: none;
+}
+
+.imagelist td,
+.imagelist th {
+ white-space: nowrap;
+}
+.imagelist .TablePager_col_links {
+ background-color: #eeeeff;
+}
+.imagelist .TablePager_col_img_description {
+ white-space: normal;
+}
+.imagelist th.TablePager_sort {
+ background-color: #ccccff;
+}
+
+/* filetoc */
+ul#filetoc {
+ text-align: center;
+ border: 1px solid #aaaaaa;
+ background-color: #f9f9f9;
+ padding: 5px;
+ font-size: 95%;
+ margin-bottom: 0.5em;
+ margin-left: 0;
+ margin-right: 0;
+}
+
+#filetoc li {
+ display: inline;
+ list-style-type: none;
+ padding-right: 2em;
+}
+
+/* Classes for Exif data display */
+table.mw_metadata {
+ font-size: 0.8em;
+ margin-left: 0.5em;
+ margin-bottom: 0.5em;
+ width: 400px;
+}
+
+table.mw_metadata caption {
+ font-weight: bold;
+}
+
+table.mw_metadata th {
+ font-weight: normal;
+}
+
+table.mw_metadata td {
+ padding: 0.1em;
+}
+
+table.mw_metadata {
+ border: none;
+ border-collapse: collapse;
+}
+
+table.mw_metadata td,
+table.mw_metadata th {
+ text-align: center;
+ border: 1px solid #aaaaaa;
+ padding-left: 5px;
+ padding-right: 5px;
+}
+
+table.mw_metadata th {
+ background-color: #f9f9f9;
+}
+
+table.mw_metadata td {
+ background-color: #fcfcfc;
+}
+
+table.mw_metadata ul.metadata-langlist {
+ list-style-type: none;
+ list-style-image: none;
+ padding-right: 5px;
+ padding-left: 5px;
+ margin: 0;
+}
+
+/* Correct directionality when page dir is different from site/user dir */
+.mw-content-ltr ul,
+.mw-content-rtl .mw-content-ltr ul {
+ /* @noflip */
+ margin: 0.3em 0 0 1.6em;
+ padding: 0;
+}
+.mw-content-rtl ul,
+.mw-content-ltr .mw-content-rtl ul {
+ /* @noflip */
+ margin: 0.3em 1.6em 0 0;
+ padding: 0;
+}
+.mw-content-ltr ol,
+.mw-content-rtl .mw-content-ltr ol {
+ /* @noflip */
+ margin: 0.3em 0 0 3.2em;
+ padding: 0;
+}
+.mw-content-rtl ol,
+.mw-content-ltr .mw-content-rtl ol {
+ /* @noflip */
+ margin: 0.3em 3.2em 0 0;
+ padding: 0;
+}
+/* @noflip */
+.mw-content-ltr dd,
+.mw-content-rtl .mw-content-ltr dd {
+ margin-left: 1.6em;
+ margin-right: 0;
+}
+/* @noflip */
+.mw-content-rtl dd,
+.mw-content-ltr .mw-content-rtl dd {
+ margin-right: 1.6em;
+ margin-left: 0;
+}
+
+/* Galleries */
+/* These display attributes look nonsensical, but are needed to support IE and FF2 */
+/* Don't forget to update commonPrint.css */
+li.gallerybox {
+ vertical-align: top;
+ display: -moz-inline-box;
+ display: inline-block;
+}
+
+ul.gallery,
+li.gallerybox {
+ zoom: 1;
+ *display: inline;
+}
+
+ul.gallery {
+ margin: 2px;
+ padding: 2px;
+ display: block;
+}
+
+li.gallerycaption {
+ font-weight: bold;
+ text-align: center;
+ display: block;
+ word-wrap: break-word;
+}
+
+li.gallerybox div.thumb {
+ text-align: center;
+ border: 1px solid #ccc;
+ background-color: #f9f9f9;
+ margin: 2px;
+}
+
+li.gallerybox div.thumb img {
+ display: block;
+ margin: 0 auto;
+}
+
+div.gallerytext {
+ overflow: hidden;
+ font-size: 94%;
+ padding: 2px 4px;
+ word-wrap: break-word;
+}
+
+/* new gallery stuff */
+ul.mw-gallery-nolines li.gallerybox div.thumb {
+ background-color: transparent;
+ border: none;
+}
+
+ul.mw-gallery-nolines li.gallerybox div.gallerytext {
+ text-align: center;
+}
+
+/* height constrained gallery */
+
+ul.mw-gallery-packed li.gallerybox div.thumb,
+ul.mw-gallery-packed-overlay li.gallerybox div.thumb,
+ul.mw-gallery-packed-hover li.gallerybox div.thumb {
+ background-color: transparent;
+ border: none;
+}
+ul.mw-gallery-packed li.gallerybox div.thumb img,
+ul.mw-gallery-packed-overlay li.gallerybox div.thumb img,
+ul.mw-gallery-packed-hover li.gallerybox div.thumb img {
+ margin: 0 auto;
+}
+
+ul.mw-gallery-packed-hover li.gallerybox,
+ul.mw-gallery-packed-overlay li.gallerybox {
+ position:relative;
+}
+
+ul.mw-gallery-packed-hover div.gallerytextwrapper {
+ overflow: hidden;
+ height: 0;
+}
+
+ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper,
+ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper,
+ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper {
+ position:absolute;
+ background: white;
+ background: rgba(255, 255, 255, 0.8);
+ padding: 5px 10px;
+ bottom: 0;
+ left: 0; /* Needed for IE */
+ height: auto;
+ font-weight: bold;
+ margin: 2px; /* correspond to style on div.thumb */
+}
+
+ul.mw-gallery-packed-hover,
+ul.mw-gallery-packed-overlay,
+ul.mw-gallery-packed {
+ text-align: center;
+}
+
+.mw-ajax-loader {
+ /* @embed */
+ background-image: url(images/ajax-loader.gif);
+ background-position: center center;
+ background-repeat: no-repeat;
+ padding: 16px;
+ position: relative;
+ top: -16px;
+}
+
+.mw-small-spinner {
+ padding: 10px !important;
+ margin-right: 0.6em;
+ /* @embed */
+ background-image: url(images/spinner.gif);
+ background-position: center center;
+ background-repeat: no-repeat;
+}
+
+/* Language specific height correction for titles. Ref Bug 29405 and Bug 30809 */
+/* Languages like hi or ml require slightly more vertical space to show diacritics properly */
+h1:lang(anp),
+h1:lang(as),
+h1:lang(bh), /* Macrolanguage, used on bh.wikipedia.org, should be removed one day */
+h1:lang(bho),
+h1:lang(bn),
+h1:lang(gu),
+h1:lang(hi),
+h1:lang(kn),
+h1:lang(ks),
+h1:lang(ml),
+h1:lang(mr),
+h1:lang(my),
+h1:lang(mai),
+h1:lang(ne),
+h1:lang(new),
+h1:lang(or),
+h1:lang(pa),
+h1:lang(pi),
+h1:lang(sa),
+h1:lang(ta),
+h1:lang(te) {
+ line-height: 1.6em !important;
+}
+h2:lang(anp), h3:lang(anp), h4:lang(anp), h5:lang(anp), h6:lang(anp),
+h2:lang(as), h3:lang(as), h4:lang(as), h5:lang(as), h6:lang(as),
+h2:lang(bho), h3:lang(bho), h4:lang(bho), h5:lang(bho), h6:lang(bho),
+h2:lang(bh), h3:lang(bh), h4:lang(bh), h5:lang(bh), h6:lang(bh),
+h2:lang(bn), h3:lang(bn), h4:lang(bn), h5:lang(bn), h6:lang(bn),
+h2:lang(gu), h3:lang(gu), h4:lang(gu), h5:lang(gu), h6:lang(gu),
+h2:lang(hi), h3:lang(hi), h4:lang(hi), h5:lang(hi), h6:lang(hi),
+h2:lang(kn), h3:lang(kn), h4:lang(kn), h5:lang(kn), h6:lang(kn),
+h2:lang(ks), h3:lang(ks), h4:lang(ks), h5:lang(ks), h6:lang(ks),
+h2:lang(ml), h3:lang(ml), h4:lang(ml), h5:lang(ml), h6:lang(ml),
+h2:lang(mr), h3:lang(mr), h4:lang(mr), h5:lang(mr), h6:lang(mr),
+h2:lang(my), h3:lang(my), h4:lang(my), h5:lang(my), h6:lang(my),
+h2:lang(mai), h3:lang(mai), h4:lang(mai), h5:lang(mai), h6:lang(mai),
+h2:lang(ne), h3:lang(ne), h4:lang(ne), h5:lang(ne), h6:lang(ne),
+h2:lang(new), h3:lang(new), h4:lang(new), h5:lang(new), h6:lang(new),
+h2:lang(or), h3:lang(or), h4:lang(or), h5:lang(or), h6:lang(or),
+h2:lang(pa), h3:lang(pa), h4:lang(pa), h5:lang(pa), h6:lang(pa),
+h2:lang(pi), h3:lang(pi), h4:lang(pi), h5:lang(pi), h6:lang(pi),
+h2:lang(sa), h3:lang(sa), h4:lang(sa), h5:lang(sa), h6:lang(sa),
+h2:lang(ta), h3:lang(ta), h4:lang(ta), h5:lang(ta), h6:lang(ta),
+h2:lang(te), h3:lang(te), h4:lang(te), h5:lang(te), h6:lang(te) {
+ line-height: 1.2em;
+}
+
+/* Localised ordered list numbering for some languages */
+ol:lang(bcc) li,
+ol:lang(bqi) li,
+ol:lang(fa) li,
+ol:lang(glk) li,
+ol:lang(kk-arab) li,
+ol:lang(mzn) li {
+ list-style-type: -moz-persian;
+ list-style-type: persian;
+}
+
+ol:lang(ckb) li {
+ list-style-type: -moz-arabic-indic;
+ list-style-type: arabic-indic;
+}
+
+ol:lang(hi) li,
+ol:lang(mr) li {
+ list-style-type: -moz-devanagari;
+ list-style-type: devanagari;
+}
+
+ol:lang(as) li,
+ol:lang(bn) li {
+ list-style-type: -moz-bengali;
+ list-style-type: bengali;
+}
+
+ol:lang(or) li {
+ list-style-type: -moz-oriya;
+ list-style-type: oriya;
+}
+
+#toc ul, .toc ul {
+ margin: .3em 0;
+}
+
+/* Correct directionality when page dir is different from site/user dir */
+/* @noflip */ .mw-content-ltr .toc ul,
+.mw-content-ltr #toc ul,
+.mw-content-rtl .mw-content-ltr .toc ul,
+.mw-content-rtl .mw-content-ltr #toc ul {
+ text-align: left;
+}
+/* @noflip */ .mw-content-rtl .toc ul,
+.mw-content-rtl #toc ul,
+.mw-content-ltr .mw-content-rtl .toc ul,
+.mw-content-ltr .mw-content-rtl #toc ul {
+ text-align: right;
+}
+/* @noflip */ .mw-content-ltr .toc ul ul,
+.mw-content-ltr #toc ul ul,
+.mw-content-rtl .mw-content-ltr .toc ul ul,
+.mw-content-rtl .mw-content-ltr #toc ul ul {
+ margin: 0 0 0 2em;
+}
+/* @noflip */ .mw-content-rtl .toc ul ul,
+.mw-content-rtl #toc ul ul,
+.mw-content-ltr .mw-content-rtl .toc ul ul,
+.mw-content-ltr .mw-content-rtl #toc ul ul {
+ margin: 0 2em 0 0;
+}
+
+#toc #toctitle,
+.toc #toctitle,
+#toc .toctitle,
+.toc .toctitle {
+ direction: ltr;
+}
+
+/* tooltip styles */
+.mw-help-field-hint {
+ display: none;
+ margin-left: 2px;
+ margin-bottom: -8px;
+ padding: 0 0 0 15px;
+ /* @embed */
+ background-image: url(images/help-question.gif);
+ background-position: left center;
+ background-repeat: no-repeat;
+ cursor: pointer;
+ font-size: .8em;
+ text-decoration: underline;
+ color: #0645ad;
+}
+.mw-help-field-hint:hover {
+ /* @embed */
+ background-image: url(images/help-question-hover.gif);
+}
+.mw-help-field-data {
+ display: block;
+ background-color: #d6f3ff;
+ padding:5px 8px 4px 8px;
+ border: 1px solid #5dc9f4;
+ margin-left: 20px;
+}
+.tipsy {
+ padding: 5px 5px 10px;
+ font-size: 12px;
+ position: absolute;
+ z-index: 100000;
+ overflow: visible;
+}
+.tipsy-inner {
+ padding: 5px 8px 4px 8px;
+ background-color: #d6f3ff;
+ color: black;
+ border: 1px solid #5dc9f4;
+ max-width: 300px;
+ text-align: left;
+}
+.tipsy-arrow {
+ position: absolute;
+ /* @embed */
+ background: url(images/tipsy-arrow.gif) no-repeat top left;
+ width: 13px;
+ height: 13px;
+}
+.tipsy-se .tipsy-arrow {
+ bottom: -2px;
+ right: 10px;
+ background-position: 0% 100%;
+}
+
+#mw-clearyourcache,
+#mw-sitecsspreview,
+#mw-sitejspreview,
+#mw-usercsspreview,
+#mw-userjspreview {
+ direction: ltr;
+ unicode-bidi: embed;
+}
+
+/* Correct user & content directionality when viewing a diff */
+.diff-currentversion-title,
+.diff {
+ direction: ltr;
+ unicode-bidi: embed;
+}
+/* @noflip */ .diff-contentalign-right td {
+ direction: rtl;
+ unicode-bidi: embed;
+}
+/* @noflip */ .diff-contentalign-left td {
+ direction: ltr;
+ unicode-bidi: embed;
+}
+.diff-multi,
+.diff-otitle,
+.diff-ntitle,
+.diff-lineno {
+ direction: ltr !important;
+ unicode-bidi: embed;
+}
+
+#mw-revision-info,
+#mw-revision-info-current,
+#mw-revision-nav {
+ direction: ltr;
+ display: inline;
+}
+
+/* Images */
+
+/* @noflip */ div.tright,
+div.floatright,
+table.floatright {
+ clear: right;
+ float: right;
+}
+/* @noflip */ div.tleft,
+div.floatleft,
+table.floatleft {
+ float: left;
+ clear: left;
+}
+div.floatright,
+table.floatright,
+div.floatleft,
+table.floatleft {
+ position: relative;
+}
+
+/* bug 12205 */
+#mw-credits a {
+ unicode-bidi: embed;
+}
+
+/* Accessibility */
+.mw-jump,
+#jump-to-nav {
+ overflow: hidden;
+ height: 0;
+ zoom: 1; /* http://webaim.org/techniques/skipnav/#iequirk */
+}
+
+/* Print footer should be hidden by default in screen. */
+.printfooter {
+ display: none;
+}
+
+/* For developers */
+.xdebug-error {
+ position: absolute;
+ z-index: 99;
+}
+
+.mw-editsection,
+.toctoggle,
+#jump-to-nav {
+ -moz-user-select: none;
+ -webkit-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+/* Display editsection links smaller and next to headings */
+.mw-editsection,
+.mw-editsection-like {
+ font-size: small;
+ font-weight: normal;
+ margin-left: 1em;
+ vertical-align: baseline;
+ /* Reset line-height; headings tend to have it set to larger values */
+ line-height: 1em;
+ /* As .mw-editsection is a <span> (inline element), it is treated as part */
+ /* of the heading content when selecting text by multiple clicks and thus */
+ /* selected together with heading content, despite the user-select: none; */
+ /* rule set above. This enforces non-selection without changing the look. */
+ display: inline-block;
+}
+
+/* Correct directionality when page dir is different from site/user dir */
+/* @noflip */
+.mw-content-ltr .mw-editsection,
+.mw-content-rtl .mw-content-ltr .mw-editsection {
+ margin-left: 1em;
+}
+/* @noflip */
+.mw-content-rtl .mw-editsection,
+.mw-content-ltr .mw-content-rtl .mw-editsection {
+ margin-right: 1em;
+}
+
+/* Prevent citations and subscripts from interfering with the line-height */
+sup,
+sub {
+ line-height: 1;
+}
diff --git a/skins/common/upload.js b/skins/common/upload.js
new file mode 100644
index 0000000..7933caf
--- /dev/null
+++ b/skins/common/upload.js
@@ -0,0 +1,355 @@
+/*jshint camelcase:false */
+( function ( mw, $ ) {
+var licenseSelectorCheck, wgUploadWarningObj, wgUploadLicenseObj, fillDestFilename,
+ ajaxUploadDestCheck = mw.config.get( 'wgAjaxUploadDestCheck' ),
+ fileExtensions = mw.config.get( 'wgFileExtensions' ),
+ $spinnerDestCheck, $spinnerLicense;
+
+licenseSelectorCheck = window.licenseSelectorCheck = function () {
+ var selector = document.getElementById( 'wpLicense' ),
+ selection = selector.options[selector.selectedIndex].value;
+ if ( selector.selectedIndex > 0 ) {
+ if ( !selection ) {
+ // Option disabled, but browser is broken and doesn't respect this
+ selector.selectedIndex = 0;
+ }
+ }
+ // We might show a preview
+ wgUploadLicenseObj.fetchPreview( selection );
+};
+
+function uploadSetup() {
+ // Disable URL box if the URL copy upload source type is not selected
+ var ein,
+ selector, ua, isMacIe, i,
+ optionsTable, row, td,
+ wpLicense, wpLicenseRow, wpLicenseTbody,
+ uploadSourceIds, len, onchange,
+ e = document.getElementById( 'wpSourceTypeurl' );
+ if ( e ) {
+ if ( !e.checked ) {
+ ein = document.getElementById( 'wpUploadFileURL' );
+ if ( ein ) {
+ ein.disabled = true;
+ }
+ }
+ }
+
+ // For MSIE/Mac: non-breaking spaces cause the <option> not to render.
+ // But for some reason, setting the text to itself works
+ selector = document.getElementById( 'wpLicense' );
+ if ( selector ) {
+ ua = navigator.userAgent;
+ isMacIe = ua.indexOf( 'MSIE' ) !== -1 && ua.indexOf( 'Mac' ) !== -1;
+ if ( isMacIe ) {
+ for ( i = 0; i < selector.options.length; i++ ) {
+ selector.options[i].text = selector.options[i].text;
+ }
+ }
+ }
+
+ // AJAX wpDestFile warnings
+ if ( ajaxUploadDestCheck ) {
+ // Insert an event handler that fetches upload warnings when wpDestFile
+ // has been changed
+ document.getElementById( 'wpDestFile' ).onchange = function () {
+ wgUploadWarningObj.checkNow( this.value );
+ };
+ // Insert a row where the warnings will be displayed just below the
+ // wpDestFile row
+ optionsTable = document.getElementById( 'mw-htmlform-description' ).tBodies[0];
+ row = optionsTable.insertRow( 1 );
+ td = document.createElement( 'td' );
+ td.id = 'wpDestFile-warning';
+ td.colSpan = 2;
+
+ row.appendChild( td );
+ }
+
+ wpLicense = document.getElementById( 'wpLicense' );
+ if ( mw.config.get( 'wgAjaxLicensePreview' ) && wpLicense ) {
+ // License selector check
+ wpLicense.onchange = licenseSelectorCheck;
+
+ // License selector table row
+ wpLicenseRow = wpLicense.parentNode.parentNode;
+ wpLicenseTbody = wpLicenseRow.parentNode;
+
+ row = document.createElement( 'tr' );
+ td = document.createElement( 'td' );
+ row.appendChild( td );
+ td = document.createElement( 'td' );
+ td.id = 'mw-license-preview';
+ row.appendChild( td );
+
+ wpLicenseTbody.insertBefore( row, wpLicenseRow.nextSibling );
+ }
+
+ // fillDestFile setup
+ uploadSourceIds = mw.config.get( 'wgUploadSourceIds' );
+ len = uploadSourceIds.length;
+ onchange = function () {
+ fillDestFilename( this.id );
+ };
+ for ( i = 0; i < len; i += 1 ) {
+ document.getElementById( uploadSourceIds[i] ).onchange = onchange;
+ }
+}
+
+wgUploadWarningObj = window.wgUploadWarningObj = {
+ responseCache: { '': '&nbsp;' },
+ nameToCheck: '',
+ typing: false,
+ delay: 500, // ms
+ timeoutID: false,
+
+ keypress: function () {
+ var cached, destFile, warningElt;
+
+ if ( !ajaxUploadDestCheck ) {
+ return;
+ }
+
+ // Find file to upload
+ destFile = document.getElementById( 'wpDestFile' );
+ warningElt = document.getElementById( 'wpDestFile-warning' );
+ if ( !destFile || !warningElt ) {
+ return;
+ }
+
+ this.nameToCheck = destFile.value;
+
+ // Clear timer
+ if ( this.timeoutID ) {
+ clearTimeout( this.timeoutID );
+ }
+ // Check response cache
+ for ( cached in this.responseCache ) {
+ if ( this.nameToCheck === cached ) {
+ this.setWarning(this.responseCache[this.nameToCheck]);
+ return;
+ }
+ }
+
+ this.timeoutID = setTimeout( function () {
+ wgUploadWarningObj.timeout();
+ }, this.delay );
+ },
+
+ checkNow: function ( fname ) {
+ if ( !ajaxUploadDestCheck ) {
+ return;
+ }
+ if ( this.timeoutID ) {
+ clearTimeout( this.timeoutID );
+ }
+ this.nameToCheck = fname;
+ this.timeout();
+ },
+
+ timeout: function () {
+ if ( !ajaxUploadDestCheck || this.nameToCheck === '' ) {
+ return;
+ }
+ $spinnerDestCheck = $.createSpinner().insertAfter( '#wpDestFile' );
+
+ var uploadWarningObj = this;
+ ( new mw.Api() ).get( {
+ action: 'query',
+ titles: ( new mw.Title( this.nameToCheck, mw.config.get( 'wgNamespaceIds' ).file ) ).getPrefixedText(),
+ prop: 'imageinfo',
+ iiprop: 'uploadwarning',
+ indexpageids: ''
+ } ).done( function ( result ) {
+ var resultOut = '';
+ if ( result.query ) {
+ resultOut = result.query.pages[result.query.pageids[0]].imageinfo[0];
+ }
+ uploadWarningObj.processResult( resultOut, uploadWarningObj.nameToCheck );
+ } );
+ },
+
+ processResult: function ( result, fileName ) {
+ $spinnerDestCheck.remove();
+ $spinnerDestCheck = undefined;
+ this.setWarning( result.html );
+ this.responseCache[fileName] = result.html;
+ },
+
+ setWarning: function ( warning ) {
+ var warningElt = document.getElementById( 'wpDestFile-warning' ),
+ ackElt = document.getElementsByName( 'wpDestFileWarningAck' );
+
+ this.setInnerHTML( warningElt, warning );
+
+ // Set a value in the form indicating that the warning is acknowledged and
+ // doesn't need to be redisplayed post-upload
+ if ( !warning ) {
+ ackElt[0].value = '';
+ } else {
+ ackElt[0].value = '1';
+ }
+
+ },
+ setInnerHTML: function ( element, text ) {
+ // Check for no change to avoid flicker in IE 7
+ if ( element.innerHTML !== text ) {
+ element.innerHTML = text;
+ }
+ }
+};
+
+fillDestFilename = window.fillDestFilename = function ( id ) {
+ var e, path, slash, backslash, fname,
+ found, ext, i,
+ destFile;
+ if ( !mw.config.get( 'wgUploadAutoFill' ) ) {
+ return;
+ }
+ if ( !document.getElementById ) {
+ return;
+ }
+ // Remove any previously flagged errors
+ e = document.getElementById( 'mw-upload-permitted' );
+ if ( e ) {
+ e.className = '';
+ }
+
+ e = document.getElementById( 'mw-upload-prohibited' );
+ if ( e ) {
+ e.className = '';
+ }
+
+ path = document.getElementById( id ).value;
+ // Find trailing part
+ slash = path.lastIndexOf( '/' );
+ backslash = path.lastIndexOf( '\\' );
+ if ( slash === -1 && backslash === -1 ) {
+ fname = path;
+ } else if ( slash > backslash ) {
+ fname = path.substring( slash + 1, 10000 );
+ } else {
+ fname = path.substring( backslash + 1, 10000 );
+ }
+
+ // Clear the filename if it does not have a valid extension.
+ // URLs are less likely to have a useful extension, so don't include them in the
+ // extension check.
+ if ( mw.config.get( 'wgStrictFileExtensions' ) && fileExtensions && id !== 'wpUploadFileURL' ) {
+ found = false;
+ if ( fname.lastIndexOf( '.' ) !== -1 ) {
+ ext = fname.substr( fname.lastIndexOf( '.' ) + 1 );
+ for ( i = 0; i < fileExtensions.length; i += 1 ) {
+ if ( fileExtensions[i].toLowerCase() === ext.toLowerCase() ) {
+ found = true;
+ break;
+ }
+ }
+ }
+ if ( !found ) {
+ // Not a valid extension
+ // Clear the upload and set mw-upload-permitted to error
+ document.getElementById( id ).value = '';
+ e = document.getElementById( 'mw-upload-permitted' );
+ if ( e ) {
+ e.className = 'error';
+ }
+
+ e = document.getElementById( 'mw-upload-prohibited' );
+ if ( e ) {
+ e.className = 'error';
+ }
+
+ // Clear wpDestFile as well
+ e = document.getElementById( 'wpDestFile' );
+ if ( e ) {
+ e.value = '';
+ }
+
+ return false;
+ }
+ }
+
+ // Replace spaces by underscores
+ fname = fname.replace( / /g, '_' );
+ // Capitalise first letter if needed
+ if ( mw.config.get( 'wgCapitalizeUploads' ) ) {
+ fname = fname.charAt( 0 ).toUpperCase().concat( fname.substring( 1, 10000 ) );
+ }
+
+ // Output result
+ destFile = document.getElementById( 'wpDestFile' );
+ if ( destFile ) {
+ // Call decodeURIComponent function to remove possible URL-encoded characters
+ // from the file name (bug 30390). Especially likely with upload-form-url.
+ // decodeURIComponent can throw an exception in input is invalid utf-8
+ try {
+ destFile.value = decodeURIComponent( fname );
+ } catch ( err ) {
+ destFile.value = fname;
+ }
+ wgUploadWarningObj.checkNow( fname );
+ }
+};
+
+window.toggleFilenameFiller = function () {
+ if ( !document.getElementById ) {
+ return;
+ }
+ var destName = document.getElementById( 'wpDestFile' ).value;
+ mw.config.set( 'wgUploadAutoFill', !destName );
+};
+
+wgUploadLicenseObj = window.wgUploadLicenseObj = {
+
+ responseCache: { '': '' },
+
+ fetchPreview: function ( license ) {
+ var cached, title;
+ if ( !mw.config.get( 'wgAjaxLicensePreview' ) ) {
+ return;
+ }
+ for ( cached in this.responseCache ) {
+ if ( cached === license ) {
+ this.showPreview( this.responseCache[license] );
+ return;
+ }
+ }
+
+ $spinnerLicense = $.createSpinner().insertAfter( '#wpLicense' );
+
+ title = document.getElementById( 'wpDestFile' ).value;
+ if ( !title ) {
+ title = 'File:Sample.jpg';
+ }
+
+ ( new mw.Api() ).get( {
+ action: 'parse',
+ text: '{{' + license + '}}',
+ title: title,
+ prop: 'text',
+ pst: ''
+ } ).done( function ( result ) {
+ wgUploadLicenseObj.processResult( result, license );
+ } );
+ },
+
+ processResult: function ( result, license ) {
+ $spinnerLicense.remove();
+ $spinnerLicense = undefined;
+ this.responseCache[license] = result.parse.text['*'];
+ this.showPreview( this.responseCache[license] );
+ },
+
+ showPreview: function ( preview ) {
+ var previewPanel = document.getElementById( 'mw-license-preview' );
+ if ( previewPanel.innerHTML !== preview ) {
+ previewPanel.innerHTML = preview;
+ }
+ }
+
+};
+
+$( uploadSetup );
+
+}( mediaWiki, jQuery ) );
diff --git a/skins/common/wikibits.js b/skins/common/wikibits.js
new file mode 100644
index 0000000..516035e
--- /dev/null
+++ b/skins/common/wikibits.js
@@ -0,0 +1,243 @@
+/**
+ * MediaWiki legacy wikibits
+ */
+( function ( mw, $ ) {
+ var msg,
+ win = window,
+ ua = navigator.userAgent.toLowerCase(),
+ isIE6 = ( /msie ([0-9]{1,}[\.0-9]{0,})/.exec( ua ) && parseFloat( RegExp.$1 ) <= 6.0 ),
+ isGecko = /gecko/.test( ua ) && !/khtml|spoofer|netscape\/7\.0/.test( ua ),
+ onloadFuncts = [];
+
+if ( mw.config.get( 'wgBreakFrames' ) ) {
+ // Note: In IE < 9 strict comparison to window is non-standard (the standard didn't exist yet)
+ // it works only comparing to window.self or window.window (http://stackoverflow.com/q/4850978/319266)
+ if ( win.top !== win.self ) {
+ // Un-trap us from framesets
+ win.top.location = win.location;
+ }
+}
+
+/**
+ * Legacy function to scroll to an id while viewing the page over a redirect.
+ * Superseeded by module 'mediawiki.action.view.redirectToFragment' in version 1.23.
+ * Kepted because cache can contain still inline script calls to this function.
+ * Should be removed in version 1.24.
+ * @deprecated since 1.23 Use mediawiki.action.view.redirectToFragment instead
+ */
+mw.log.deprecate( win, 'redirectToFragment', function ( fragment ) {
+ var webKitVersion,
+ match = navigator.userAgent.match( /AppleWebKit\/(\d+)/ );
+ if ( match ) {
+ webKitVersion = parseInt( match[1], 10 );
+ if ( webKitVersion < 420 ) {
+ // Released Safari w/ WebKit 418.9.1 messes up horribly
+ // Nightlies of 420+ are ok
+ return;
+ }
+ }
+ if ( !win.location.hash ) {
+ win.location.hash = fragment;
+
+ // Mozilla needs to wait until after load, otherwise the window doesn't
+ // scroll. See <https://bugzilla.mozilla.org/show_bug.cgi?id=516293>.
+ // There's no obvious way to detect this programmatically, so we use
+ // version-testing. If Firefox fixes the bug, they'll jump twice, but
+ // better twice than not at all, so make the fix hit future versions as
+ // well.
+ if ( isGecko ) {
+ $( function () {
+ if ( win.location.hash === fragment ) {
+ win.location.hash = fragment;
+ }
+ } );
+ }
+ }
+}, 'Use the module mediawiki.action.view.redirectToFragment instead.' );
+
+/**
+ * User-agent sniffing.
+ *
+ * @deprecated since 1.17 Use jquery.client instead
+ */
+
+msg = 'Use feature detection or module jquery.client instead.';
+
+mw.log.deprecate( win, 'clientPC', ua, msg );
+
+// Ignored dummy values
+mw.log.deprecate( win, 'is_gecko', false, msg );
+mw.log.deprecate( win, 'is_chrome_mac', false, msg );
+mw.log.deprecate( win, 'is_chrome', false, msg );
+mw.log.deprecate( win, 'webkit_version', false, msg );
+mw.log.deprecate( win, 'is_safari_win', false, msg );
+mw.log.deprecate( win, 'is_safari', false, msg );
+mw.log.deprecate( win, 'webkit_match', false, msg );
+mw.log.deprecate( win, 'is_ff2', false, msg );
+mw.log.deprecate( win, 'ff2_bugs', false, msg );
+mw.log.deprecate( win, 'is_ff2_win', false, msg );
+mw.log.deprecate( win, 'is_ff2_x11', false, msg );
+mw.log.deprecate( win, 'opera95_bugs', false, msg );
+mw.log.deprecate( win, 'opera7_bugs', false, msg );
+mw.log.deprecate( win, 'opera6_bugs', false, msg );
+mw.log.deprecate( win, 'is_opera_95', false, msg );
+mw.log.deprecate( win, 'is_opera_preseven', false, msg );
+mw.log.deprecate( win, 'is_opera', false, msg );
+mw.log.deprecate( win, 'ie6_bugs', false, msg );
+
+/**
+ * DOM utilities for handling of events, text nodes and selecting elements
+ *
+ * @deprecated since 1.17 Use jQuery instead
+ */
+msg = 'Use jQuery instead.';
+
+// Ignored dummy values
+mw.log.deprecate( win, 'doneOnloadHook', undefined, msg );
+mw.log.deprecate( win, 'onloadFuncts', [], msg );
+mw.log.deprecate( win, 'runOnloadHook', $.noop, msg );
+mw.log.deprecate( win, 'changeText', $.noop, msg );
+mw.log.deprecate( win, 'killEvt', $.noop, msg );
+mw.log.deprecate( win, 'addHandler', $.noop, msg );
+mw.log.deprecate( win, 'hookEvent', $.noop, msg );
+mw.log.deprecate( win, 'addClickHandler', $.noop, msg );
+mw.log.deprecate( win, 'removeHandler', $.noop, msg );
+mw.log.deprecate( win, 'getElementsByClassName', function () { return []; }, msg );
+mw.log.deprecate( win, 'getInnerText', function () { return ''; }, msg );
+
+// Run a function after the window onload event is fired
+mw.log.deprecate( win, 'addOnloadHook', function ( hookFunct ) {
+ if ( onloadFuncts ) {
+ onloadFuncts.push(hookFunct);
+ } else {
+ // If func queue is gone the event has happened already,
+ // run immediately instead of queueing.
+ hookFunct();
+ }
+}, msg );
+
+$( win ).on( 'load', function () {
+ var i, functs;
+
+ // Don't run twice
+ if ( !onloadFuncts ) {
+ return;
+ }
+
+ // Deference and clear onloadFuncts before running any
+ // hooks to make sure we don't miss any addOnloadHook
+ // calls.
+ functs = onloadFuncts.slice();
+ onloadFuncts = undefined;
+
+ // Execute the queued functions
+ for ( i = 0; i < functs.length; i++ ) {
+ functs[i]();
+ }
+} );
+
+/**
+ * Toggle checkboxes with shift selection
+ *
+ * @deprecated since 1.17 Use jquery.checkboxShiftClick instead
+ */
+msg = 'Use jquery.checkboxShiftClick instead.';
+mw.log.deprecate( win, 'checkboxes', [], msg );
+mw.log.deprecate( win, 'lastCheckbox', null, msg );
+mw.log.deprecate( win, 'setupCheckboxShiftClick', $.noop, msg );
+mw.log.deprecate( win, 'addCheckboxClickHandlers', $.noop, msg );
+mw.log.deprecate( win, 'checkboxClickHandler', $.noop, msg );
+
+/**
+ * Add a button to the default editor toolbar
+ *
+ * @deprecated since 1.17 Use mw.toolbar instead
+ */
+mw.log.deprecate( win, 'mwEditButtons', [], 'Use mw.toolbar instead.' );
+mw.log.deprecate( win, 'mwCustomEditButtons', [], 'Use mw.toolbar instead.' );
+
+/**
+ * Spinner creation, injection and removal
+ *
+ * @deprecated since 1.18 Use jquery.spinner instead
+ */
+mw.log.deprecate( win, 'injectSpinner', $.noop, 'Use jquery.spinner instead.' );
+mw.log.deprecate( win, 'removeSpinner', $.noop, 'Use jquery.spinner instead.' );
+
+/**
+ * Escape utilities
+ *
+ * @deprecated since 1.18 Use mw.html instead
+ */
+mw.log.deprecate( win, 'escapeQuotes', $.noop, 'Use mw.html instead.' );
+mw.log.deprecate( win, 'escapeQuotesHTML', $.noop, 'Use mw.html instead.' );
+
+/**
+ * Display a message to the user
+ *
+ * @deprecated since 1.17 Use mediawiki.notify instead
+ * @param {string|HTMLElement} message To be put inside the message box
+ */
+mw.log.deprecate( win, 'jsMsg', mw.util.jsMessage, 'Use mediawiki.notify instead.' );
+
+/**
+ * Misc. utilities
+ *
+ * @deprecated since 1.17 Use mediawiki.util instead
+ */
+msg = 'Use mediawiki.util instead.';
+mw.log.deprecate( win, 'tooltipAccessKeyPrefix', 'alt-', msg );
+mw.log.deprecate( win, 'tooltipAccessKeyRegexp', /\[(alt-)?(.)\]$/, msg );
+mw.log.deprecate( win, 'updateTooltipAccessKeys', mw.util.updateTooltipAccessKeys, msg );
+mw.log.deprecate( win, 'addPortletLink', mw.util.addPortletLink, msg );
+mw.log.deprecate( win, 'appendCSS', mw.util.addCSS, msg );
+
+/**
+ * Wikipage import methods
+ */
+
+// included-scripts tracker
+win.loadedScripts = {};
+
+win.importScript = function ( page ) {
+ var uri = mw.config.get( 'wgScript' ) + '?title=' +
+ mw.util.wikiUrlencode( page ) +
+ '&action=raw&ctype=text/javascript';
+ return win.importScriptURI( uri );
+};
+
+win.importScriptURI = function ( url ) {
+ if ( win.loadedScripts[url] ) {
+ return null;
+ }
+ win.loadedScripts[url] = true;
+ var s = document.createElement( 'script' );
+ s.setAttribute( 'src', url );
+ s.setAttribute( 'type', 'text/javascript' );
+ document.getElementsByTagName( 'head' )[0].appendChild( s );
+ return s;
+};
+
+win.importStylesheet = function ( page ) {
+ var uri = mw.config.get( 'wgScript' ) + '?title=' +
+ mw.util.wikiUrlencode( page ) +
+ '&action=raw&ctype=text/css';
+ return win.importStylesheetURI( uri );
+};
+
+win.importStylesheetURI = function ( url, media ) {
+ var l = document.createElement( 'link' );
+ l.rel = 'stylesheet';
+ l.href = url;
+ if ( media ) {
+ l.media = media;
+ }
+ document.getElementsByTagName('head')[0].appendChild( l );
+ return l;
+};
+
+if ( isIE6 ) {
+ win.importScriptURI( mw.config.get( 'stylepath' ) + '/common/IEFixes.js' );
+}
+
+}( mediaWiki, jQuery ) );
diff --git a/skins/modern/audio.png b/skins/modern/audio.png
new file mode 100644
index 0000000..68c8768
--- /dev/null
+++ b/skins/modern/audio.png
Binary files differ
diff --git a/skins/modern/bullet.gif b/skins/modern/bullet.gif
new file mode 100644
index 0000000..b43de48
--- /dev/null
+++ b/skins/modern/bullet.gif
Binary files differ
diff --git a/skins/modern/discussionitem_icon.gif b/skins/modern/discussionitem_icon.gif
new file mode 100644
index 0000000..e3ca6d9
--- /dev/null
+++ b/skins/modern/discussionitem_icon.gif
Binary files differ
diff --git a/skins/modern/document.png b/skins/modern/document.png
new file mode 100644
index 0000000..ee46a50
--- /dev/null
+++ b/skins/modern/document.png
Binary files differ
diff --git a/skins/modern/external.png b/skins/modern/external.png
new file mode 100644
index 0000000..6308383
--- /dev/null
+++ b/skins/modern/external.png
Binary files differ
diff --git a/skins/modern/file_icon.gif b/skins/modern/file_icon.gif
new file mode 100644
index 0000000..69dbeaf
--- /dev/null
+++ b/skins/modern/file_icon.gif
Binary files differ
diff --git a/skins/modern/footer-grad.png b/skins/modern/footer-grad.png
new file mode 100644
index 0000000..72b8724
--- /dev/null
+++ b/skins/modern/footer-grad.png
Binary files differ
diff --git a/skins/modern/link_icon.gif b/skins/modern/link_icon.gif
new file mode 100644
index 0000000..168c1a2
--- /dev/null
+++ b/skins/modern/link_icon.gif
Binary files differ
diff --git a/skins/modern/lock_icon.gif b/skins/modern/lock_icon.gif
new file mode 100644
index 0000000..8284403
--- /dev/null
+++ b/skins/modern/lock_icon.gif
Binary files differ
diff --git a/skins/modern/mail_icon.gif b/skins/modern/mail_icon.gif
new file mode 100644
index 0000000..cf5680d
--- /dev/null
+++ b/skins/modern/mail_icon.gif
Binary files differ
diff --git a/skins/modern/main.css b/skins/modern/main.css
new file mode 100644
index 0000000..6f73f0e
--- /dev/null
+++ b/skins/modern/main.css
@@ -0,0 +1,912 @@
+body {
+ margin: 0 0 0 0;
+ padding: 0 0 0 0;
+ font-size: x-small;
+
+
+ font-family: sans-serif;
+ color: black;
+ background-color: #f0f0f0;
+
+ direction: ltr;
+ unicode-bidi: embed;
+}
+
+#mw_main,
+#p-personal,
+#mw_header,
+.os-suggest {
+ font-size: 130%;
+}
+
+#mw_header {
+ position: absolute;
+ top: 0;
+ left: 0;
+ margin: 0 0 0 0;
+ padding: 0 0em 0 0em;
+ border: none;
+ height: 2em;
+ width: 100%;
+
+ background-color: #003366;
+ color: white;
+}
+
+#mw_header h1 {
+ margin: 0 0 0 0.5em;
+ padding: 0 0 0 0;
+ text-decoration: none;
+ font-size: 150%;
+}
+
+#p-personal {
+ position: absolute;
+ top: 2em;
+ left: 0;
+ height: 1.5em;
+ margin: 0 0 0 0;
+ padding: 0 0 0 0;
+ width: 100%;
+
+}
+
+#p-personal div.pBody {
+ margin: 0 0 0 0;
+ padding: 0 0 0 0;
+ height: 1.5em;
+ font-variant: small-caps;
+}
+
+#p-personal h3 {
+ display: none;
+}
+
+#p-personal ul {
+ margin: 0 0 0 0;
+ padding: 0 0 0 0;
+ display: block;
+ height: 1.5em;
+ background-color: #3c78b5;
+}
+
+#p-personal li {
+ display: block;
+ float: left;
+ height: 1.5em;
+ margin: 0 0 0 0;
+ vertical-align: middle;
+
+ font-weight: bold;
+ text-transform: lowercase;
+}
+
+#p-personal li a {
+ text-decoration: none;
+ color: white;
+ padding: 0 1em 0 1em;
+}
+
+#p-personal li a:hover {
+ text-decoration: none;
+ color: white;
+}
+
+#p-personal li:hover {
+ background-color: #003366;
+}
+
+#jump-to-nav {
+ display: none;
+}
+
+#mw_contentwrapper {
+ width: 100%;
+ margin: 0 0 0 -15em;
+ float: right;
+}
+
+#mw_content {
+ margin: 0 0 0 14em;
+
+ background-color: white;
+ border-top: solid 1px #bbbbbb;
+ border-left: solid 1px #bbbbbb;
+ border-bottom: solid 1px #bbbbbb;
+
+ line-height: 1.5em;
+ padding: 0 1em 1em 1em;
+}
+
+#mw_portlets {
+ width: 14em;
+
+ border-right: solid 1px #bbbbbb;
+ background-color: #f0f0f0;
+}
+
+/* Hide, but keep accessible for screen-readers */
+#mw_portlets h2 {
+ position: absolute;
+ top: -9999px;
+}
+
+#mw_main {
+ padding: 0 0 0 0;
+ margin: 0 0 0 0;
+ margin-top: 3.5em;
+}
+
+div.mw_clear {
+ margin: 0 0 0 0;
+ padding: 0 0 0 0;
+ clear: both;
+}
+
+.portlet {
+ padding: 0 0 0 0;
+ margin: 0 0 0 0;
+}
+
+.portlet div.pBody {
+ padding: 0em 0 0.5em 0;
+}
+
+textarea {
+ width: 100%;
+ padding: .1em;
+ display: block;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+#searchBody {
+ text-align: center;
+}
+
+#searchInput {
+ width: 85%;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+#p-search #searchform div div {
+ margin-top: .4em;
+}
+
+.portlet h3 {
+ padding: 0.1em 0 0.3em 1em;
+ margin: 0 0 0 0;
+ background-color: #dddddd;
+ font-weight: bold;
+ font-size: 0.83em;
+ border-bottom: solid 1px #3c78b5;
+ height: 1.1em;
+}
+
+.portlet ul {
+ margin: 0 0 0 1.5em;
+ padding: 0 0 0 0;
+}
+
+#mw_portlets .portlet ul {
+ line-height: 1.4em;
+}
+
+ul {
+ /* @embed */
+ list-style-image: url(bullet.gif);
+}
+
+#p-cactions {
+ height: 1.5em;
+ padding: 0 0 0 0;
+ margin: 0 0 0 14em;
+}
+
+#p-cactions div.pBody {
+ margin: 0 0 0 0;
+ padding: 0 0 0 0;
+}
+
+#p-cactions a,
+#p-cactions a:hover {
+ color: black;
+ text-decoration: none;
+}
+
+#p-cactions ul {
+ display: inline;
+ margin: 0 0 0 0;
+ padding: 0 0 0 0;
+}
+
+#p-cactions li {
+ margin: 0 0.5em 0 0.5em;
+ padding: 0 0.2em 0 0.2em;
+ display: block;
+ float: left;
+ height: 1.5em;
+ text-transform: lowercase;
+}
+
+#p-cactions li.selected {
+ background-color: #bbbbbb;
+}
+
+#p-cactions li a,
+#p-cactions li a:hover,
+#p-cactions li a:visited {
+ text-decoration: underline;
+ color: #003366;
+}
+
+#p-cactions li.selected a,
+#p-cactions li.selected a:hover,
+#p-cactions li.selected a:visited {
+ text-decoration: none;
+ color: white;
+}
+
+#p-cactions h3 {
+ display: none;
+}
+
+#siteSub {
+ display: none;
+}
+
+#footer {
+ background-color: #f0f0f0;
+ /* @embed */
+ background: url(footer-grad.png) repeat-x 0 0;
+ padding: 10px 1em 1em 1em;
+ clear:both;
+ color: #444444;
+}
+
+#footer a,
+#footer a:hover,
+#footer a:visited {
+ color: #444444;
+ text-decoration: underline;
+}
+
+img {
+ border: none;
+}
+
+#footer li {
+ display: inline;
+ list-style-type: none;
+ padding: 0 0 0 0;
+ margin: 0 0 0 0;
+}
+
+#footer ul {
+ padding: 0 0 0 0;
+ margin: 0 0 0 0;
+}
+
+p {
+ margin: 1em 0 1em 0;
+}
+
+hr {
+ height: 1px;
+ color: #aaa;
+ background-color: #aaa;
+ border: 0;
+ margin: .2em 0 .2em 0;
+}
+
+#contentSub {
+ color: #545454;
+ font-size: small;
+ padding-left: 2em;
+}
+
+#mw_portlets form {
+ margin: 0 0 0 0;
+ padding: 0 0 0 0;
+}
+
+a {
+ text-decoration: none;
+ color: #003366;
+ background: none;
+}
+a:visited {
+ color: #5a3696;
+}
+a:active {
+ color: #faa700;
+}
+a:hover {
+ text-decoration: underline;
+}
+a.stub {
+ color: #772233;
+}
+a.new {
+ color: #ba0000;
+}
+a.new:visited {
+ color: #a55858;
+}
+
+h1, h2 {
+ border-bottom: solid 1px #003366;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ overflow: hidden;
+}
+
+#preftoc {
+ width: 100%;
+ margin: 0 0 0 0;
+ padding: 0 0 0 0;
+ height: 1.5em;
+ clear: right;
+}
+
+#preftoc li {
+ margin: 0 0.5em 0 0.5em;
+ padding: 0 0.2em 0 0.2em;
+ display: block;
+ float: left;
+ height: 1.5em;
+ text-transform: lowercase;
+}
+
+#preferences {
+ margin: 0 0 0 0;
+ padding: 0em 1em 1em 1em;
+ border: solid 1px #bbbbbb;
+ clear: left; /* Multi-line toc should not push data to horizontally */
+}
+
+#preferences fieldset {
+ margin-top: 0;
+ border: none;
+}
+
+.mainLegend {
+ display: none;
+}
+
+.htmlform-tip {
+ font-size: x-small;
+ padding: .2em 2em;
+ color: #666;
+}
+
+.prefsection legend {
+ font-weight: bold;
+}
+
+#preftoc li.selected {
+ background-color: #bbbbbb;
+}
+
+#preftoc li a,
+#preftoc li a:hover,
+#preftoc li a:visited {
+ text-decoration: underline;
+ color: #003366;
+}
+
+#preftoc li.selected a,
+#preftoc li.selected a:hover,
+#preftoc li.selected a:visited {
+ text-decoration: none;
+ color: white;
+}
+#mw_content a.external {
+ /* @embed */
+ background: url(external.png) center right no-repeat;
+ padding-right: 13px;
+}
+#mw_content a.external[href ^="https://"],
+.link-https {
+ /* @embed */
+ background: url(lock_icon.gif) center right no-repeat;
+ padding-right: 16px;
+}
+#mw_content a.external[href ^="mailto:"],
+.link-mailto {
+ /* @embed */
+ background: url(mail_icon.gif) center right no-repeat;
+ padding-right: 18px;
+}
+#mw_content a.external[href ^="news:"] {
+ /* @embed */
+ background: url(news_icon.png) center right no-repeat;
+ padding-right: 18px;
+}
+#mw_content a.external[href ^="ftp://"],
+.link-ftp {
+ /* @embed */
+ background: url(file_icon.gif) center right no-repeat;
+ padding-right: 18px;
+}
+#mw_content a.external[href ^="irc://"],
+#mw_content a.external[href ^="ircs://"],
+.link-irc {
+ /* @embed */
+ background: url(discussionitem_icon.gif) center right no-repeat;
+ padding-right: 18px;
+}
+
+#mw_content a.external[href $=".ogg"], #mw_content a.external[href $=".OGG"],
+#mw_content a.external[href $=".mid"], #mw_content a.external[href $=".MID"],
+#mw_content a.external[href $=".midi"], #mw_content a.external[href $=".MIDI"],
+#mw_content a.external[href $=".mp3"], #mw_content a.external[href $=".MP3"],
+#mw_content a.external[href $=".wav"], #mw_content a.external[href $=".WAV"],
+#mw_content a.external[href $=".wma"], #mw_content a.external[href $=".WMA"],
+.link-audio {
+ /* @embed */
+ background: url(audio.png) center right no-repeat;
+ padding-right: 13px;
+}
+#mw_content a.external[href $=".ogm"], #mw_content a.external[href $=".OGM"],
+#mw_content a.external[href $=".avi"], #mw_content a.external[href $=".AVI"],
+#mw_content a.external[href $=".mpeg"], #mw_content a.external[href $=".MPEG"],
+#mw_content a.external[href $=".mpg"], #mw_content a.external[href $=".MPG"],
+.link-video {
+ /* @embed */
+ background: url(video.png) center right no-repeat;
+ padding-right: 13px;
+}
+#mw_content a.external[href $=".pdf"], #mw_content a.external[href $=".PDF"],
+#mw_content a.external[href *=".pdf#"], #mw_content a.external[href *=".PDF#"],
+#mw_content a.external[href *=".pdf?"], #mw_content a.external[href *=".PDF?"],
+.link-document {
+ /* @embed */
+ background: url(document.png) center right no-repeat;
+ padding-right: 12px;
+}
+
+/* images */
+/* @noflip */div.floatright, table.floatright {
+ margin: 0 0 .5em .5em;
+ border: 0;
+}
+div.floatright p {
+ font-style: italic;
+}
+/* @noflip */div.floatleft, table.floatleft {
+ margin: 0 .5em .5em 0;
+ border: 0;
+}
+div.floatleft p {
+ font-style: italic;
+}
+
+/* thumbnails */
+div.thumb {
+ margin-bottom: .5em;
+ width: auto;
+}
+div.thumbinner {
+ border: 1px solid #ccc;
+ padding: 3px !important;
+ background-color: #f9f9f9;
+ font-size: 94%;
+ text-align: center;
+ overflow: hidden;
+}
+html .thumbimage {
+ border: 1px solid #ccc;
+}
+html .thumbcaption {
+ border: none;
+ text-align: left;
+ line-height: 1.4em;
+ padding: 3px !important;
+ font-size: 94%;
+}
+div.magnify {
+ float: right;
+ border: none !important;
+ background: none !important;
+ margin-left: 3px;
+}
+div.magnify a, div.magnify img {
+ display: block;
+ border: none !important;
+ background: none !important;
+}
+/* @noflip */div.tright {
+ margin: .5em 0 .8em 1.4em;
+}
+/* @noflip */div.tleft {
+ margin: .5em 1.4em .8em 0;
+}
+img.thumbborder {
+ border: 1px solid #dddddd;
+}
+.mw-warning {
+ border: 1px solid #aaa;
+ background-color: #f9f9f9;
+ padding: 5px;
+ font-size: 95%;
+}
+
+#toc,
+.toc {
+ margin: 0 0 0 0;
+ padding: 0 0 0 0;
+ border-spacing: 0;
+ background-color: #f0f0f0;
+ border: solid 1px #bbbbbb;
+ display: -moz-inline-block;
+ display: inline-block;
+ display: table;
+
+ /* IE7 and earliers */
+ zoom: 1;
+ *display: inline;
+
+ padding: 7px;
+}
+
+/* CSS for backwards-compatibility with cached page renders and creative uses in wikitext */
+table#toc,
+table.toc {
+ border-collapse: collapse;
+}
+
+/* Remove additional paddings inside table-cells that are not present in <div>s */
+table#toc td,
+table.toc td {
+ padding: 0;
+}
+
+#toc tr, #toc td {
+ margin: 0 0 0 0;
+ padding: 0 0 0 0;
+}
+
+#toctitle {
+ border-bottom: solid 1px #3c78b5;
+ background-color: #dddddd;
+ margin: 0 0 0 0;
+}
+
+#toc h2,
+.toc h2 {
+ display: inline;
+ border: none;
+ padding: 0;
+ font-size: 100%;
+ font-weight: bold;
+}
+#toc #toctitle,
+.toc #toctitle,
+#toc .toctitle,
+.toc .toctitle {
+ text-align: center;
+}
+
+#toc ul,
+.toc ul {
+ list-style-type: none;
+ list-style-image: none;
+ margin: 0 1em 0 1em;
+ padding: 0;
+ text-align: left;
+}
+
+#toc ul ul,
+.toc ul ul {
+ margin: 0 0 0 2em;
+}
+
+#toc .toctoggle,
+.toc .toctoggle {
+ font-size: 94%;
+}
+
+.mw-warning {
+ margin-left: 50px;
+ margin-right: 50px;
+ text-align: center;
+}
+
+.catlinks {
+ border: solid 1px #bbbbbb;
+ background-color: #f0f0f0;
+ padding: 0.1em 0.3em 0.1em 0.3em;
+ margin: 0 0 0 0;
+}
+
+#mw_header h1,
+#p-personal,
+#p-cactions {
+ overflow: hidden;
+}
+
+/* disable interwiki styling */
+#mw_content a.extiw,
+#mw_content a.extiw:active {
+ color: #36b;
+}
+#mw_content a.external {
+ color: #36b;
+}
+
+
+.redirectText {
+ font-size: 150%;
+ margin: 5px;
+}
+
+.printfooter {
+ display: none;
+}
+
+.sharedUploadNotice {
+ font-style: italic;
+}
+
+span.updatedmarker {
+ color: black;
+ background-color: #0f0;
+}
+
+.previewnote {
+ text-indent: 3em;
+ color: #c00;
+ border-bottom: 1px solid #aaa;
+ padding-bottom: 1em;
+ margin-bottom: 1em;
+}
+
+.previewnote p {
+ margin: 0;
+ padding: 0;
+}
+
+.editExternally {
+ border: 1px solid gray;
+ background-color: #ffffff;
+ padding: 3px;
+ margin-top: 0.5em;
+ float: left;
+ font-size: small;
+ text-align: center;
+}
+.editExternallyHelp {
+ font-style: italic;
+ color: gray;
+}
+
+.toggle {
+ margin-left: 2em;
+ text-indent: -2em;
+}
+
+table.collapsed tr.collapsable {
+ display: none;
+}
+
+input#wpSummary {
+ width: 80%;
+}
+
+/* @bug 1714 */
+input#wpSave, input#wpDiff {
+ margin-right: 0.33em;
+}
+
+#wpSave {
+ font-weight: bold;
+}
+
+/* noarticletext */
+div.noarticletext {
+ border: 1px solid #ccc;
+ background: #fff;
+ padding: .2em 1em;
+ color: #000;
+}
+
+div#searchTargetContainer {
+ left: 10px;
+ top: 10px;
+ width: 90%;
+ background: white;
+}
+
+div#searchTarget {
+ padding: 3px;
+ margin: 5px;
+ background: #F0F0F0;
+ border: solid 1px blue;
+}
+
+div#searchTarget ul li {
+ list-style: none;
+}
+
+div#searchTarget ul li:before {
+ color: orange;
+ content: "\00BB \0020";
+}
+
+div#searchTargetHide {
+ float: right;
+ border: solid 1px black;
+ background: #DCDCDC;
+ padding: 2px;
+}
+
+div.multipageimagenavbox {
+ border: solid 1px silver;
+ padding: 4px;
+ margin: 1em;
+ background: #f0f0f0;
+}
+
+div.multipageimagenavbox div.thumb {
+ border: none;
+ margin-left: 2em;
+ margin-right: 2em;
+}
+
+div.multipageimagenavbox hr {
+ margin: 6px;
+}
+
+table.multipageimage td {
+ text-align: center;
+}
+
+.templatesUsed {
+ margin-top: 1.5em;
+}
+
+.mw-summary-preview {
+ margin: 0.1em 0;
+}
+
+/* Friendlier slave lag warnings */
+div.mw-lag-warn-normal,
+div.mw-lag-warn-high {
+ padding: 3px;
+ text-align: center;
+ margin: 3px auto;
+}
+div.mw-lag-warn-normal {
+ border: 1px solid #FFCC66;
+ background-color: #FFFFCC;
+}
+div.mw-lag-warn-high {
+ font-weight: bold;
+ border: 2px solid #FF0033;
+ background-color: #FFCCCC;
+}
+
+.MediaTransformError {
+ background-color: #ccc;
+ padding: 0.1em;
+}
+.MediaTransformError td {
+ text-align: center;
+ vertical-align: middle;
+ font-size: 90%;
+}
+ul {
+ line-height: 1.5em;
+ list-style-type: square;
+ margin: .3em 0 0 1.5em;
+ padding: 0;
+ /* @embed */
+ list-style-image: url(bullet.gif);
+}
+ol {
+ line-height: 1.5em;
+ margin: .3em 0 0 3.2em;
+ padding: 0;
+ list-style-image: none;
+}
+li {
+ margin-bottom: .1em;
+}
+dt {
+ font-weight: bold;
+ margin-bottom: .1em;
+}
+dl {
+ margin-top: .2em;
+ margin-bottom: .5em;
+}
+
+#p-cactions li.new a {
+ color: #cc2200;
+}
+
+span.subpages {
+ font-size: 80%;
+ display: block;
+}
+
+pre, .mw-code {
+ border: solid 1px #3c78b5;
+ padding: 0.4em;
+ background-color: #f0f0f0;
+}
+
+.usermessage {
+ background-color: #dadaff;
+}
+
+.mw-topboxes {
+ border-collapse: collapse;
+ margin: 0 -1em 1em -1em;
+ padding: 0 0 8px 0;
+ /* @embed */
+ background: url(footer-grad.png) repeat-x bottom left;
+}
+
+.mw-topbox p {
+ padding: 0 0 0 0;
+ margin: 0 0 0 0;
+}
+
+.mw-topbox {
+ color: black;
+ font-weight: bold;
+ margin: 0 0 0 0;
+ padding: 0 1em 0 1em;
+ vertical-align: middle;
+ border-collapse: collapse;
+ border-bottom: solid 1px #bbbbbb;
+}
+
+#siteSub {
+ background-color: #dddddd;
+}
+
+/* emulate center */
+.center {
+ width: 100%;
+ text-align: center;
+}
+*.center * {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+/* table standards */
+.toccolours {
+ border: 1px solid #bbbbbb;
+ background-color: #f0f0f0;
+ border-spacing: 0pt;
+ margin: 0pt;
+ padding: 0pt;
+}
+
+/* Tooltips are outside of the normal body code, so this helps make the size of the text sensible */
+.tipsy {
+ font-size: 130%;
+}
+
+/**
+ * Lists:
+ * The following lines don't have a visible effect on non-Gecko browsers
+ * They fix a problem ith Gecko browsers rendering lists to the right of
+ * left-floated objects in an RTL layout.
+ */
+/* @noflip */
+html > body.rtl div#mw_contentholder ul {
+ display: table;
+}
+
+/* @noflip */
+html > body.rtl div#mw_contentholder ul#filetoc {
+ display: block;
+}
diff --git a/skins/modern/news_icon.png b/skins/modern/news_icon.png
new file mode 100644
index 0000000..4d3cb47
--- /dev/null
+++ b/skins/modern/news_icon.png
Binary files differ
diff --git a/skins/modern/print.css b/skins/modern/print.css
new file mode 100644
index 0000000..150d2d2
--- /dev/null
+++ b/skins/modern/print.css
@@ -0,0 +1,10 @@
+#mw_portlets,
+#p-cactions,
+#p-personal,
+#jump-to-nav,
+#footer,
+.mw-editsection,
+.mw-editsection-like,
+.noprint {
+ display: none;
+}
diff --git a/skins/modern/video.png b/skins/modern/video.png
new file mode 100644
index 0000000..e535c0c
--- /dev/null
+++ b/skins/modern/video.png
Binary files differ
diff --git a/skins/monobook/IE60Fixes.css b/skins/monobook/IE60Fixes.css
new file mode 100644
index 0000000..f3e4100
--- /dev/null
+++ b/skins/monobook/IE60Fixes.css
@@ -0,0 +1,112 @@
+/* 6.0 - only fixes */
+/* content area */
+/* workaround for various ie float bugs */
+div#column-content {
+ float: none;
+ margin-left: 0;
+ height: 1%;
+}
+div#column-content div#content {
+ margin-left: 12.2em;
+ margin-top: 3em;
+ height: 1%;
+}
+.rtl div#column-content div#content {
+ margin-right: 12.2em;
+ margin-left: 0;
+}
+div#column-one {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 4;
+}
+.rtl div#column-one {
+ left: auto;
+ right: 0;
+}
+div#footer {
+ margin-left: 13.6em;
+ border-left: 1px solid #fabd23;
+}
+.rtl div#footer {
+ margin-left: 0;
+ margin-right: 13.6em;
+ border-left: none;
+ border-right: 1px solid #fabd23;
+}
+
+/* float/negative margin brokenness */
+* html div#footer {
+ margin-top: 0;
+}
+
+* html div#column-content {
+ display: inline;
+ margin-bottom: 0;
+}
+
+/* the tabs */
+
+#p-cactions {
+ z-index: 3;
+}
+
+#p-cactions li {
+ padding-bottom: 0 !important;
+ border: none;
+ background-color: transparent;
+ cursor: default;
+ float: none !important;
+}
+#p-cactions li a {
+ display: inline-block !important;
+ vertical-align: top;
+ padding-bottom: 0;
+ border: solid #aaa;
+ border-width: 1px 1px 0;
+}
+#p-cactions li.selected a {
+ border-color: #fabd23;
+ padding-bottom: 0.17em;
+}
+#p-cactions li a:hover {
+ padding-bottom: 0.17em;
+}
+#p-navigation a {
+ display: inline-block;
+ width: 100%;
+}
+#portal-personaltools {
+ padding-bottom: 0.1em;
+}
+
+.rtl a.feedlink {
+ background-position: right;
+ padding-right: 0;
+ padding-left: 16px;
+}
+
+/* show the hand */
+#p-logo a,
+#p-logo a:hover {
+ cursor: pointer;
+}
+div.visualClear {
+ width:100%;
+ line-height: 0;
+}
+textarea {
+ width: 96%;
+}
+
+#catlinks,
+div.tright,
+div.tleft {
+ position: relative;
+}
+
+/* bug 12846 */
+body.rtl #preftoc a, body.rtl #preftoc a:active {
+ float: left;
+}
diff --git a/skins/monobook/IE70Fixes.css b/skins/monobook/IE70Fixes.css
new file mode 100644
index 0000000..e8d3a8f
--- /dev/null
+++ b/skins/monobook/IE70Fixes.css
@@ -0,0 +1,92 @@
+/* 7.0 - only fixes */
+/* content area */
+/* workaround for various ie float bugs */
+
+/* This bit is needed to make links clickable... WTF */
+div#column-content div#content {
+ margin-left: 12.2em;
+ margin-top: 3em;
+ height: 1%;
+}
+.rtl div#column-content div#content {
+ margin-right: 12.2em;
+ margin-left: 0;
+}
+
+
+.rtl div#column-one {
+ /* For some reason it tries to inherit the padding-top into every div,
+ * and I can't figure out how to get it back off.
+ * Margin works correctly for this use, though.
+ */
+ padding-top: 0;
+ margin-top: 160px;
+}
+
+/* These elements also have padding-left: 20px; in main.css, but in RTL mode this is flipped.
+ * That's good in normal browsers, but in IE7 it needs to not be flipped for some daft reason.
+ * Also clear the right margin (originally margin-left: 1em)
+ */
+li#pt-userpage, li#pt-anonuserpage, li#pt-login {
+ padding-left: 20px;
+ margin-right: 0;
+}
+
+.rtl a.feedlink {
+ background-position: right;
+ padding-right: 0;
+ padding-left: 16px;
+}
+/* the tabs */
+
+#p-cactions {
+ z-index: 3;
+}
+
+
+#p-cactions li {
+ padding-bottom: 0 !important;
+ border: none;
+ background-color: transparent;
+ cursor: default;
+ float: none !important;
+}
+
+#p-cactions li a {
+ display: inline-block !important;
+ vertical-align: top;
+ padding-bottom: 0;
+ border: solid #aaa;
+ border-width: 1px 1px 0;
+}
+#p-cactions li.selected a {
+ border-color: #fabd23;
+ padding-bottom: 0.17em;
+}
+#p-cactions li a:hover {
+ padding-bottom: 0.17em;
+}
+#p-navigation a {
+ display: inline-block;
+ width: 100%;
+}
+#portal-personaltools {
+ padding-bottom: 0.1em;
+}
+textarea {
+ width: 96%;
+}
+
+/*
+#catlinks,
+div.tright,
+div.tleft {
+ position: relative;
+}
+*/
+
+
+div#footer li {
+ /* Work around bug with inline <li> tags with right margins and nowrap */
+ margin-right: 0;
+}
diff --git a/skins/monobook/audio.png b/skins/monobook/audio.png
new file mode 100644
index 0000000..68c8768
--- /dev/null
+++ b/skins/monobook/audio.png
Binary files differ
diff --git a/skins/monobook/bullet.gif b/skins/monobook/bullet.gif
new file mode 100644
index 0000000..b43de48
--- /dev/null
+++ b/skins/monobook/bullet.gif
Binary files differ
diff --git a/skins/monobook/discussionitem_icon.gif b/skins/monobook/discussionitem_icon.gif
new file mode 100644
index 0000000..e3ca6d9
--- /dev/null
+++ b/skins/monobook/discussionitem_icon.gif
Binary files differ
diff --git a/skins/monobook/document.png b/skins/monobook/document.png
new file mode 100644
index 0000000..ee46a50
--- /dev/null
+++ b/skins/monobook/document.png
Binary files differ
diff --git a/skins/monobook/external-ltr.png b/skins/monobook/external-ltr.png
new file mode 100644
index 0000000..6308383
--- /dev/null
+++ b/skins/monobook/external-ltr.png
Binary files differ
diff --git a/skins/monobook/external-rtl.png b/skins/monobook/external-rtl.png
new file mode 100644
index 0000000..5313234
--- /dev/null
+++ b/skins/monobook/external-rtl.png
Binary files differ
diff --git a/skins/monobook/file_icon.gif b/skins/monobook/file_icon.gif
new file mode 100644
index 0000000..69dbeaf
--- /dev/null
+++ b/skins/monobook/file_icon.gif
Binary files differ
diff --git a/skins/monobook/headbg.jpg b/skins/monobook/headbg.jpg
new file mode 100644
index 0000000..5491c6e
--- /dev/null
+++ b/skins/monobook/headbg.jpg
Binary files differ
diff --git a/skins/monobook/link_icon.gif b/skins/monobook/link_icon.gif
new file mode 100644
index 0000000..168c1a2
--- /dev/null
+++ b/skins/monobook/link_icon.gif
Binary files differ
diff --git a/skins/monobook/lock_icon.gif b/skins/monobook/lock_icon.gif
new file mode 100644
index 0000000..f71cd9b
--- /dev/null
+++ b/skins/monobook/lock_icon.gif
Binary files differ
diff --git a/skins/monobook/magnify-clip.png b/skins/monobook/magnify-clip.png
new file mode 100644
index 0000000..ffd7637
--- /dev/null
+++ b/skins/monobook/magnify-clip.png
Binary files differ
diff --git a/skins/monobook/mail_icon.gif b/skins/monobook/mail_icon.gif
new file mode 100644
index 0000000..cf5680d
--- /dev/null
+++ b/skins/monobook/mail_icon.gif
Binary files differ
diff --git a/skins/monobook/main.css b/skins/monobook/main.css
new file mode 100644
index 0000000..c32e869
--- /dev/null
+++ b/skins/monobook/main.css
@@ -0,0 +1,835 @@
+/*
+** MediaWiki 'monobook' style sheet for CSS2-capable browsers.
+** Copyright Gabriel Wicke - http://wikidev.net/
+** License: GPL (http://www.gnu.org/copyleft/gpl.html)
+**
+** Loosely based on http://www.positioniseverything.net/ordered-floats.html by Big John
+** and the Plone 2.0 styles, see http://plone.org/ (Alexander Limi,Joe Geldart & Tom Croucher,
+** Michael Zeltner and Geir Bækholt)
+** All you guys rock :)
+*/
+
+div#column-content {
+ width: 100%;
+ float: right;
+ margin: 0 0 .6em -12.2em;
+ padding: 0;
+}
+div#content {
+ margin: 2.8em 0 0 12.2em;
+ padding: 1em;
+ position: relative;
+ z-index: 2;
+}
+div#column-one {
+ padding-top: 160px;
+}
+/* Hide, but keep accessible for screen-readers */
+#column-one h2 {
+ position: absolute;
+ top: -9999px;
+}
+div#content {
+ background: white;
+ color: black;
+ border: 1px solid #aaa;
+ border-right: none;
+ line-height: 1.5em;
+}
+/* the left column width is specified in class .portlet */
+
+/* Font size:
+** We take advantage of keyword scaling- browsers won't go below 9px
+** More at http://www.w3.org/2003/07/30-font-size
+** http://style.cleverchimp.com/font_size_intervals/altintervals.html
+*/
+
+body {
+ font: x-small sans-serif;
+ /* @embed */
+ background: #f9f9f9 url(headbg.jpg) 0 0 no-repeat;
+ color: black;
+ margin: 0;
+ padding: 0;
+ direction: ltr; /* Needed for RTL flipping */
+ unicode-bidi: embed;
+}
+
+/* scale back up to a sane default */
+div#globalWrapper {
+ font-size: 127%;
+ width: 100%;
+ margin: 0;
+ padding: 0;
+}
+
+/* general styles */
+a {
+ color: #002bb8;
+}
+a:visited {
+ color: #5a3696;
+}
+a.new,
+#p-personal a.new {
+ color: #cc2200;
+}
+
+ul {
+ list-style-type: square;
+ /* @embed */
+ list-style-image: url(bullet.gif);
+}
+
+input.historysubmit {
+ padding: 0 .3em .3em .3em !important;
+ font-size: 94%;
+ cursor: pointer;
+ height: 1.7em !important;
+ margin-left: 1.6em;
+}
+
+pre, .mw-code {
+ line-height: 1.1em;
+}
+
+#firstHeading {
+ padding-top: 0;
+}
+/*
+** the main content area
+*/
+
+#siteNotice {
+ font-size: 95%;
+ padding: 0 0.9em;
+}
+#localNotice {
+ margin: 0;
+}
+#siteNotice p {
+ margin: 0;
+ padding: 0;
+}
+
+/*
+** classes for special content elements like town boxes
+** intended to be referenced directly from the wiki src
+*/
+
+/*
+** User styles
+*/
+/* table standards */
+table.rimage {
+ float: right;
+ position: relative;
+ margin-left: 1em;
+ margin-bottom: 1em;
+ text-align: center;
+}
+
+/*
+** edit views etc
+*/
+.special li {
+ line-height: 1.4em;
+ margin: 0;
+ padding: 0;
+}
+
+/*
+** 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 {
+ /* @embed */
+ background: url(external-ltr.png) center right no-repeat;
+ padding-right: 13px;
+}
+#bodyContent a.external[href ^="https://"],
+.link-https {
+ /* @embed */
+ background: url(lock_icon.gif) center right no-repeat;
+ padding-right: 16px;
+}
+#bodyContent a.external[href ^="mailto:"],
+.link-mailto {
+ /* @embed */
+ background: url(mail_icon.gif) center right no-repeat;
+ padding-right: 18px;
+}
+#bodyContent a.external[href ^="news:"] {
+ /* @embed */
+ background: url(news_icon.png) center right no-repeat;
+ padding-right: 18px;
+}
+#bodyContent a.external[href ^="ftp://"],
+.link-ftp {
+ /* @embed */
+ background: url(file_icon.gif) center right no-repeat;
+ padding-right: 18px;
+}
+#bodyContent a.external[href ^="irc://"],
+#bodyContent a.external[href ^="ircs://"],
+.link-irc {
+ /* @embed */
+ background: url(discussionitem_icon.gif) center right no-repeat;
+ padding-right: 18px;
+}
+#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: url(audio.png) center right no-repeat;
+ padding-right: 13px;
+}
+#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: url(video.png) center right no-repeat;
+ padding-right: 13px;
+}
+#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: url(document.png) center right no-repeat;
+ padding-right: 12px;
+}
+
+/* Interwiki Styling */
+#bodyContent a.extiw,
+#bodyContent a.extiw:active {
+ color: #36b;
+}
+
+/* External links */
+#bodyContent a.external {
+ color: #36b;
+}
+
+/*
+** Structural Elements
+*/
+
+/*
+** general portlet styles (elements in the quickbar)
+*/
+.portlet {
+ border: none;
+ margin: 0 0 .5em;
+ padding: 0;
+ float: none;
+ width: 11.6em;
+ overflow: hidden;
+}
+.portlet h3 {
+ background: transparent;
+ padding: 0 1em 0 .5em;
+ display: inline;
+ height: 1em;
+ text-transform: lowercase;
+ font-size: 91%;
+ font-weight: normal;
+ white-space: nowrap;
+}
+.pBody {
+ font-size: 95%;
+ background-color: white;
+ color: black;
+ border-collapse: collapse;
+ border: 1px solid #aaa;
+ padding: 0 .8em .3em .5em;
+}
+/* allows .pBody styles to wrap around content added via BaseTemplateAfterPortlet hook */
+.pBody:after {
+ content: '';
+ clear: both;
+ display: block;
+}
+.portlet ul {
+ line-height: 1.5em;
+ font-size: 95%;
+}
+.portlet li {
+ padding: 0;
+ margin: 0;
+}
+
+/*
+** Logo properties
+*/
+
+#p-logo {
+ top: 0;
+ left: 0;
+ position: absolute; /*needed to use z-index */
+ z-index: 3;
+ height: 155px;
+ width: 12em;
+ overflow: visible;
+}
+#p-logo h3 {
+ display: none;
+}
+#p-logo a,
+#p-logo a:hover {
+ display: block;
+ height: 155px;
+ width: 12.2em;
+ background-repeat: no-repeat;
+ background-position: 35% 50% !important;
+ text-decoration: none;
+}
+
+/*
+** Search portlet
+*/
+#p-search {
+ position: relative;
+ z-index: 3;
+}
+input.searchButton {
+ margin-top: 1px;
+ font-size: 95%;
+}
+#searchGoButton {
+ padding-left: .5em;
+ padding-right: .5em;
+ font-weight: bold;
+}
+#searchInput {
+ width: 10.9em;
+ margin: 0;
+ font-size: 95%;
+}
+#p-search .pBody {
+ padding: .5em .4em .4em .4em;
+ text-align: center;
+}
+#p-search #searchform div div {
+ margin-top: .4em;
+ font-size: 95%;
+}
+/*
+** the personal toolbar
+*/
+#p-personal {
+ position: absolute;
+ left: 0;
+ top: 0;
+ z-index: 3;
+}
+#p-personal {
+ width: 100%;
+ white-space: nowrap;
+ padding: 0;
+ margin: 0;
+ border: none;
+ background: none;
+ overflow: visible;
+ line-height: 1.2em;
+}
+#p-personal h3 {
+ display: none;
+}
+#p-personal .portlet,
+#p-personal .pBody {
+ z-index: 0;
+ padding: 0;
+ margin: 0;
+ border: none;
+ overflow: visible;
+ background: none;
+}
+/* this is the ul contained in the portlet */
+#p-personal ul {
+ border: none;
+ line-height: 1.4em;
+ color: #2f6fab;
+ padding: 0 2em 0 3em;
+ margin: 0;
+ text-align: right;
+ list-style-type: none;
+ list-style-image: none;
+ z-index: 0;
+ background: none;
+ cursor: default;
+}
+#p-personal li {
+ z-index: 0;
+ border: none;
+ padding: 0;
+ display: inline;
+ color: #2f6fab;
+ margin-left: 1em;
+ line-height: 1.2em;
+ background: none;
+}
+#p-personal li a {
+ text-decoration: none;
+ color: #005896;
+ padding-bottom: .2em;
+ background: none;
+}
+#p-personal li a:hover {
+ background-color: white;
+ padding-bottom: .2em;
+ text-decoration: none;
+}
+#p-personal li.active a:hover {
+ background-color: transparent;
+}
+/* The icon in front of the username / login link */
+li#pt-userpage,
+li#pt-anonuserpage,
+li#pt-login {
+ /* @embed */
+ background: url(user.gif) top left no-repeat;
+ padding-left: 20px;
+}
+#p-personal ul {
+ text-transform: lowercase;
+}
+/* Don't lowercase username or IP addresses (IPv6) */
+li#pt-userpage,
+li#pt-anonuserpage {
+ text-transform: none;
+}
+#p-personal li.active {
+ font-weight: bold;
+}
+/*
+** the page-related actions- page/talk, edit etc
+*/
+#p-cactions {
+ position: absolute;
+ top: 1.3em;
+ left: 11.5em;
+ margin: 0;
+ white-space: nowrap;
+ width: 76%;
+ line-height: 1.1em;
+ overflow: visible;
+ background: none;
+ border-collapse: collapse;
+ padding-left: 1em;
+ font-size: 95%;
+}
+#p-cactions ul {
+ list-style-type: none;
+ list-style-image: none;
+}
+#p-cactions li {
+ display: inline;
+ border: 1px solid #aaa;
+ border-bottom: none;
+ padding: 0 0 1em 0;
+ margin: 0 .3em 0 0;
+ overflow: visible;
+ background: white;
+}
+#p-cactions li.selected {
+ border-color: #fabd23;
+ font-weight: bold;
+}
+#p-cactions li a {
+ background-color: #fbfbfb;
+ color: #002bb8;
+ border: none;
+ padding: 0 .8em .3em;
+ position: relative;
+ z-index: 0;
+ margin: 0;
+ text-decoration: none;
+}
+#p-cactions li.selected a {
+ z-index: 3;
+ background-color: white;
+}
+#p-cactions .new a {
+ color: #ba0000;
+}
+#p-cactions li a:hover {
+ z-index: 3;
+ text-decoration: none;
+ background-color: white;
+}
+#p-cactions h3 {
+ display: none;
+}
+#p-cactions li.istalk {
+ margin-right: 0;
+}
+#p-cactions li.istalk a {
+ padding-right: .5em;
+}
+#p-cactions #ca-addsection a {
+ padding-left: .4em;
+ padding-right: .4em;
+}
+/* offsets to distinguish the tab groups */
+li#ca-talk {
+ margin-right: 1.6em;
+}
+li#ca-watch,
+li#ca-unwatch,
+li#ca-varlang-0,
+li#ca-print {
+ margin-left: 1.6em;
+}
+#p-cactions .pBody {
+ font-size: 1em;
+ background-color: transparent;
+ color: inherit;
+ border-collapse: inherit;
+ border: 0;
+ padding: 0;
+}
+#p-cactions li a {
+ text-transform: lowercase;
+}
+
+#p-lang {
+ position: relative;
+ z-index: 3;
+}
+
+/* Override text-transform on languages where capitalization is significant */
+.capitalize-all-nouns .portlet h3,
+.capitalize-all-nouns #p-personal ul,
+.capitalize-all-nouns #p-cactions ul li a {
+ text-transform: none;
+}
+
+/* TODO: #t-iscite is only used by the Cite extension, come up with some
+ * system which allows extensions to add to this file on the fly
+ */
+#t-ispermalink, #t-iscite {
+ color: #999;
+}
+/*
+** footer
+*/
+div#footer {
+ background-color: white;
+ border-top: 1px solid #fabd23;
+ border-bottom: 1px solid #fabd23;
+ margin: .6em 0 1em 0;
+ overflow: hidden;
+ padding: .4em 0 .3em 0;
+ text-align: center;
+ font-size: 90%;
+}
+div#footer li {
+ display: inline;
+ margin: 0 1.3em;
+}
+#f-poweredbyico, #f-copyrightico {
+ margin: 0 8px;
+ position: relative;
+ top: -2px; /* Bump it up just a tad */
+}
+#f-poweredbyico {
+ float: right;
+ height: 1%;
+}
+#f-copyrightico {
+ float: left;
+ height: 1%;
+}
+
+.mw-htmlform-submit {
+ font-weight: bold;
+ padding-left: .3em;
+ padding-right: .3em;
+ margin-right: 2em;
+}
+
+/* js pref toc */
+#preftoc {
+ margin: 0;
+ padding: 0;
+ width: 100%;
+ clear: both;
+}
+#preftoc li {
+ background-color: #f0f0f0;
+ color: #000;
+}
+#preftoc li {
+ margin: 1px -2px 1px 2px;
+ float: left;
+ padding: 2px 0 3px 0;
+ border: 1px solid #fff;
+ border-right-color: #716f64;
+ border-bottom: 0;
+ position: relative;
+ white-space: nowrap;
+ list-style-type: none;
+ list-style-image: none;
+ z-index: 3;
+}
+#preftoc li.selected {
+ font-weight: bold;
+ background-color: #f9f9f9;
+ border: 1px solid #aaa;
+ border-bottom: none;
+ cursor: default;
+ top: 1px;
+ padding-top: 2px;
+ margin-right: -3px;
+}
+#preftoc > li.selected {
+ top: 2px;
+}
+#preftoc a,
+#preftoc a:active {
+ display: block;
+ color: #000;
+ padding: 0 .7em;
+ position: relative;
+ text-decoration: none;
+}
+#preftoc li.selected a {
+ cursor: default;
+ text-decoration: none;
+}
+#preferences {
+ margin: 0;
+ border: 1px solid #aaa;
+ clear: both;
+ padding: 1.5em;
+ background-color: #F9F9F9;
+}
+.prefsection {
+ border: none;
+ padding: 0;
+ margin: 0;
+}
+
+.prefsection legend {
+ font-weight: bold;
+}
+.prefsection table, .prefsection legend {
+ background-color: #F9F9F9;
+}
+.mainLegend {
+ display: none;
+}
+td.htmlform-tip {
+ font-size: x-small;
+ padding: .2em 2em;
+ color: #666;
+}
+
+.preferences-login {
+ clear: both;
+ margin-bottom: 1.5em;
+}
+
+.prefcache {
+ font-size: 90%;
+ margin-top: 2em;
+}
+
+#userloginprompt, #languagelinks {
+ font-size: 85%;
+}
+
+#login-sectiontip {
+ font-size: 85%;
+ line-height: 1.2;
+ padding-top: 2em;
+}
+
+#userloginlink a, #wpLoginattempt, #wpCreateaccount {
+ font-weight: bold;
+}
+
+/**
+ * This was originally added by Gabriel Wicke in r3681 (committed on 25 May 2004)
+ * with the commit message "tweaks to page history".
+ * Unlike the other IE/Mac fixes that used to be present here, this seems to get
+ * applied on more modern browsers, so let's keep it here until someone has the
+ * time to properly test it out.
+ */
+#pagehistory li.selected {
+ position: relative;
+}
+
+.redirectText {
+ font-size: 150%;
+ margin: 5px;
+}
+
+div.patrollink {
+ clear: both;
+}
+
+.sharedUploadNotice {
+ font-style: italic;
+}
+
+span.updatedmarker {
+ color: black;
+ background-color: #0f0;
+}
+
+.editExternally {
+ border: 1px solid gray;
+ background-color: #ffffff;
+ padding: 3px;
+ margin-top: 0.5em;
+ float: left;
+ font-size: small;
+ text-align: center;
+}
+.editExternallyHelp {
+ font-style: italic;
+ color: gray;
+}
+
+.toggle {
+ margin-left: 2em;
+ text-indent: -2em;
+}
+
+/* @bug 1714 */
+input#wpSave,
+input#wpDiff {
+ margin-right: 0.33em;
+}
+
+#wpSave {
+ font-weight: bold;
+}
+
+/* noarticletext */
+div.noarticletext {
+ border: 1px solid #ccc;
+ background: #fff;
+ padding: .2em 1em;
+ color: #000;
+}
+
+div#searchTargetContainer {
+ left: 10px;
+ top: 10px;
+ width: 90%;
+ background: white;
+}
+
+div#searchTarget {
+ padding: 3px;
+ margin: 5px;
+ background: #F0F0F0;
+ border: solid 1px blue;
+}
+
+div#searchTarget ul li {
+ list-style-type: none;
+ list-style-image: none;
+}
+
+div#searchTarget ul li:before {
+ color: orange;
+ content: "\00BB \0020";
+}
+
+div#searchTargetHide {
+ float: right;
+ border: solid 1px black;
+ background: #DCDCDC;
+ padding: 2px;
+}
+
+#powersearch p {
+ margin-top: 0;
+}
+
+div.multipageimagenavbox {
+ border: solid 1px silver;
+ padding: 4px;
+ margin: 1em;
+ background: #f0f0f0;
+}
+
+div.multipageimagenavbox div.thumb {
+ border: none;
+ margin-left: 2em;
+ margin-right: 2em;
+}
+
+div.multipageimagenavbox hr {
+ margin: 6px;
+}
+
+table.multipageimage td {
+ text-align: center;
+}
+
+.templatesUsed {
+ margin-top: 1.5em;
+}
+
+.mw-summary-preview {
+ margin: 0.1em 0;
+}
+
+/* Friendlier slave lag warnings */
+div.mw-lag-warn-normal,
+div.mw-lag-warn-high {
+ padding: 3px;
+ text-align: center;
+ margin: 3px auto;
+}
+div.mw-lag-warn-normal {
+ border: 1px solid #FFCC66;
+ background-color: #FFFFCC;
+}
+div.mw-lag-warn-high {
+ font-weight: bold;
+ border: 2px solid #FF0033;
+ background-color: #FFCCCC;
+}
+
+.MediaTransformError {
+ background-color: #ccc;
+ padding: 0.1em;
+}
+.MediaTransformError td {
+ text-align: center;
+ vertical-align: middle;
+ font-size: 90%;
+}
+
+/* God-damned hack for the crappy layout */
+.os-suggest {
+ font-size: 127%;
+}
+
+/* Sometimes people don't want personal tools to be lowercase! */
+.no-text-transform {
+ text-transform: none;
+}
+
+/* Tooltips are outside of the normal body code, so this helps make the size of the text sensible */
+.tipsy {
+ font-size: 127%;
+}
+
+/* mediawiki.notification */
+.skin-monobook .mw-notification {
+ -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.125);
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.125);
+}
diff --git a/skins/monobook/news_icon.png b/skins/monobook/news_icon.png
new file mode 100644
index 0000000..4d3cb47
--- /dev/null
+++ b/skins/monobook/news_icon.png
Binary files differ
diff --git a/skins/monobook/required.gif b/skins/monobook/required.gif
new file mode 100644
index 0000000..bd71976
--- /dev/null
+++ b/skins/monobook/required.gif
Binary files differ
diff --git a/skins/monobook/user.gif b/skins/monobook/user.gif
new file mode 100644
index 0000000..34b4839
--- /dev/null
+++ b/skins/monobook/user.gif
Binary files differ
diff --git a/skins/monobook/video.png b/skins/monobook/video.png
new file mode 100644
index 0000000..d86dbe0
--- /dev/null
+++ b/skins/monobook/video.png
Binary files differ
diff --git a/skins/monobook/wiki-indexed.png b/skins/monobook/wiki-indexed.png
new file mode 100644
index 0000000..799ebac
--- /dev/null
+++ b/skins/monobook/wiki-indexed.png
Binary files differ
diff --git a/skins/monobook/wiki.png b/skins/monobook/wiki.png
new file mode 100644
index 0000000..8c42118
--- /dev/null
+++ b/skins/monobook/wiki.png
Binary files differ
diff --git a/skins/vector/collapsibleNav.js b/skins/vector/collapsibleNav.js
new file mode 100644
index 0000000..45258e5
--- /dev/null
+++ b/skins/vector/collapsibleNav.js
@@ -0,0 +1,152 @@
+/**
+ * Collapsible navigation for Vector
+ */
+( function ( mw, $ ) {
+ 'use strict';
+ var map;
+
+ // Use the same function for all navigation headings - don't repeat
+ function toggle( $element ) {
+ var isCollapsed = $element.parent().is( '.collapsed' );
+
+ $.cookie(
+ 'vector-nav-' + $element.parent().attr( 'id' ),
+ isCollapsed,
+ { 'expires': 30, 'path': '/' }
+ );
+
+ $element
+ .parent()
+ .toggleClass( 'expanded' )
+ .toggleClass( 'collapsed' )
+ .find( '.body' )
+ .slideToggle( 'fast' );
+ isCollapsed = !isCollapsed;
+
+ $element
+ .find( '> a' )
+ .attr( {
+ 'aria-pressed': isCollapsed ? 'false' : 'true',
+ 'aria-expanded': isCollapsed ? 'false' : 'true'
+ } );
+ }
+
+ /* Browser Support */
+
+ map = {
+ // Left-to-right languages
+ ltr: {
+ // Collapsible Nav is broken in Opera < 9.6 and Konqueror < 4
+ opera: [['>=', 9.6]],
+ konqueror: [['>=', 4.0]],
+ blackberry: false,
+ ipod: false,
+ iphone: false,
+ ps3: false
+ },
+ // Right-to-left languages
+ rtl: {
+ opera: [['>=', 9.6]],
+ konqueror: [['>=', 4.0]],
+ blackberry: false,
+ ipod: false,
+ iphone: false,
+ ps3: false
+ }
+ };
+ if ( !$.client.test( map ) ) {
+ return true;
+ }
+
+ $( function ( $ ) {
+ var $headings, tabIndex;
+
+ /* General Portal Modification */
+
+ // Always show the first portal
+ $( '#mw-panel > .portal:first' ).addClass( 'first persistent' );
+ // Apply a class to the entire panel to activate styles
+ $( '#mw-panel' ).addClass( 'collapsible-nav' );
+ // Use cookie data to restore preferences of what to show and hide
+ $( '#mw-panel > .portal:not(.persistent)' )
+ .each( function ( i ) {
+ var id = $(this).attr( 'id' ),
+ state = $.cookie( 'vector-nav-' + id );
+ $(this).find( 'ul:first' ).attr( 'id', id + '-list' );
+ // Add anchor tag to heading for better accessibility
+ $( this ).find( 'h3' ).wrapInner(
+ $( '<a>' )
+ .attr( {
+ href: '#',
+ 'aria-haspopup': 'true',
+ 'aria-controls': id + '-list',
+ role: 'button'
+ } )
+ .click( false )
+ );
+ // In the case that we are not showing the new version, let's show the languages by default
+ if (
+ state === 'true' ||
+ ( state === null && i < 1 ) ||
+ ( state === null && id === 'p-lang' )
+ ) {
+ $(this)
+ .addClass( 'expanded' )
+ .removeClass( 'collapsed' )
+ .find( '.body' )
+ .hide() // bug 34450
+ .show();
+ $(this).find( 'h3 > a' )
+ .attr( {
+ 'aria-pressed': 'true',
+ 'aria-expanded': 'true'
+ } );
+ } else {
+ $(this)
+ .addClass( 'collapsed' )
+ .removeClass( 'expanded' );
+ $(this).find( 'h3 > a' )
+ .attr( {
+ 'aria-pressed': 'false',
+ 'aria-expanded': 'false'
+ } );
+ }
+ // Re-save cookie
+ if ( state !== null ) {
+ $.cookie( 'vector-nav-' + $(this).attr( 'id' ), state, { 'expires': 30, 'path': '/' } );
+ }
+ } );
+
+ /* Tab Indexing */
+
+ $headings = $( '#mw-panel > .portal:not(.persistent) > h3' );
+
+ // Get the highest tab index
+ tabIndex = $( document ).lastTabIndex() + 1;
+
+ // Fix the search not having a tabindex
+ $( '#searchInput' ).attr( 'tabindex', tabIndex++ );
+
+ // Make it keyboard accessible
+ $headings.attr( 'tabindex', function () {
+ return tabIndex++;
+ });
+
+ // Toggle the selected menu's class and expand or collapse the menu
+ $( '#mw-panel' )
+ .delegate( '.portal:not(.persistent) > h3', 'keydown', function ( e ) {
+ // Make the space and enter keys act as a click
+ if ( e.which === 13 /* Enter */ || e.which === 32 /* Space */ ) {
+ toggle( $(this) );
+ }
+ } )
+ .delegate( '.portal:not(.persistent) > h3', 'mousedown', function ( e ) {
+ if ( e.which !== 3 ) { // Right mouse click
+ toggle( $(this) );
+ $(this).blur();
+ }
+ return false;
+ } );
+ });
+
+}( mediaWiki, jQuery ) );
diff --git a/skins/vector/collapsibleTabs.js b/skins/vector/collapsibleTabs.js
new file mode 100644
index 0000000..0e49744
--- /dev/null
+++ b/skins/vector/collapsibleTabs.js
@@ -0,0 +1,208 @@
+/**
+ * Collapsible tabs jQuery Plugin
+ */
+( function ( $ ) {
+ var rtl = $( 'html' ).attr( 'dir' ) === 'rtl';
+ $.fn.collapsibleTabs = function ( options ) {
+ // return if the function is called on an empty jquery object
+ if ( !this.length ) {
+ return this;
+ }
+ // Merge options into the defaults
+ var $settings = $.extend( {}, $.collapsibleTabs.defaults, options );
+
+ this.each( function () {
+ var $el = $( this );
+ // add the element to our array of collapsible managers
+ $.collapsibleTabs.instances = ( $.collapsibleTabs.instances.length === 0 ?
+ $el : $.collapsibleTabs.instances.add( $el ) );
+ // attach the settings to the elements
+ $el.data( 'collapsibleTabsSettings', $settings );
+ // attach data to our collapsible elements
+ $el.children( $settings.collapsible ).each( function () {
+ $.collapsibleTabs.addData( $( this ) );
+ } );
+ } );
+
+ // if we haven't already bound our resize handler, bind it now
+ if ( !$.collapsibleTabs.boundEvent ) {
+ $( window ).on( 'resize', $.debounce( 500, function () {
+ $.collapsibleTabs.handleResize();
+ } ) );
+ $.collapsibleTabs.boundEvent = true;
+ }
+
+ // call our resize handler to setup the page
+ $.collapsibleTabs.handleResize();
+ return this;
+ };
+ /**
+ * Returns the amount of horizontal distance between the two tabs groups
+ * (#left-navigation and #right-navigation), in pixels. If negative, this
+ * means that the tabs overlap, and the value is the width of overlapping
+ * parts.
+ *
+ * Used in default expandCondition and collapseCondition.
+ *
+ * @return {Numeric} distance/overlap in pixels
+ */
+ function calculateTabDistance() {
+ var $leftTab, $rightTab, leftEnd, rightStart;
+
+ // In RTL, #right-navigation is actually on the left and vice versa.
+ // Hooray for descriptive naming.
+ if ( !rtl ) {
+ $leftTab = $( '#left-navigation' );
+ $rightTab = $( '#right-navigation' );
+ } else {
+ $leftTab = $( '#right-navigation' );
+ $rightTab = $( '#left-navigation' );
+ }
+
+ leftEnd = $leftTab.offset().left + $leftTab.width();
+ rightStart = $rightTab.offset().left;
+
+ return rightStart - leftEnd;
+ }
+ $.collapsibleTabs = {
+ instances: [],
+ boundEvent: null,
+ defaults: {
+ expandedContainer: '#p-views ul',
+ collapsedContainer: '#p-cactions ul',
+ collapsible: 'li.collapsible',
+ shifting: false,
+ expandCondition: function ( eleWidth ) {
+ // If there are at least eleWidth + 1 pixels of free space, expand.
+ // We add 1 because .width() will truncate fractional values
+ // but .offset() will not.
+ return calculateTabDistance() >= (eleWidth + 1);
+ },
+ collapseCondition: function () {
+ // If there's an overlap, collapse.
+ return calculateTabDistance() < 0;
+ }
+ },
+ addData: function ( $collapsible ) {
+ var $settings = $collapsible.parent().data( 'collapsibleTabsSettings' );
+ if ( $settings ) {
+ $collapsible.data( 'collapsibleTabsSettings', {
+ expandedContainer: $settings.expandedContainer,
+ collapsedContainer: $settings.collapsedContainer,
+ expandedWidth: $collapsible.width(),
+ prevElement: $collapsible.prev()
+ } );
+ }
+ },
+ getSettings: function ( $collapsible ) {
+ var $settings = $collapsible.data( 'collapsibleTabsSettings' );
+ if ( !$settings ) {
+ $.collapsibleTabs.addData( $collapsible );
+ $settings = $collapsible.data( 'collapsibleTabsSettings' );
+ }
+ return $settings;
+ },
+ handleResize: function () {
+ $.collapsibleTabs.instances.each( function () {
+ var $el = $( this ),
+ data = $.collapsibleTabs.getSettings( $el );
+
+ if ( data.shifting ) {
+ return;
+ }
+
+ // if the two navigations are colliding
+ if ( $el.children( data.collapsible ).length > 0 && data.collapseCondition() ) {
+
+ $el.trigger( 'beforeTabCollapse' );
+ // move the element to the dropdown menu
+ $.collapsibleTabs.moveToCollapsed( $el.children( data.collapsible + ':last' ) );
+ }
+
+ // if there are still moveable items in the dropdown menu,
+ // and there is sufficient space to place them in the tab container
+ if ( $( data.collapsedContainer + ' ' + data.collapsible ).length > 0 &&
+ data.expandCondition( $.collapsibleTabs.getSettings( $( data.collapsedContainer ).children(
+ data.collapsible + ':first' ) ).expandedWidth ) ) {
+ //move the element from the dropdown to the tab
+ $el.trigger( 'beforeTabExpand' );
+ $.collapsibleTabs
+ .moveToExpanded( data.collapsedContainer + ' ' + data.collapsible + ':first' );
+ }
+ } );
+ },
+ moveToCollapsed: function ( ele ) {
+ var outerData, expContainerSettings, target,
+ $moving = $( ele );
+
+ outerData = $.collapsibleTabs.getSettings( $moving );
+ if ( !outerData ) {
+ return;
+ }
+ expContainerSettings = $.collapsibleTabs.getSettings( $( outerData.expandedContainer ) );
+ if ( !expContainerSettings ) {
+ return;
+ }
+ expContainerSettings.shifting = true;
+
+ // Remove the element from where it's at and put it in the dropdown menu
+ target = outerData.collapsedContainer;
+ $moving.css( 'position', 'relative' )
+ .css( ( rtl ? 'left' : 'right' ), 0 )
+ .animate( { width: '1px' }, 'normal', function () {
+ var data, expContainerSettings;
+ $( this ).hide();
+ // add the placeholder
+ $( '<span class="placeholder" style="display: none;"></span>' ).insertAfter( this );
+ $( this ).detach().prependTo( target ).data( 'collapsibleTabsSettings', outerData );
+ $( this ).attr( 'style', 'display: list-item;' );
+ data = $.collapsibleTabs.getSettings( $( ele ) );
+ if ( data ) {
+ expContainerSettings = $.collapsibleTabs.getSettings( $( data.expandedContainer ) );
+ if ( expContainerSettings ) {
+ expContainerSettings.shifting = false;
+ $.collapsibleTabs.handleResize();
+ }
+ }
+ } );
+ },
+ moveToExpanded: function ( ele ) {
+ var data, expContainerSettings, $target, expandedWidth,
+ $moving = $( ele );
+
+ data = $.collapsibleTabs.getSettings( $moving );
+ if ( !data ) {
+ return;
+ }
+ expContainerSettings = $.collapsibleTabs.getSettings( $( data.expandedContainer ) );
+ if ( !expContainerSettings ) {
+ return;
+ }
+ expContainerSettings.shifting = true;
+
+ // grab the next appearing placeholder so we can use it for replacing
+ $target = $( data.expandedContainer ).find( 'span.placeholder:first' );
+ expandedWidth = data.expandedWidth;
+ $moving.css( 'position', 'relative' ).css( ( rtl ? 'right' : 'left' ), 0 ).css( 'width', '1px' );
+ $target.replaceWith(
+ $moving
+ .detach()
+ .css( 'width', '1px' )
+ .data( 'collapsibleTabsSettings', data )
+ .animate( { width: expandedWidth + 'px' }, 'normal', function () {
+ $( this ).attr( 'style', 'display: block;' );
+ var data, expContainerSettings;
+ data = $.collapsibleTabs.getSettings( $( this ) );
+ if ( data ) {
+ expContainerSettings = $.collapsibleTabs.getSettings( $( data.expandedContainer ) );
+ if ( expContainerSettings ) {
+ expContainerSettings.shifting = false;
+ $.collapsibleTabs.handleResize();
+ }
+ }
+ } )
+ );
+ }
+ };
+
+}( jQuery ) );
diff --git a/skins/vector/components/animations.less b/skins/vector/components/animations.less
new file mode 100644
index 0000000..9163779
--- /dev/null
+++ b/skins/vector/components/animations.less
@@ -0,0 +1,28 @@
+/* Animate between standard and high definition layouts */
+body.vector-animateLayout {
+ div#content,
+ div#footer,
+ #left-navigation {
+ .transition(margin-left 250ms, padding 250ms;);
+ }
+
+ #p-logo {
+ .transition(left 250ms);
+ }
+
+ #mw-panel {
+ .transition(padding-right 250ms);
+ }
+
+ #p-search {
+ .transition(margin-right 250ms);
+ }
+
+ #p-personal {
+ .transition(right 250ms);
+ }
+
+ #mw-head-base {
+ .transition(margin-left 250ms);
+ }
+}
diff --git a/skins/vector/components/collapsibleNav.less b/skins/vector/components/collapsibleNav.less
new file mode 100644
index 0000000..e6f5c9a
--- /dev/null
+++ b/skins/vector/components/collapsibleNav.less
@@ -0,0 +1,91 @@
+/**
+ * LESS Stylesheet for collapsible nav
+ */
+@import "mediawiki.mixins.less";
+
+#mw-panel.collapsible-nav {
+ .portal {
+ background-position: left top;
+ background-repeat: no-repeat;
+ .background-image('images/portal-break.png');
+ padding: 0.25em 0 !important;
+ margin: -11px 9px 10px 11px;
+
+ h3 {
+ font-size: @menu-main-heading-font-size;
+ color: @collapsible-nav-heading-color;
+ font-weight: normal;
+ background-position: left center;
+ background-repeat: no-repeat;
+ .background-image-svg('images/arrow-expanded.svg', 'images/arrow-expanded.png');
+ padding: @collapsible-nav-heading-padding;
+ margin-bottom: 0;
+
+ &:hover {
+ cursor: pointer;
+ text-decoration: none;
+ }
+
+ a {
+ color: @collapsible-nav-heading-color;
+ text-decoration: none;
+ }
+ }
+
+ .body {
+ margin: @collapsible-nav-body-margin;
+ background-image: none !important;
+ padding-top: 0;
+ display: none;
+
+ ul {
+ li {
+ padding: 0.25em 0;
+ }
+ }
+ }
+
+
+ /* First */
+ &.first {
+ background-image: none;
+ margin-top: 0;
+ h3 {
+ display: none;
+ }
+ }
+
+ /* Persistent */
+ &.persistent {
+ .body {
+ display: block;
+ margin-left: 0.5em;
+ }
+
+ h3 {
+ background-image: none !important;
+ padding-left: 0.7em;
+ cursor: default;
+ }
+ }
+
+ /* Collapsed */
+ &.collapsed {
+ h3 {
+ color: @collapsible-nav-heading-collapsed-color;
+ background-position: left center;
+ background-repeat: no-repeat;
+ .background-image-svg('images/arrow-collapsed-ltr.svg', 'images/arrow-collapsed-ltr.png');
+ margin-bottom: 0;
+
+ &:hover {
+ text-decoration: underline;
+ }
+
+ a {
+ color: @collapsible-nav-heading-collapsed-color;
+ }
+ }
+ }
+ }
+}
diff --git a/skins/vector/components/common.less b/skins/vector/components/common.less
new file mode 100644
index 0000000..25ba301
--- /dev/null
+++ b/skins/vector/components/common.less
@@ -0,0 +1,141 @@
+/*
+ * Any rules which should not be flipped automatically in right-to-left situations should be
+ * prepended with @noflip in a comment block.
+ *
+ * This stylesheet employs a few CSS trick to accomplish compatibility with a wide range of web
+ * browsers. The most common trick is to use some styles in IE6 only. This is accomplished by using
+ * a rule that makes things work in IE6, and then following it with a rule that begins with
+ * "html > body" or use a child selector ">", which is ignored by IE6 because it does not support
+ * the child selector. You can spot this by looking for the "OVERRIDDEN BY COMPLIANT BROWSERS" and
+ * "IGNORED BY IE6" comments.
+ */
+@import "mediawiki.mixins";
+
+/* Framework */
+html {
+ font-size: @html-font-size;
+}
+html,
+body {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+ font-family: @content-font-family;
+}
+body {
+ background-color: @menu-background-color;
+}
+
+/* Content */
+div#content {
+ margin-left: 10em;
+ padding: @content-padding;
+ /* Border on top, left, and bottom side */
+ border: 1px solid @content-border-color;
+ border-right-width: 0;
+ /* Merge the border with tabs' one (in their background image) */
+ margin-top: -1px;
+ background-color: @body-background-color;
+ color: @content-font-color;
+ direction: ltr;
+
+ .mw-editsection,
+ .mw-editsection-like {
+ font-family: @content-font-family;
+ }
+
+ p {
+ line-height: inherit;
+ margin: 0.5em 0;
+ }
+
+ h1,
+ h2,
+ #firstHeading {
+ font-family: @content-heading-font-family;
+ line-height: @heading-line-height;
+ margin-bottom: 0.25em;
+ padding: 0;
+ }
+
+ h1,
+ #firstHeading {
+ font-size: @content-heading-font-size;
+ }
+
+ h2 {
+ font-size: 1.5em;
+ margin-top: 1em;
+ }
+
+ h3,
+ h4,
+ h5,
+ h6 {
+ line-height: @content-line-height;
+ margin-top: 0.3em;
+ margin-bottom: 0;
+ padding-bottom: 0;
+ }
+
+ h3 {
+ font-size: 1.17em;
+ }
+
+ h3,
+ h4 {
+ font-weight: bold;
+ }
+
+ h4,
+ h5,
+ h6 {
+ font-size: 100%; /* (reset) */
+ }
+
+ #toc h2,
+ .toc h2 {
+ font-size: 100%; /* (reset) */
+ font-family: @content-font-family;
+ }
+}
+
+/* Hide empty portlets */
+div.emptyPortlet {
+ display: none;
+}
+
+ul {
+ list-style-type: disc;
+ .list-style-image('images/bullet-icon.png');
+}
+
+pre, .mw-code {
+ line-height: 1.3em;
+}
+
+/* Site Notice (includes notices from CentralNotice extension) */
+#siteNotice {
+ font-size: 0.8em;
+}
+
+.redirectText {
+ font-size: 140%;
+}
+
+.redirectMsg img {
+ vertical-align: text-bottom;
+}
+
+#bodyContent {
+ position: relative;
+ width: 100%;
+ line-height: @content-line-height;
+ font-size: @content-font-size;
+}
+
+/* Tooltips are outside of the normal body code, so this helps make the size of the text sensible */
+// FIXME: Should be part of jquery.tipsy.css
+.tipsy {
+ font-size: 0.8em;
+}
diff --git a/skins/vector/components/externalLinks.less b/skins/vector/components/externalLinks.less
new file mode 100644
index 0000000..91388c6
--- /dev/null
+++ b/skins/vector/components/externalLinks.less
@@ -0,0 +1,10 @@
+@import "mediawiki.mixins.less";
+// External links
+#content {
+ .external {
+ background-position: center right;
+ background-repeat: no-repeat;
+ .background-image-svg('images/external-link-ltr-icon.svg', 'images/external-link-ltr-icon.png');
+ padding-right: 13px;
+ }
+}
diff --git a/skins/vector/components/footer.less b/skins/vector/components/footer.less
new file mode 100644
index 0000000..3d61b66
--- /dev/null
+++ b/skins/vector/components/footer.less
@@ -0,0 +1,57 @@
+/* Footer */
+div#footer {
+ margin-left: 10em;
+ margin-top: 0;
+ padding: 0.75em;
+ direction: ltr;
+
+ ul {
+ list-style-type: none;
+ list-style-image: none;
+ margin: 0;
+ padding: 0;
+
+ li {
+ margin: 0;
+ padding: 0;
+ padding-top: 0.5em;
+ padding-bottom: 0.5em;
+ color: #333;
+ font-size: 0.7em;
+ }
+ }
+
+ #footer-icons {
+ float: right;
+
+ li {
+ float: left;
+ margin-left: 0.5em;
+ line-height: 2em;
+ text-align: right;
+ }
+ }
+
+ #footer-info {
+ li {
+ line-height: 1.4em;
+ }
+ }
+
+ #footer-places {
+ li {
+ float: left;
+ margin-right: 1em;
+ line-height: 2em;
+ }
+ }
+}
+
+body.ltr {
+ div#footer {
+ #footer-places {
+ /* @noflip */
+ float: left;
+ }
+ }
+}
diff --git a/skins/vector/components/navigation.less b/skins/vector/components/navigation.less
new file mode 100644
index 0000000..f3a5a49
--- /dev/null
+++ b/skins/vector/components/navigation.less
@@ -0,0 +1,134 @@
+@import "mediawiki.mixins";
+@import "personalMenu";
+@import "collapsibleNav";
+@import "search";
+@import "tabs";
+
+/* Hide, but keep accessible for screen-readers */
+#mw-navigation h2 {
+ position: absolute;
+ top: -9999px;
+}
+
+/* Head */
+#mw-page-base {
+ height: 5em;
+ background-position: bottom left;
+ background-repeat: repeat-x;
+ /* This image is only a fallback (for IE 6-9), so we do not @embed it. */
+ background-image: url('images/page-fade.png');
+ .vertical-gradient(@body-background-color, @menu-background-color, 50%, 100%);
+ background-color: @body-background-color;
+}
+
+#mw-head-base {
+ margin-top: -5em;
+ margin-left: 10em;
+ height: 5em;
+}
+
+div#mw-head {
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 100%;
+
+ h3 {
+ margin: 0;
+ padding: 0;
+ }
+}
+
+/* Navigation Containers */
+#left-navigation {
+ float: left;
+ margin-left: 10em;
+ margin-top: 2.5em;
+ /* When right nav would overlap left nav, it's placed below it
+ (normal CSS floats behavior). This rule ensures that no empty space
+ is shown between them due to right nav's margin-top. Page layout
+ is still broken, but at least the nav overlaps only the page title
+ instead of half the content. */
+ margin-bottom: -2.5em;
+ /* IE 6 double-margin bug fix */
+ display: inline;
+}
+
+#right-navigation {
+ float: right;
+ margin-top: 2.5em;
+}
+
+/* Logo */
+#p-logo {
+ position: absolute;
+ top: -160px;
+ left: 0;
+ width: 10em;
+ height: 160px;
+
+ a {
+ display: block;
+ width: 10em;
+ height: 160px;
+ background-repeat: no-repeat;
+ background-position: center center;
+ text-decoration: none;
+ }
+}
+
+/* Panel */
+div#mw-panel {
+ font-size: @menu-main-font-size;
+ position: absolute;
+ top: 160px;
+ padding-top: 1em;
+ width: 10em;
+ left: 0;
+
+ div.portal {
+ padding-bottom: 1.5em;
+ direction: ltr;
+
+ h3 {
+ font-weight: normal;
+ color: #444;
+ padding: @menu-main-heading-padding;
+ cursor: default;
+ border: none;
+ font-size: @menu-main-heading-font-size;
+ }
+
+ div.body {
+ padding-top: 0.5em;
+ margin: @menu-main-body-margin;
+
+ .background-image('images/portal-break.png');
+ background-repeat: no-repeat;
+ background-position: top left;
+
+ ul {
+ list-style-type: none;
+ list-style-image: none;
+ padding: @menu-main-body-padding;
+ margin: 0;
+
+ li {
+ line-height: 1.125em;
+ padding: 0;
+ padding-bottom: 0.5em;
+ margin: 0;
+ font-size: @menu-main-body-font-size;
+ word-wrap: break-word;
+
+ a {
+ color: @menu-main-body-link-color;
+ &:visited {
+ color: @menu-main-body-link-visited-color;
+ }
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/skins/vector/components/notifications.less b/skins/vector/components/notifications.less
new file mode 100644
index 0000000..cadb61c
--- /dev/null
+++ b/skins/vector/components/notifications.less
@@ -0,0 +1,20 @@
+/* mediawiki.notification */
+.skin-vector {
+ .mw-notification-area {
+ font-size: 0.8em;
+ }
+
+ .mw-notification-area-layout {
+ top: 7em;
+ }
+
+ .mw-notification {
+ background-color: #fff;
+ background-color: rgba(255, 255, 255, 0.93);
+ padding: 0.75em 1.5em;
+ border: solid 1px @content-border-color;
+ border-radius: 0.75em;
+ -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.125);
+ box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.125);
+ }
+}
diff --git a/skins/vector/components/personalMenu.less b/skins/vector/components/personalMenu.less
new file mode 100644
index 0000000..7256929
--- /dev/null
+++ b/skins/vector/components/personalMenu.less
@@ -0,0 +1,41 @@
+/* Personal */
+#p-personal {
+ position: absolute;
+ top: 0.33em;
+ right: 0.75em;
+ /* Display on top of page tabs - bugs 37158, 48078 */
+ z-index: 100;
+
+ h3 {
+ display: none;
+ }
+
+ ul {
+ list-style-type: none;
+ list-style-image: none;
+ margin: 0;
+ padding-left: 10em; /* Keep from overlapping logo */
+ }
+
+ li {
+ line-height: 1.125em;
+ /* @noflip */
+ float: left;
+ margin-left: 0.75em;
+ margin-top: 0.5em;
+ font-size: @menu-personal-font-size;
+ white-space: nowrap;
+ }
+}
+
+/* Icon for Usernames */
+#pt-userpage,
+#pt-anonuserpage,
+#pt-login {
+ background-position: left top;
+ background-repeat: no-repeat;
+ /* SVG support using a transparent gradient to guarantee cross-browser
+ * compatibility (browsers able to understand gradient syntax support also SVG) */
+ .background-image-svg('images/user-icon.svg', 'images/user-icon.png');
+ padding-left: 15px !important;
+}
diff --git a/skins/vector/components/search.less b/skins/vector/components/search.less
new file mode 100644
index 0000000..46c3030
--- /dev/null
+++ b/skins/vector/components/search.less
@@ -0,0 +1,113 @@
+/* Search */
+#p-search {
+ /* @noflip */
+ float: left;
+ margin-right: 0.5em;
+ margin-left: 0.5em;
+
+ h3 {
+ display: none;
+ }
+
+ form,
+ input {
+ margin: 0;
+ margin-top: 0.4em;
+ }
+}
+
+div#simpleSearch {
+ display: block;
+ width: 14em;
+ height: 1.4em;
+ margin-top: 0.65em;
+ position: relative;
+ min-height: 1px; /* Gotta trigger hasLayout for IE7 */
+ border: solid 1px #aaa;
+ color: black;
+ background-color: white;
+ .background-image('images/search-fade.png');
+ background-position: top left;
+ background-repeat: repeat-x;
+
+ // Styles for both the search input and the button
+ input {
+ position: absolute;
+ margin: 0;
+ padding: 0;
+ border: 0;
+ background-color: transparent;
+ color: black;
+ }
+
+ // The search input
+ #searchInput {
+ top: 0;
+ left: 0;
+ width: 90%;
+ padding: 0.2em 0 0.2em 0.2em;
+ font-size: 13px;
+ direction: ltr;
+
+ &:focus {
+ outline: none;
+ }
+
+ // These rules MAY NOT be merged because of how CSS requires browsers
+ // to parse unrecognized selectors!
+ // Note these rules ensure that placeholder text can be distinguished from
+ // standard text. In browsers which make this distinction clear these rules
+ // are not necessary.
+ // For inputs that use jquery.placeholder.js e.g. IE9-
+ &.placeholder {
+ color: #999;
+ }
+ // Distinguish placeholder text in IE10+
+ &:-ms-input-placeholder {
+ color: #999;
+ }
+ // Distinguish placeholder text in Firefox 18-
+ &:-moz-placeholder {
+ color: #999;
+ }
+
+ // Undo the styles Webkit browsers apply to type=search fields,
+ // we provide our own
+ -webkit-appearance: textfield;
+
+ &::-webkit-search-decoration,
+ &::-webkit-search-cancel-button,
+ &::-webkit-search-results-button,
+ &::-webkit-search-results-decoration {
+ -webkit-appearance: textfield;
+ }
+ }
+
+ // The buttons. They are displayed in the same position, and if both are
+ // present the fulltext search one obscures the 'Go' one.
+ #searchButton,
+ #mw-searchButton {
+ top: 0;
+ right: 0;
+ width: 10%;
+ height: 100%;
+ cursor: pointer;
+ /* Hide button text and replace it with the image. */
+ /* This would be 100% if not for Firefox shenanigans (bug 60900). */
+ text-indent: 200%;
+ /* Needed to make IE6 respect the text-indent. */
+ line-height: 1;
+ /* Opera 12 on RTL flips the text in a funny way without this. */
+ /* @noflip */
+ direction: ltr;
+ white-space: nowrap;
+ overflow: hidden;
+ .background-image-svg('images/search-ltr.svg', 'images/search-ltr.png');
+ background-position: center center;
+ background-repeat: no-repeat;
+ }
+
+ #mw-searchButton {
+ z-index: 1;
+ }
+}
diff --git a/skins/vector/components/tabs.less b/skins/vector/components/tabs.less
new file mode 100644
index 0000000..7e24ae7
--- /dev/null
+++ b/skins/vector/components/tabs.less
@@ -0,0 +1,274 @@
+/*
+Styling for namespace tabs (page, discussion) and views (read, edit, view history, watch and other actions)
+*/
+
+/* Navigation Labels */
+div.vectorTabs h3,
+div.vectorMenu h3 span {
+ display: none;
+}
+
+/* Namespaces and Views */
+div.vectorTabs {
+ /* @noflip */
+ float: left;
+ height: 2.5em;
+ .background-image('images/tab-break.png');
+ background-position: bottom left;
+ background-repeat: no-repeat;
+ padding-left: 1px;
+
+ ul {
+ /* @noflip */
+ float: left;
+ height: 100%;
+ list-style-type: none;
+ list-style-image: none;
+ margin: 0;
+ padding: 0;
+ .background-image('images/tab-break.png');
+ background-position: right bottom;
+ background-repeat: no-repeat;
+
+ li {
+ /* @noflip */
+ float: left;
+ line-height: 1.125em;
+ /* For IE6, overridden later to display:block by modern browsers */
+ display: inline-block;
+ height: 100%;
+ margin: 0;
+ padding: 0;
+ background-color: #f3f3f3;
+ .background-image('images/tab-normal-fade.png');
+ background-position: bottom left;
+ background-repeat: repeat-x;
+ white-space: nowrap;
+ }
+
+ /* IGNORED BY IE6 which doesn't support child selector */
+ > li {
+ display: block;
+ }
+ }
+
+ li {
+ &.new {
+ a,
+ a:visited{
+ color: #a55858;
+ }
+ }
+
+ &.selected {
+ .background-image('images/tab-current-fade.png');
+ a,
+ a:visited{
+ color: #333;
+ text-decoration: none;
+ }
+ }
+
+ &.icon {
+ a {
+ background-position: bottom right;
+ background-repeat: no-repeat;
+ }
+ }
+
+ a {
+ /* For IE6, overridden later to display:block by modern browsers */
+ display: inline-block;
+ height: 1.9em;
+ padding-left: 0.5em;
+ padding-right: 0.5em;
+ color: @menu-link-color;
+ cursor: pointer;
+ font-size: 0.8em;
+ }
+
+ /* Ignored by IE6 which doesn't support child selector */
+ > a {
+ display: block;
+ }
+ }
+
+ span {
+ display: inline-block;
+ .background-image('images/tab-break.png');
+ background-position: bottom right;
+ background-repeat: no-repeat;
+
+ a {
+ /* For IE6, overridden later to display:block by modern browsers */
+ display: inline-block;
+ padding-top: 1.25em;
+ }
+
+ /* Ignored by IE6 which doesn't support child selector */
+ > a {
+ /* @noflip */
+ float: left;
+ display: block;
+ }
+ }
+}
+
+/* Variants and Actions */
+div.vectorMenu {
+ /* @noflip */
+ direction: ltr;
+ /* @noflip */
+ float: left;
+ .background-image-svg('images/arrow-down-icon.svg', 'images/arrow-down-icon.png');
+ /* @noflip */
+ background-position: 100% 60%;
+ background-repeat: no-repeat;
+ cursor: pointer;
+ .transition(background-position 250ms);
+}
+
+div.vectorMenu.menuForceShow {
+ background-position: 100% 100%;
+}
+
+div.vectorMenuFocus {
+ .background-image-svg('images/arrow-down-focus-icon.svg', 'images/arrow-down-focus-icon.png');
+ background-position: 100% 60%;
+}
+
+body.rtl div.vectorMenu {
+ /* @noflip */
+ direction: rtl;
+}
+
+/* OVERRIDDEN BY COMPLIANT BROWSERS */
+div#mw-head div.vectorMenu h3 {
+ /* @noflip */
+ float: left;
+ .background-image('images/tab-break.png');
+ background-repeat: no-repeat;
+ background-position: bottom left;
+ margin-left: -1px;
+}
+
+/* IGNORED BY IE6 */
+div#mw-head div.vectorMenu > h3 {
+ background-image: none;
+}
+
+div#mw-head div.vectorMenu h4,
+div.vectorMenu#p-variants #mw-vector-current-variant {
+ display: inline-block;
+ float: left;
+ font-size: 0.8em;
+ padding-left: 0.5em;
+ padding-top: 1.375em;
+ font-weight: normal;
+ border: none;
+}
+
+/* OVERRIDDEN BY COMPLIANT BROWSERS */
+div.vectorMenu h3 a {
+ display: inline-block;
+ width: 24px;
+ height: 1.9em;
+ text-decoration: none;
+ .background-image('images/tab-break.png');
+ background-repeat: no-repeat;
+ background-position: bottom right;
+}
+
+/* IGNORED BY IE6 */
+div.vectorMenu h3 > a {
+ display: block;
+}
+
+div.vectorMenu div.menu {
+ position: relative;
+ display: none;
+ clear: both;
+ text-align: left;
+}
+
+/* OVERRIDDEN BY COMPLIANT BROWSERS */
+body.rtl div.vectorMenu div.menu {
+ /* @noflip */
+ margin-left: 24px;
+}
+
+/* IGNORED BY IE6 */
+body.rtl div.vectorMenu > div.menu {
+ /* @noflip */
+ margin-left: auto;
+}
+
+/* IGNORED BY IE6 */
+/* Also fixes old versions of FireFox */
+body.rtl div.vectorMenu > div.menu,
+x:-moz-any-link {
+ /* @noflip */
+ margin-left: 23px;
+}
+
+/* Enable forcing showing of the menu for accessibility */
+div.vectorMenu:hover div.menu,
+div.vectorMenu.menuForceShow div.menu {
+ display: block;
+}
+
+div.vectorMenu ul {
+ position: absolute;
+ background-color: white;
+ border: solid 1px silver;
+ border-top-width: 0;
+ list-style-type: none;
+ list-style-image: none;
+ padding: 0;
+ margin: 0;
+ margin-left: -1px;
+ text-align: left;
+}
+
+/* Fixes old versions of FireFox */
+div.vectorMenu ul,
+x:-moz-any-link {
+ min-width: 5em;
+}
+
+/* Returns things back to normal in modern versions of FireFox */
+div.vectorMenu ul,
+x:-moz-any-link,
+x:default {
+ min-width: 0;
+}
+
+div.vectorMenu li {
+ padding: 0;
+ margin: 0;
+ text-align: left;
+ line-height: 1em;
+}
+
+/* OVERRIDDEN BY COMPLIANT BROWSERS */
+div.vectorMenu li a {
+ display: inline-block;
+ padding: 0.5em;
+ white-space: nowrap;
+ color: @menu-link-color;
+ cursor: pointer;
+ font-size: 0.8em;
+}
+
+/* IGNORED BY IE6 */
+div.vectorMenu li > a {
+ display: block;
+}
+
+div.vectorMenu li.selected a,
+div.vectorMenu li.selected a:visited {
+ color: #333;
+ text-decoration: none;
+}
+
+@import 'watchstar.less';
diff --git a/skins/vector/components/watchstar.less b/skins/vector/components/watchstar.less
new file mode 100644
index 0000000..1a6d1fc
--- /dev/null
+++ b/skins/vector/components/watchstar.less
@@ -0,0 +1,46 @@
+@import "mediawiki.mixins.rotation"
+
+/* Watch/Unwatch Icon Styling */
+#ca-unwatch.icon a,
+#ca-watch.icon a {
+ margin: 0;
+ padding: 0;
+ display: block;
+ width: 26px;
+ /* This hides the text but shows the background image */
+ padding-top: 3.1em;
+ margin-top: 0;
+ /* Only applied in IE6 */
+ margin-top: -0.8em !ie;
+ height: 0;
+ overflow: hidden;
+ background-position: 5px 60%;
+}
+#ca-unwatch.icon a {
+ .background-image-svg('images/unwatch-icon.svg', 'images/unwatch-icon.png');
+}
+#ca-watch.icon a {
+ .background-image-svg('images/watch-icon.svg', 'images/watch-icon.png');
+}
+#ca-unwatch.icon a:hover,
+#ca-unwatch.icon a:focus {
+ .background-image-svg('images/unwatch-icon-hl.svg', 'images/unwatch-icon-hl.png');
+}
+#ca-watch.icon a:hover,
+#ca-watch.icon a:focus {
+ .background-image-svg('images/watch-icon-hl.svg', 'images/watch-icon-hl.png');
+}
+#ca-unwatch.icon a.loading,
+#ca-watch.icon a.loading {
+ .background-image-svg('images/watch-icon-loading.svg', 'images/watch-icon-loading.png');
+ .rotation(700ms);
+ /* Suppress the hilarious rotating focus outline on Firefox */
+ outline: none;
+ background-position: 50% 60%;
+ -webkit-transform-origin: 50% 57%;
+ transform-origin: 50% 57%;
+}
+#ca-unwatch.icon a span,
+#ca-watch.icon a span {
+ display: none;
+}
diff --git a/skins/vector/csshover.htc b/skins/vector/csshover.htc
new file mode 100644
index 0000000..a13ea68
--- /dev/null
+++ b/skins/vector/csshover.htc
@@ -0,0 +1,284 @@
+<public:attach event="ondocumentready" onevent="CSSHover()" />
+<script>
+/**
+ * Whatever:hover - V3.11
+ * ------------------------------------------------------------
+ * Author - Peter Nederlof, http://www.xs4all.nl/~peterned
+ * License - http://creativecommons.org/licenses/LGPL/2.1
+ *
+ * Special thanks to Sergiu Dumitriu, http://purl.org/net/sergiu,
+ * for fixing the expression loop.
+ *
+ * Whatever:hover is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 2.1 of the License, or (at your option) any later version.
+ *
+ * Whatever:hover is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * howto: body { behavior:url("csshover3.htc"); }
+ * ------------------------------------------------------------
+ */
+
+window.CSSHover = (function(){
+
+ // regular expressions, used and explained later on.
+ var REG_INTERACTIVE = /(^|\s)((([^a]([^ ]+)?)|(a([^#.][^ ]+)+)):(hover|active|focus))/i;
+ var REG_AFFECTED = /(.*?)\:(hover|active|focus)/i;
+ var REG_PSEUDO = /[^:]+:([a-z\-]+).*/i;
+ var REG_SELECT = /(\.([a-z0-9_\-]+):[a-z]+)|(:[a-z]+)/gi;
+ var REG_CLASS = /\.([a-z0-9_\-]*on(hover|active|focus))/i;
+ var REG_MSIE = /msie (5|6|7)/i;
+ var REG_COMPAT = /backcompat/i;
+
+ // property mapping, real css properties must be used in order to clear expressions later on...
+ // Uses obscure css properties that no-one is likely to use. The properties are borrowed to
+ // set an expression, and are then restored to the most likely correct value.
+ var Properties = {
+ index: 0,
+ list: ['text-kashida', 'text-kashida-space', 'text-justify'],
+ get: function() {
+ return this.list[(this.index++)%this.list.length];
+ }
+ };
+
+ // camelize is used to convert css properties from (eg) text-kashida to textKashida
+ var camelize = function(str) {
+ return str.replace(/-(.)/mg, function(result, match){
+ return match.toUpperCase();
+ });
+ };
+
+ /**
+ * Local CSSHover object
+ * --------------------------
+ */
+
+ var CSSHover = {
+
+ // array of CSSHoverElements, used to unload created events
+ elements: [],
+
+ // buffer used for checking on duplicate expressions
+ callbacks: {},
+
+ // init, called once ondomcontentready via the exposed window.CSSHover function
+ init:function() {
+ // don't run in IE8 standards; expressions don't work in standards mode anyway,
+ // and the stuff we're trying to fix should already work properly
+ if(!REG_MSIE.test(navigator.userAgent) && !REG_COMPAT.test(window.document.compatMode)) {
+ return;
+ }
+
+ // start parsing the existing stylesheets
+ var sheets = window.document.styleSheets, l = sheets.length;
+ for(var i=0; i<l; i++) {
+ this.parseStylesheet(sheets[i]);
+ }
+ },
+
+ // called from init, parses individual stylesheets
+ parseStylesheet:function(sheet) {
+ // check sheet imports and parse those recursively
+ if(sheet.imports) {
+ try {
+ var imports = sheet.imports;
+ var l = imports.length;
+ for(var i=0; i<l; i++) {
+ this.parseStylesheet(sheet.imports[i]);
+ }
+ } catch(securityException){
+ // trycatch for various possible errors
+ }
+ }
+
+ // interate the sheet's rules and send them to the parser
+ try {
+ var rules = sheet.rules;
+ var r = rules.length;
+ for(var j=0; j<r; j++) {
+ this.parseCSSRule(rules[j], sheet);
+ }
+ } catch(someException){
+ // trycatch for various errors, most likely accessing the sheet's rules.
+ }
+ },
+
+ // magic starts here ...
+ parseCSSRule:function(rule, sheet) {
+
+ // The sheet is used to insert new rules into, this must be the same sheet the rule
+ // came from, to ensure that relative paths keep pointing to the right location.
+
+ // only parse a rule if it contains an interactive pseudo.
+ var select = rule.selectorText;
+ if(REG_INTERACTIVE.test(select)) {
+ var style = rule.style.cssText;
+
+ // affected elements are found by truncating the selector after the interactive pseudo,
+ // eg: "div li:hover" >> "div li"
+ var affected = REG_AFFECTED.exec(select)[1];
+
+ // that pseudo is needed for a classname, and defines the type of interaction (focus, hover, active)
+ // eg: "li:hover" >> "onhover"
+ var pseudo = select.replace(REG_PSEUDO, 'on$1');
+
+ // the new selector is going to use that classname in a new css rule,
+ // since IE6 doesn't support multiple classnames, this is merged into one classname
+ // eg: "li:hover" >> "li.onhover", "li.folder:hover" >> "li.folderonhover"
+ var newSelect = select.replace(REG_SELECT, '.$2' + pseudo);
+
+ // the classname is needed for the events that are going to be set on affected nodes
+ // eg: "li.folder:hover" >> "folderonhover"
+ var className = REG_CLASS.exec(newSelect)[1];
+
+ // no need to set the same callback more than once when the same selector uses the same classname
+ var hash = affected + className;
+ if(!this.callbacks[hash]) {
+
+ // affected elements are given an expression under a borrowed css property, because fake properties
+ // can't have their expressions cleared. Different properties are used per pseudo, to avoid
+ // expressions from overwriting eachother. The expression does a callback to CSSHover.patch,
+ // rerouted via the exposed window.CSSHover function.
+ var property = Properties.get();
+ var atRuntime = camelize(property);
+
+ // because the expression is added to the stylesheet, and styles are always applied to html that is
+ // dynamically added to the dom, the expression will also trigger for those new elements (provided
+ // they are selected by the affected selector).
+ sheet.addRule(affected, property + ':expression(CSSHover(this, "'+pseudo+'", "'+className+'", "'+atRuntime+'"))');
+
+ // hash it, so an identical selector/class combo does not duplicate the expression
+ this.callbacks[hash] = true;
+ }
+
+ // duplicate expressions need not be set, but the style could differ
+ sheet.addRule(newSelect, style);
+ }
+ },
+
+ // called via the expression, patches individual nodes
+ patch:function(node, type, className, property) {
+
+ // restores the borrowed css property to the value of its immediate parent, clearing
+ // the expression so that it's not repeatedly called.
+ try {
+ var value = node.parentNode.currentStyle[property];
+ node.style[property] = value;
+ } catch(e) {
+ // the above reset should never fail, but just in case, clear the runtimeStyle if it does.
+ // this will also stop the expression.
+ node.runtimeStyle[property] = '';
+ }
+
+ // just to make sure, also keep track of patched classnames locally on the node
+ if(!node.csshover) {
+ node.csshover = [];
+ }
+
+ // and check for it to prevent duplicate events with the same classname from being set
+ if(!node.csshover[className]) {
+ node.csshover[className] = true;
+
+ // create an instance for the given type and class
+ var element = new CSSHoverElement(node, type, className);
+
+ // and store that instance for unloading later on
+ this.elements.push(element);
+ }
+
+ // returns a dummy value to the expression
+ return type;
+ },
+
+ // unload stuff onbeforeunload
+ unload:function() {
+ try {
+
+ // remove events
+ var l = this.elements.length;
+ for(var i=0; i<l; i++) {
+ this.elements[i].unload();
+ }
+
+ // and set properties to null
+ this.elements = [];
+ this.callbacks = {};
+
+ } catch (e) {
+ }
+ }
+ };
+
+ /**
+ * CSSHoverElement
+ * --------------------------
+ */
+
+ // the event types associated with the interactive pseudos
+ var CSSEvents = {
+ onhover: { activator: 'onmouseenter', deactivator: 'onmouseleave' },
+ onactive: { activator: 'onmousedown', deactivator: 'onmouseup' },
+ onfocus: { activator: 'onfocus', deactivator: 'onblur' }
+ };
+
+ // CSSHoverElement constructor, called via CSSHover.patch
+ function CSSHoverElement(node, type, className) {
+
+ // the CSSHoverElement patches individual nodes by manually applying the events that should
+ // have fired by the css pseudoclasses, eg mouseenter and mouseleave for :hover.
+
+ this.node = node;
+ this.type = type;
+ var replacer = new RegExp('(^|\\s)'+className+'(\\s|$)', 'g');
+
+ // store event handlers for removal onunload
+ this.activator = function(){ node.className += ' ' + className; };
+ this.deactivator = function(){ node.className = node.className.replace(replacer, ' '); };
+
+ // add the events
+ node.attachEvent(CSSEvents[type].activator, this.activator);
+ node.attachEvent(CSSEvents[type].deactivator, this.deactivator);
+ }
+
+ CSSHoverElement.prototype = {
+ // onbeforeunload, called via CSSHover.unload
+ unload:function() {
+
+ // remove events
+ this.node.detachEvent(CSSEvents[this.type].activator, this.activator);
+ this.node.detachEvent(CSSEvents[this.type].deactivator, this.deactivator);
+
+ // and set properties to null
+ this.activator = null;
+ this.deactivator = null;
+ this.node = null;
+ this.type = null;
+ }
+ };
+
+ // add the unload to the onbeforeunload event
+ window.attachEvent('onbeforeunload', function(){
+ CSSHover.unload();
+ });
+
+ /**
+ * Public hook
+ * --------------------------
+ */
+
+ return function(node, type, className, property) {
+ if(node) {
+ // called via the css expression; patches individual nodes
+ return CSSHover.patch(node, type, className, property);
+ } else {
+ // called ondomcontentready via the public:attach node
+ CSSHover.init();
+ }
+ };
+
+})();
+</script> \ No newline at end of file
diff --git a/skins/vector/csshover.min.htc b/skins/vector/csshover.min.htc
new file mode 100644
index 0000000..7e5c57b
--- /dev/null
+++ b/skins/vector/csshover.min.htc
@@ -0,0 +1,12 @@
+<public:attach event="ondocumentready" onevent="CSSHover()" />
+<script>
+/**
+ * Whatever:hover - V3.11
+ * http://www.xs4all.nl/~peterned/
+ *
+ * Copyright (c) 2009 Peter Nederlof
+ * Licensed under the LGPL license
+ * http://creativecommons.org/licenses/LGPL/2.1
+ */
+window.CSSHover=(function(){var m=/(^|\s)((([^a]([^ ]+)?)|(a([^#.][^ ]+)+)):(hover|active|focus))/i;var n=/(.*?)\:(hover|active|focus)/i;var o=/[^:]+:([a-z\-]+).*/i;var p=/(\.([a-z0-9_\-]+):[a-z]+)|(:[a-z]+)/gi;var q=/\.([a-z0-9_\-]*on(hover|active|focus))/i;var s=/msie (5|6|7)/i;var t=/backcompat/i;var u={index:0,list:['text-kashida','text-kashida-space','text-justify'],get:function(){return this.list[(this.index++)%this.list.length]}};var v=function(c){return c.replace(/-(.)/mg,function(a,b){return b.toUpperCase()})};var w={elements:[],callbacks:{},init:function(){if(!s.test(navigator.userAgent)&&!t.test(window.document.compatMode)){return}var a=window.document.styleSheets,l=a.length;for(var i=0;i<l;i++){this.parseStylesheet(a[i])}},parseStylesheet:function(a){if(a.imports){try{var b=a.imports;var l=b.length;for(var i=0;i<l;i++){this.parseStylesheet(a.imports[i])}}catch(securityException){}}try{var c=a.rules;var r=c.length;for(var j=0;j<r;j++){this.parseCSSRule(c[j],a)}}catch(someException){}},parseCSSRule:function(a,b){var c=a.selectorText;if(m.test(c)){var d=a.style.cssText;var e=n.exec(c)[1];var f=c.replace(o,'on$1');var g=c.replace(p,'.$2'+f);var h=q.exec(g)[1];var i=e+h;if(!this.callbacks[i]){var j=u.get();var k=v(j);b.addRule(e,j+':expression(CSSHover(this, "'+f+'", "'+h+'", "'+k+'"))');this.callbacks[i]=true}b.addRule(g,d)}},patch:function(a,b,c,d){try{var f=a.parentNode.currentStyle[d];a.style[d]=f}catch(e){a.runtimeStyle[d]=''}if(!a.csshover){a.csshover=[]}if(!a.csshover[c]){a.csshover[c]=true;var g=new CSSHoverElement(a,b,c);this.elements.push(g)}return b},unload:function(){try{var l=this.elements.length;for(var i=0;i<l;i++){this.elements[i].unload()}this.elements=[];this.callbacks={}}catch(e){}}};var x={onhover:{activator:'onmouseenter',deactivator:'onmouseleave'},onactive:{activator:'onmousedown',deactivator:'onmouseup'},onfocus:{activator:'onfocus',deactivator:'onblur'}};function CSSHoverElement(a,b,c){this.node=a;this.type=b;var d=new RegExp('(^|\\s)'+c+'(\\s|$)','g');this.activator=function(){a.className+=' '+c};this.deactivator=function(){a.className=a.className.replace(d,' ')};a.attachEvent(x[b].activator,this.activator);a.attachEvent(x[b].deactivator,this.deactivator)}CSSHoverElement.prototype={unload:function(){this.node.detachEvent(x[this.type].activator,this.activator);this.node.detachEvent(x[this.type].deactivator,this.deactivator);this.activator=null;this.deactivator=null;this.node=null;this.type=null}};window.attachEvent('onbeforeunload',function(){w.unload()});return function(a,b,c,d){if(a){return w.patch(a,b,c,d)}else{w.init()}}})();
+</script>
diff --git a/skins/vector/images/arrow-collapsed-ltr.png b/skins/vector/images/arrow-collapsed-ltr.png
new file mode 100644
index 0000000..063ac6f
--- /dev/null
+++ b/skins/vector/images/arrow-collapsed-ltr.png
Binary files differ
diff --git a/skins/vector/images/arrow-collapsed-ltr.svg b/skins/vector/images/arrow-collapsed-ltr.svg
new file mode 100644
index 0000000..b943caa
--- /dev/null
+++ b/skins/vector/images/arrow-collapsed-ltr.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M6.001 2.998l5.001 5-5.001 5z" fill="#797979"/></svg> \ No newline at end of file
diff --git a/skins/vector/images/arrow-collapsed-rtl.png b/skins/vector/images/arrow-collapsed-rtl.png
new file mode 100644
index 0000000..c346218
--- /dev/null
+++ b/skins/vector/images/arrow-collapsed-rtl.png
Binary files differ
diff --git a/skins/vector/images/arrow-collapsed-rtl.svg b/skins/vector/images/arrow-collapsed-rtl.svg
new file mode 100644
index 0000000..5faf356
--- /dev/null
+++ b/skins/vector/images/arrow-collapsed-rtl.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M9.999 13.002l-5.001-5 5.001-5z" fill="#797979"/></svg> \ No newline at end of file
diff --git a/skins/vector/images/arrow-down-focus-icon.png b/skins/vector/images/arrow-down-focus-icon.png
new file mode 100644
index 0000000..7640bd1
--- /dev/null
+++ b/skins/vector/images/arrow-down-focus-icon.png
Binary files differ
diff --git a/skins/vector/images/arrow-down-focus-icon.svg b/skins/vector/images/arrow-down-focus-icon.svg
new file mode 100644
index 0000000..826c280
--- /dev/null
+++ b/skins/vector/images/arrow-down-focus-icon.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="22" height="16"><path d="M15.502 6.001l-5 5.001-5-5.001z" fill="#929292"/></svg> \ No newline at end of file
diff --git a/skins/vector/images/arrow-down-icon.png b/skins/vector/images/arrow-down-icon.png
new file mode 100644
index 0000000..12e3b93
--- /dev/null
+++ b/skins/vector/images/arrow-down-icon.png
Binary files differ
diff --git a/skins/vector/images/arrow-down-icon.svg b/skins/vector/images/arrow-down-icon.svg
new file mode 100644
index 0000000..8e31b2f
--- /dev/null
+++ b/skins/vector/images/arrow-down-icon.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="22" height="16"><path d="M15.502 6.001l-5 5.001-5-5.001z" fill="#797979"/></svg> \ No newline at end of file
diff --git a/skins/vector/images/arrow-expanded.png b/skins/vector/images/arrow-expanded.png
new file mode 100644
index 0000000..0221028
--- /dev/null
+++ b/skins/vector/images/arrow-expanded.png
Binary files differ
diff --git a/skins/vector/images/arrow-expanded.svg b/skins/vector/images/arrow-expanded.svg
new file mode 100644
index 0000000..e744ec3
--- /dev/null
+++ b/skins/vector/images/arrow-expanded.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M13.002 6.001l-5 5.001-5-5.001z" fill="#797979"/></svg> \ No newline at end of file
diff --git a/skins/vector/images/bullet-icon.png b/skins/vector/images/bullet-icon.png
new file mode 100644
index 0000000..7bae98f
--- /dev/null
+++ b/skins/vector/images/bullet-icon.png
Binary files differ
diff --git a/skins/vector/images/external-link-ltr-icon.png b/skins/vector/images/external-link-ltr-icon.png
new file mode 100644
index 0000000..6308383
--- /dev/null
+++ b/skins/vector/images/external-link-ltr-icon.png
Binary files differ
diff --git a/skins/vector/images/external-link-ltr-icon.svg b/skins/vector/images/external-link-ltr-icon.svg
new file mode 100644
index 0000000..5969d03
--- /dev/null
+++ b/skins/vector/images/external-link-ltr-icon.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10"><g transform="translate(-826.429 -698.791)"><rect width="5.982" height="5.982" x="826.929" y="702.309" fill="#fff" stroke="#06c"/><g><path d="M831.194 698.791h5.234v5.391l-1.571 1.545-1.31-1.31-2.725 2.725-2.689-2.689 2.808-2.808-1.311-1.311z" fill="#06f"/><path d="M835.424 699.795l.022 4.885-1.817-1.817-2.881 2.881-1.228-1.228 2.881-2.881-1.851-1.851z" fill="#fff"/></g></g></svg> \ No newline at end of file
diff --git a/skins/vector/images/external-link-rtl-icon.png b/skins/vector/images/external-link-rtl-icon.png
new file mode 100644
index 0000000..5313234
--- /dev/null
+++ b/skins/vector/images/external-link-rtl-icon.png
Binary files differ
diff --git a/skins/vector/images/external-link-rtl-icon.svg b/skins/vector/images/external-link-rtl-icon.svg
new file mode 100644
index 0000000..75a7025
--- /dev/null
+++ b/skins/vector/images/external-link-rtl-icon.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10"><g transform="translate(-826.429 -698.791)"><rect width="5.982" height="5.982" x="-835.929" y="702.309" transform="scale(-1 1)" fill="#fff" stroke="#06c"/><g><path d="M831.663 698.791h-5.234v5.391l1.571 1.545 1.31-1.31 2.725 2.725 2.689-2.689-2.808-2.808 1.311-1.311z" fill="#06f"/><path d="M827.433 699.795l-.022 4.885 1.817-1.817 2.881 2.881 1.228-1.228-2.881-2.881 1.851-1.851z" fill="#fff"/></g></g></svg> \ No newline at end of file
diff --git a/skins/vector/images/link-icon.png b/skins/vector/images/link-icon.png
new file mode 100644
index 0000000..b70efaa
--- /dev/null
+++ b/skins/vector/images/link-icon.png
Binary files differ
diff --git a/skins/vector/images/magnify-clip.png b/skins/vector/images/magnify-clip.png
new file mode 100644
index 0000000..00a9cee
--- /dev/null
+++ b/skins/vector/images/magnify-clip.png
Binary files differ
diff --git a/skins/vector/images/page-fade.png b/skins/vector/images/page-fade.png
new file mode 100644
index 0000000..b4a6034
--- /dev/null
+++ b/skins/vector/images/page-fade.png
Binary files differ
diff --git a/skins/vector/images/portal-break-ltr.png b/skins/vector/images/portal-break-ltr.png
new file mode 100644
index 0000000..20bf366
--- /dev/null
+++ b/skins/vector/images/portal-break-ltr.png
Binary files differ
diff --git a/skins/vector/images/portal-break-rtl.png b/skins/vector/images/portal-break-rtl.png
new file mode 100644
index 0000000..e5f6223
--- /dev/null
+++ b/skins/vector/images/portal-break-rtl.png
Binary files differ
diff --git a/skins/vector/images/portal-break.png b/skins/vector/images/portal-break.png
new file mode 100644
index 0000000..90c3918
--- /dev/null
+++ b/skins/vector/images/portal-break.png
Binary files differ
diff --git a/skins/vector/images/preferences/break.png b/skins/vector/images/preferences/break.png
new file mode 100644
index 0000000..b529308
--- /dev/null
+++ b/skins/vector/images/preferences/break.png
Binary files differ
diff --git a/skins/vector/images/preferences/fade.png b/skins/vector/images/preferences/fade.png
new file mode 100644
index 0000000..638084d
--- /dev/null
+++ b/skins/vector/images/preferences/fade.png
Binary files differ
diff --git a/skins/vector/images/search-fade.png b/skins/vector/images/search-fade.png
new file mode 100644
index 0000000..6cb7d28
--- /dev/null
+++ b/skins/vector/images/search-fade.png
Binary files differ
diff --git a/skins/vector/images/search-ltr.png b/skins/vector/images/search-ltr.png
new file mode 100644
index 0000000..1db2eb2
--- /dev/null
+++ b/skins/vector/images/search-ltr.png
Binary files differ
diff --git a/skins/vector/images/search-ltr.svg b/skins/vector/images/search-ltr.svg
new file mode 100644
index 0000000..0720f20
--- /dev/null
+++ b/skins/vector/images/search-ltr.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="12" height="13"><g stroke-width="2" stroke="#6c6c6c" fill="none"><path d="M11.29 11.71l-4-4"/><circle cx="5" cy="5" r="4"/></g></svg> \ No newline at end of file
diff --git a/skins/vector/images/search-rtl.png b/skins/vector/images/search-rtl.png
new file mode 100644
index 0000000..c26c8d0
--- /dev/null
+++ b/skins/vector/images/search-rtl.png
Binary files differ
diff --git a/skins/vector/images/search-rtl.svg b/skins/vector/images/search-rtl.svg
new file mode 100644
index 0000000..622d5f9
--- /dev/null
+++ b/skins/vector/images/search-rtl.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="12" height="13"><g stroke-width="2" stroke="#6c6c6c" fill="none"><path d="M.71 11.71l4-4"/><circle cx="7" cy="5" r="4"/></g></svg> \ No newline at end of file
diff --git a/skins/vector/images/tab-break.png b/skins/vector/images/tab-break.png
new file mode 100644
index 0000000..6d37af5
--- /dev/null
+++ b/skins/vector/images/tab-break.png
Binary files differ
diff --git a/skins/vector/images/tab-current-fade.png b/skins/vector/images/tab-current-fade.png
new file mode 100644
index 0000000..b8f772f
--- /dev/null
+++ b/skins/vector/images/tab-current-fade.png
Binary files differ
diff --git a/skins/vector/images/tab-normal-fade.png b/skins/vector/images/tab-normal-fade.png
new file mode 100644
index 0000000..f719a88
--- /dev/null
+++ b/skins/vector/images/tab-normal-fade.png
Binary files differ
diff --git a/skins/vector/images/unwatch-icon-hl.png b/skins/vector/images/unwatch-icon-hl.png
new file mode 100644
index 0000000..6b2b502
--- /dev/null
+++ b/skins/vector/images/unwatch-icon-hl.png
Binary files differ
diff --git a/skins/vector/images/unwatch-icon-hl.svg b/skins/vector/images/unwatch-icon-hl.svg
new file mode 100644
index 0000000..d52d547
--- /dev/null
+++ b/skins/vector/images/unwatch-icon-hl.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16"><defs><linearGradient id="a"><stop offset="0" stop-color="#c2edff"/><stop offset=".5" stop-color="#68bdff"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient x1="13.47" y1="14.363" x2="4.596" y2="3.397" id="b" xlink:href="#a" gradientUnits="userSpaceOnUse"/></defs><path d="M8.103 1.146l2.175 4.408 4.864.707-3.52 3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z" fill="url(#b)" stroke="#c8b250" stroke-width="0.9999199999999999"/></svg> \ No newline at end of file
diff --git a/skins/vector/images/unwatch-icon.png b/skins/vector/images/unwatch-icon.png
new file mode 100644
index 0000000..9fd9436
--- /dev/null
+++ b/skins/vector/images/unwatch-icon.png
Binary files differ
diff --git a/skins/vector/images/unwatch-icon.svg b/skins/vector/images/unwatch-icon.svg
new file mode 100644
index 0000000..cde7bc5
--- /dev/null
+++ b/skins/vector/images/unwatch-icon.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16"><defs><linearGradient id="a"><stop offset="0" stop-color="#c2edff"/><stop offset=".5" stop-color="#68bdff"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient x1="13.47" y1="14.363" x2="4.596" y2="3.397" id="b" xlink:href="#a" gradientUnits="userSpaceOnUse"/></defs><path d="M8.103 1.146l2.175 4.408 4.864.707-3.52 3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z" fill="url(#b)" stroke="#7cb5d1" stroke-width="0.9999199999999999"/></svg> \ No newline at end of file
diff --git a/skins/vector/images/user-icon.png b/skins/vector/images/user-icon.png
new file mode 100644
index 0000000..57f9f8d
--- /dev/null
+++ b/skins/vector/images/user-icon.png
Binary files differ
diff --git a/skins/vector/images/user-icon.svg b/skins/vector/images/user-icon.svg
new file mode 100644
index 0000000..4335bcf
--- /dev/null
+++ b/skins/vector/images/user-icon.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12" height="13.837"><defs><linearGradient id="e"><stop offset="0"/><stop offset="1" stop-opacity="0"/></linearGradient><linearGradient id="b"><stop offset="0" stop-color="#3b74bc"/><stop offset="1" stop-color="#2d5990"/></linearGradient><linearGradient id="c"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#c9c9c9"/></linearGradient><linearGradient id="a"><stop offset="0"/><stop offset="1" stop-opacity="0"/></linearGradient><linearGradient id="d"><stop offset="0" stop-color="#f4d9b1"/><stop offset="1" stop-color="#df9725"/></linearGradient><radialGradient cx="31.113" cy="19.009" r="8.662" fx="31.113" fy="19.009" id="f" xlink:href="#a" gradientUnits="userSpaceOnUse"/><radialGradient cx="28.09" cy="27.203" r="13.565" fx="28.09" fy="27.203" id="g" xlink:href="#b" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1.298 0 0 .885 -8.359 4.94)"/><linearGradient x1="30.936" y1="29.553" x2="30.936" y2="35.803" id="h" xlink:href="#c" gradientUnits="userSpaceOnUse"/><radialGradient cx="31.113" cy="19.009" r="8.662" fx="31.113" fy="19.009" id="i" xlink:href="#a" gradientUnits="userSpaceOnUse"/><radialGradient cx="29.345" cy="17.064" r="9.162" fx="29.345" fy="17.064" id="j" xlink:href="#d" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.788 0 0 .788 6.221 3.618)"/><linearGradient x1="20.662" y1="35.818" x2="22.627" y2="36.218" id="k" xlink:href="#e" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.983 .182 -.182 .983 6.232 -2.651)"/><linearGradient x1="22.687" y1="36.39" x2="21.408" y2="35.74" id="l" xlink:href="#e" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.978 .21 .21 .978 55.11 -3.945)"/></defs><g color="#000"><path d="M39.775 19.009a8.662 8.662 0 1 1-17.324 0 8.662 8.662 0 1 1 17.324 0z" transform="matrix(.693 0 0 .374 -15.548 3.481)" fill="url(#f)" fill-rule="evenodd" overflow="visible"/><path d="M4.046 12.398h4.137c1.172 0 2.332-.43 2.758-1.655.404-1.163.069-3.378-2.551-5.171h-4.895c-2.62 1.655-2.947 3.917-2.344 5.24.614 1.347 1.655 1.586 2.896 1.586z" fill="url(#g)" fill-rule="evenodd" stroke="#204a87" stroke-linecap="round" stroke-linejoin="round" overflow="visible" stroke-width="0.39"/><path d="M4.321 6.193c1.241 1.103 1.793 5.102 1.793 5.102s.552-3.999 1.517-5.171l-3.309.069z" fill="url(#h)" fill-rule="evenodd" overflow="visible"/><path d="M5.21 6.607s-.839.648-.767 1.428c-.796-.702-.819-2.048-.819-2.048l1.586.62z" fill="#729fcf" fill-rule="evenodd" overflow="visible"/><path d="M4.018 11.992l4.092-.009c1.029 0 2.049-.377 2.422-1.453.355-1.022-.037-2.967-2.338-4.542l-4.495-.095c-2.301 1.453-2.747 3.441-2.208 4.697.538 1.256 1.324 1.393 2.526 1.401z" opacity=".215" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" overflow="visible" fill="none" stroke-width="0.39"/><path d="M6.941 6.607s.839.648.767 1.428c.796-.702.819-2.048.819-2.048l-1.586.62z" fill="#729fcf" fill-rule="evenodd" overflow="visible"/><path d="M39.775 19.009a8.662 8.662 0 1 1-17.324 0 8.662 8.662 0 1 1 17.324 0z" transform="matrix(.39 0 0 .39 -6.138 -2.475)" fill="url(#i)" fill-rule="evenodd" overflow="visible"/><path d="M39.775 19.009a8.662 8.662 0 1 1-17.324 0 8.662 8.662 0 1 1 17.324 0z" fill="url(#j)" fill-rule="evenodd" stroke="#c17d11" stroke-linecap="round" stroke-linejoin="round" overflow="visible" transform="matrix(.39 0 0 .39 -6.089 -3.84)"/><path d="M39.775 19.009a8.662 8.662 0 1 1-17.324 0 8.662 8.662 0 1 1 17.324 0z" transform="matrix(.342 0 0 .342 -4.598 -2.929)" opacity=".196" stroke="#fff" stroke-width="1.14" stroke-linecap="round" stroke-linejoin="round" overflow="visible" fill="none"/><path d="M2.433 12.062c-.487-.213-.704-.725-.704-.725.328-1.587 1.451-2.748 1.451-2.748s-.889 2.5-.746 3.473z" opacity=".228" fill="url(#k)" fill-rule="evenodd" overflow="visible"/><path d="M9.806 11.728c.48-.227.704-.781.704-.781-.374-1.577-1.551-2.669-1.551-2.669s.961 2.474.847 3.45z" opacity=".228" fill="url(#l)" fill-rule="evenodd" overflow="visible"/></g></svg> \ No newline at end of file
diff --git a/skins/vector/images/watch-icon-hl.png b/skins/vector/images/watch-icon-hl.png
new file mode 100644
index 0000000..4cb87cd
--- /dev/null
+++ b/skins/vector/images/watch-icon-hl.png
Binary files differ
diff --git a/skins/vector/images/watch-icon-hl.svg b/skins/vector/images/watch-icon-hl.svg
new file mode 100644
index 0000000..664c671
--- /dev/null
+++ b/skins/vector/images/watch-icon-hl.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M8.103 1.146l2.175 4.408 4.864.707-3.52 3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z" fill="#fff" stroke="#c8b250" stroke-width="0.9999199999999999"/></svg> \ No newline at end of file
diff --git a/skins/vector/images/watch-icon-loading.png b/skins/vector/images/watch-icon-loading.png
new file mode 100644
index 0000000..5f0c490
--- /dev/null
+++ b/skins/vector/images/watch-icon-loading.png
Binary files differ
diff --git a/skins/vector/images/watch-icon-loading.svg b/skins/vector/images/watch-icon-loading.svg
new file mode 100644
index 0000000..751eb14
--- /dev/null
+++ b/skins/vector/images/watch-icon-loading.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M8.103 1.146l2.175 4.408 4.864.707-3.52 3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z" fill="#fff" stroke="#d1d1d1" stroke-width="0.9999199999999999"/></svg> \ No newline at end of file
diff --git a/skins/vector/images/watch-icon.png b/skins/vector/images/watch-icon.png
new file mode 100644
index 0000000..39daff2
--- /dev/null
+++ b/skins/vector/images/watch-icon.png
Binary files differ
diff --git a/skins/vector/images/watch-icon.svg b/skins/vector/images/watch-icon.svg
new file mode 100644
index 0000000..907b05b
--- /dev/null
+++ b/skins/vector/images/watch-icon.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M8.103 1.146l2.175 4.408 4.864.707-3.52 3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z" fill="#fff" stroke="#7cb5d1" stroke-width="0.9999199999999999"/></svg> \ No newline at end of file
diff --git a/skins/vector/screen-hd.less b/skins/vector/screen-hd.less
new file mode 100644
index 0000000..8b286f4
--- /dev/null
+++ b/skins/vector/screen-hd.less
@@ -0,0 +1,30 @@
+/* Vector screen styles for high definition displays */
+
+@import "variables.less";
+
+div#content {
+ margin-left: 11em;
+ padding: 1.25em 1.5em 1.5em 1.5em;
+}
+#p-logo {
+ left: @menu-main-logo-left;
+}
+div#footer {
+ margin-left: 11em;
+ padding: 1.25em;
+}
+#mw-panel {
+ padding-left: 0.5em;
+}
+#p-search {
+ margin-right: 1em;
+}
+#left-navigation {
+ margin-left: 11em;
+}
+#p-personal {
+ right: 1em;
+}
+#mw-head-base {
+ margin-left: 11em;
+}
diff --git a/skins/vector/screen.less b/skins/vector/screen.less
new file mode 100644
index 0000000..f7b374f
--- /dev/null
+++ b/skins/vector/screen.less
@@ -0,0 +1,10 @@
+/* Vector screen styles */
+
+@import "variables.less";
+
+@import "components/common.less";
+@import "components/animations.less";
+@import "components/navigation.less";
+@import "components/footer.less";
+@import 'components/notifications.less';
+@import "components/externalLinks.less";
diff --git a/skins/vector/special.less b/skins/vector/special.less
new file mode 100644
index 0000000..6af4b1e
--- /dev/null
+++ b/skins/vector/special.less
@@ -0,0 +1,7 @@
+/**
+ * Adjusts for decreased margin-bottom for h2 elements inside #content div
+ * introduced in March / April 2014 typography update.
+ */
+table.mw-specialpages-table {
+ margin-top: 0;
+}
diff --git a/skins/vector/special.preferences.less b/skins/vector/special.preferences.less
new file mode 100644
index 0000000..a9b1006
--- /dev/null
+++ b/skins/vector/special.preferences.less
@@ -0,0 +1,114 @@
+@import "mediawiki.mixins";
+@import "variables";
+
+/**
+ * The following code is highly modified from monobook. It would be nice if the
+ * preftoc id was more human readable like preferences-toc for instance,
+ * howerver this would require backporting the other skins.
+ */
+
+#preftoc {
+ /* Tabs */
+ width: 100%;
+ float: left;
+ clear: both;
+ margin: 0 !important;
+ padding: 0 !important;
+ .background-image('images/preferences/break.png');
+ background-position: bottom left;
+ background-repeat: no-repeat;
+
+ li {
+ /* Tab */
+ float: left;
+ margin: 0;
+ padding: 0;
+ padding-right: 1px;
+ height: 2.25em;
+ white-space: nowrap;
+ list-style-type: none;
+ list-style-image: none;
+ .background-image('images/preferences/break.png');
+ background-position: bottom right;
+ background-repeat: no-repeat;
+
+ /* Sadly, IE6 won't understand this */
+ &:first-child {
+ margin-left: 1px;
+ }
+
+ &.selected {
+ a {
+ .background-image('images/preferences/fade.png');
+ background-position: bottom;
+ background-repeat: repeat-x;
+ color: #333;
+ text-decoration: none;
+ }
+ }
+ }
+
+ a,
+ a:active {
+ display: inline-block;
+ position: relative;
+ color: @menu-link-color;
+ padding: 0.5em;
+ text-decoration: none;
+ background-image: none;
+ font-size: 0.9em;
+ }
+
+ a:hover,
+ a:focus {
+ text-decoration: underline;
+ }
+}
+
+#preferences {
+ float: left;
+ width: 100%;
+ margin: 0;
+ margin-top: -2px;
+ clear: both;
+ border: solid 1px #ccc;
+ background-color: #fafafa;
+
+ fieldset {
+ border: none;
+ border-top: solid 1px #ccc;
+
+ &.prefsection {
+ border: none;
+ padding: 0;
+ margin: 1em;
+
+ legend.mainLegend {
+ display: none;
+ }
+ }
+ }
+
+ legend {
+ color: #666;
+ }
+
+ td {
+ padding-left: 0.5em;
+ padding-right: 0.5em;
+ }
+
+ div.mw-prefs-buttons {
+ padding: 1em;
+
+ input {
+ margin-right: 0.25em;
+ }
+ }
+}
+
+.htmlform-tip {
+ font-size: x-small;
+ padding: .2em 2em;
+ color: #666;
+}
diff --git a/skins/vector/variables.less b/skins/vector/variables.less
new file mode 100644
index 0000000..f008a3a
--- /dev/null
+++ b/skins/vector/variables.less
@@ -0,0 +1,43 @@
+@html-font-size: 1em;
+
+// Page content
+// FIXME: Use global variable since Echo and CentralNotice use this variable
+@content-border-color: #a7d7f9;
+// FIXME: Find an open font that works with this stack and is readable by Windows users
+@content-font-family: sans-serif;
+@content-font-color: #252525;
+@content-font-size: 0.875em;
+@content-line-height: 1.6;
+@content-padding: 1em;
+@content-heading-font-size: 1.8em;
+@content-heading-font-family: sans-serif;
+@body-background-color: #fff;
+@heading-line-height: 1.3;
+
+// Navigation
+@menu-background-color: #f6f6f6;
+
+// Common menu
+@menu-link-color: #0645ad;
+
+// Main menu
+@menu-main-font-size: inherit;
+@menu-main-heading-font-size: 0.75em;
+@menu-main-heading-padding: 0 1.75em 0.25em 0.25em;
+
+@menu-main-body-font-size: 0.75em;
+@menu-main-body-link-color: #0645ad;
+@menu-main-body-link-visited-color: #0b0080;
+@menu-main-body-margin: 0 0 0 1.25em;
+@menu-main-body-padding: 0;
+@menu-main-logo-left: 0.5em;
+
+// Personal menu
+@menu-personal-font-size: 0.75em;
+
+// Collapsible nav
+@collapsible-nav-heading-color: #4d4d4d;
+@collapsible-nav-heading-collapsed-color: #0645ad;
+
+@collapsible-nav-heading-padding: 4px 0 3px 1.5em;
+@collapsible-nav-body-margin: 0 0 0 1.25em;
diff --git a/skins/vector/vector.js b/skins/vector/vector.js
new file mode 100644
index 0000000..0bc114a
--- /dev/null
+++ b/skins/vector/vector.js
@@ -0,0 +1,55 @@
+/**
+ * Vector-specific scripts
+ */
+jQuery( function ( $ ) {
+ $( 'div.vectorMenu' ).each( function () {
+ var $el = $( this );
+ $el.find( '> h3 > a' ).parent()
+ .attr( 'tabindex', '0' )
+ // For accessibility, show the menu when the h3 is clicked (bug 24298/46486)
+ .on( 'click keypress', function ( e ) {
+ if ( e.type === 'click' || e.which === 13 ) {
+ $el.toggleClass( 'menuForceShow' );
+ e.preventDefault();
+ }
+ } )
+ // When the heading has focus, also set a class that will change the arrow icon
+ .focus( function () {
+ $el.find( '> a' ).addClass( 'vectorMenuFocus' );
+ } )
+ .blur( function () {
+ $el.find( '> a' ).removeClass( 'vectorMenuFocus' );
+ } )
+ .find( '> a:first' )
+ // As the h3 can already be focused there's no need for the link to be focusable
+ .attr( 'tabindex', '-1' );
+ } );
+
+ /**
+ * Collapsible tabs for Vector
+ */
+ var $cactions = $( '#p-cactions' );
+
+ // Bind callback functions to animate our drop down menu in and out
+ // and then call the collapsibleTabs function on the menu
+ $( '#p-views ul' )
+ .bind( 'beforeTabCollapse', function () {
+ // If the dropdown was hidden, show it
+ if ( $cactions.hasClass( 'emptyPortlet' ) ) {
+ $cactions
+ .removeClass( 'emptyPortlet' )
+ .find( 'h3' )
+ .css( 'width', '1px' ).animate( { 'width': '24px' }, 390 );
+ }
+ } )
+ .bind( 'beforeTabExpand', function () {
+ // If we're removing the last child node right now, hide the dropdown
+ if ( $cactions.find( 'li' ).length === 1 ) {
+ $cactions.find( 'h3' ).animate( { 'width': '1px' }, 390, function () {
+ $( this ).attr( 'style', '' )
+ .parent().addClass( 'emptyPortlet' );
+ });
+ }
+ } )
+ .collapsibleTabs();
+} );