Paladox has uploaded a new change for review.

  https://gerrit.wikimedia.org/r/151616

Change subject: WikiEditor: Convert .css to .less
......................................................................

WikiEditor: Convert .css to .less

* This converts .css to .less.
* This also adds svg version of arrows.

Change-Id: I2a223e202aa488f0e83e663e490ee009da686687
---
M WikiEditor.hooks.php
M WikiEditor.php
A modules/component/ext.wikiEditor.less
A modules/component/ext.wikiEditor.toolbar.styles.less
A modules/component/jquery.wikiEditor.dialogs.config.less
A modules/component/jquery.wikiEditor.dialogs.less
A modules/component/jquery.wikiEditor.less
A modules/component/jquery.wikiEditor.preview.less
A modules/component/jquery.wikiEditor.previewDialog.less
A modules/component/jquery.wikiEditor.toolbar.less
D modules/ext.wikiEditor.css
D modules/ext.wikiEditor.toolbar.styles.css
M modules/images/toolbar/arrow-down.png
A modules/images/toolbar/arrow-down.svg
A modules/images/toolbar/arrow-expanded.png
A modules/images/toolbar/arrow-expanded.svg
M modules/images/toolbar/arrow-ltr.png
A modules/images/toolbar/arrow-ltr.svg
M modules/images/toolbar/arrow-rtl.png
A modules/images/toolbar/arrow-rtl.svg
D modules/jquery.wikiEditor.css
D modules/jquery.wikiEditor.dialogs.config.css
D modules/jquery.wikiEditor.dialogs.css
D modules/jquery.wikiEditor.html
D modules/jquery.wikiEditor.preview.css
D modules/jquery.wikiEditor.previewDialog.css
D modules/jquery.wikiEditor.toolbar.css
27 files changed, 795 insertions(+), 854 deletions(-)


  git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/WikiEditor 
refs/changes/16/151616/1

diff --git a/WikiEditor.hooks.php b/WikiEditor.hooks.php
index 660f5e5..8c6800c 100644
--- a/WikiEditor.hooks.php
+++ b/WikiEditor.hooks.php
@@ -155,11 +155,14 @@
         *
         * Adds the modules to the edit form
         *
-        * @param $toolbar array list of toolbar items
+        * @param $editPage EditPage the current EditPage object.
+        * @param $output OutputPage object.
         * @return bool
         */
-       public static function editPageShowEditFormInitial( &$toolbar ) {
-               global $wgOut;
+       public static function editPageShowEditFormInitial( $editPage, 
$outputPage ) {
+               if ( $editPage->contentModel !== CONTENT_MODEL_WIKITEXT ) {
+                       return true;
+               }
 
                // Add modules for enabled features
                foreach ( self::$features as $name => $feature ) {
@@ -167,10 +170,10 @@
                                continue;
                        }
                        if ( isset( $feature['stylemodules'] ) ) {
-                               $wgOut->addModuleStyles( 
$feature['stylemodules'] );
+                               $outputPage->addModuleStyles( 
$feature['stylemodules'] );
                        }
                        if ( isset( $feature['modules'] ) ) {
-                               $wgOut->addModules( $feature['modules'] );
+                               $outputPage->addModules( $feature['modules'] );
                        }
                }
                return true;
diff --git a/WikiEditor.php b/WikiEditor.php
index 723c4bf..e364c38 100644
--- a/WikiEditor.php
+++ b/WikiEditor.php
@@ -67,7 +67,7 @@
 
        'jquery.wikiEditor' => $wikiEditorTpl + array(
                'scripts' => 'jquery.wikiEditor.js',
-               'styles' => 'jquery.wikiEditor.css',
+               'styles' => 'component/jquery.wikiEditor.less',
                'dependencies' => array(
                        'jquery.client',
                        'jquery.textSelection',
@@ -79,7 +79,7 @@
        ),
        'jquery.wikiEditor.dialogs' => $wikiEditorTpl + array(
                'scripts' => 'jquery.wikiEditor.dialogs.js',
-               'styles' => 'jquery.wikiEditor.dialogs.css',
+               'styles' => 'component/jquery.wikiEditor.dialogs.less',
                'dependencies' => array(
                        'jquery.wikiEditor',
                        'jquery.wikiEditor.toolbar',
@@ -92,7 +92,7 @@
        ),
        'jquery.wikiEditor.dialogs.config' => $wikiEditorTpl + array(
                'scripts' => 'jquery.wikiEditor.dialogs.config.js',
-               'styles' => 'jquery.wikiEditor.dialogs.config.css',
+               'styles' => 'component/jquery.wikiEditor.dialogs.config.less',
                'dependencies' => array(
                        'jquery.wikiEditor',
                        'jquery.wikiEditor.dialogs',
@@ -116,12 +116,12 @@
        ),
        'jquery.wikiEditor.preview' => $wikiEditorTpl + array(
                'scripts' => 'jquery.wikiEditor.preview.js',
-               'styles' => 'jquery.wikiEditor.preview.css',
+               'styles' => 'component/jquery.wikiEditor.preview.less',
                'dependencies' => 'jquery.wikiEditor',
        ),
        'jquery.wikiEditor.previewDialog' => $wikiEditorTpl + array(
                'scripts' => 'jquery.wikiEditor.previewDialog.js',
-               'styles' => 'jquery.wikiEditor.previewDialog.css',
+               'styles' => 'component/jquery.wikiEditor.previewDialog.less',
                'dependencies' => array(
                        'jquery.wikiEditor',
                        'jquery.wikiEditor.dialogs',
@@ -136,7 +136,7 @@
        ),
        'jquery.wikiEditor.toolbar' => $wikiEditorTpl + array(
                'scripts' => 'jquery.wikiEditor.toolbar.js',
-               'styles' => 'jquery.wikiEditor.toolbar.css',
+               'styles' => 'component/jquery.wikiEditor.toolbar.less',
                'dependencies' => array(
                        'jquery.wikiEditor',
                        'jquery.wikiEditor.toolbar.i18n',
@@ -360,7 +360,7 @@
 
        'ext.wikiEditor' => $wikiEditorTpl + array(
                'scripts' => 'ext.wikiEditor.js',
-               'styles' => 'ext.wikiEditor.css',
+               'styles' => 'component/ext.wikiEditor.less',
                'dependencies' => 'jquery.wikiEditor',
        ),
        'ext.wikiEditor.dialogs' => $wikiEditorTpl + array(
@@ -426,7 +426,7 @@
                )
        ),
        'ext.wikiEditor.toolbar.styles' => $wikiEditorTpl + array(
-               'styles' => 'ext.wikiEditor.toolbar.styles.css',
+               'styles' => 'component/ext.wikiEditor.toolbar.styles.less',
        ),
        'ext.wikiEditor.toolbar.hideSig' => $wikiEditorTpl + array(
                'scripts' => 'ext.wikiEditor.toolbar.hideSig.js',
diff --git a/modules/component/ext.wikiEditor.less 
b/modules/component/ext.wikiEditor.less
new file mode 100644
index 0000000..85e2777
--- /dev/null
+++ b/modules/component/ext.wikiEditor.less
@@ -0,0 +1,8 @@
+/**
+ * CSS for WikiEditor
+ */
+
+/* Hide vanilla MediaWiki's "Editing help" link, as we provide it in the 
toolbar */
+.editButtons .editHelp,.editButtons .mw-editButtons-pipe-separator {
+    display: none;
+}
diff --git a/modules/component/ext.wikiEditor.toolbar.styles.less 
b/modules/component/ext.wikiEditor.toolbar.styles.less
new file mode 100644
index 0000000..e282d00
--- /dev/null
+++ b/modules/component/ext.wikiEditor.toolbar.styles.less
@@ -0,0 +1,20 @@
+/**
+ * CSS for WikiEditor
+ */
+
+form#editform {
+    margin: 0;
+    padding: 0;
+}
+#wpSummary,#wpSummaryLabel {
+    margin-bottom: 1em;
+}
+#wpTextbox1 {
+    padding: 0;
+    line-height: 1.5em;
+    resize: vertical;
+}
+/* Hide the old toolbar until the wikiEditor toolbar is deemed not supported,* 
hide the WikiEditor toolbar until it's css has loaded */
+.wikiEditor-oldToolbar,.wikiEditor-ui-toolbar {
+    display: none;
+}
diff --git a/modules/component/jquery.wikiEditor.dialogs.config.less 
b/modules/component/jquery.wikiEditor.dialogs.config.less
new file mode 100644
index 0000000..d5f08da
--- /dev/null
+++ b/modules/component/jquery.wikiEditor.dialogs.config.less
@@ -0,0 +1,186 @@
+/*
+ * CSS for WikiEditor Dialogs
+ */
+
+/* Table Dialog */
+#wikieditor-toolbar-table-dialog {
+    fieldset {
+        width: 218px;
+        padding: 0;
+        float: left;
+    }
+    .wikieditor-toolbar-table-preview-wrapper {
+        width: 330px;
+        padding: 0;
+        float: right;
+    }
+}
+.wikieditor-toolbar-table-preview-content {
+    * {
+        cursor: default;
+    }
+}
+.wikiEditor-toolbar-dialog {
+    .wikieditor-toolbar-table-preview-wrapper {
+        table {
+            width: 100% !important;
+        }
+    }
+    .wikieditor-toolbar-table-preview-content {
+        table {
+            td {
+                padding: 10px 4px !important;
+                height: auto !important;
+            }
+            th {
+                padding: 7px 3px !important;
+            }
+        }
+    }
+    .ui-dialog-content {
+        padding: 30px 20px 0 !important;
+        padding-bottom: 1em !important;
+    }
+    .ui-dialog-buttonpane {
+        border-top: 1px solid #cccccc !important;
+    }
+}
+.wikieditor-toolbar-table-dimension-fields {
+    .wikieditor-toolbar-field-wrapper {
+        float: left;
+        margin-right: 20px;
+        vertical-align: bottom;
+    }
+}
+.wikieditor-toolbar-dialog-wrapper {
+    width: 100%;
+}
+/* Insert Link Dialog */
+#wikieditor-toolbar-link-int-target-status {
+    float: right;
+}
+#wikieditor-toolbar-link-int-target,#wikieditor-toolbar-link-int-text {
+    width: 100%;
+}
+#wikieditor-toolbar-tool-link-int-target-label {
+    float: left;
+    line-height: 1.7em;
+}
+#wikieditor-toolbar-link-int-target-status-exists,#wikieditor-toolbar-link-int-target-status-notexists,#wikieditor-toolbar-link-int-target-status-invalid,#wikieditor-toolbar-link-int-target-status-external,#wikieditor-toolbar-link-int-target-status-disambig
 {
+    padding-left: 30px;
+    background-position: 0 50%;
+    background-repeat: no-repeat;
+}
+#wikieditor-toolbar-link-int-target-status-exists {
+    background-image: url('../images/dialogs/insert-link-exists.png');
+    background-position: left;
+}
+#wikieditor-toolbar-link-int-target-status-notexists {
+    background-image: url('../images/dialogs/insert-link-notexists.png');
+    background-position: left;
+}
+#wikieditor-toolbar-link-int-target-status-invalid {
+    background-image: url('../images/dialogs/insert-link-invalid.png');
+    background-position: left;
+}
+#wikieditor-toolbar-link-int-target-status-external {
+    background-image: url('../images/dialogs/insert-link-external.png');
+    background-position: left;
+}
+#wikieditor-toolbar-link-int-target-status-disambig {
+    background-image: url('../images/dialogs/insert-disambiguation.png');
+    background-position: left;
+}
+/* File dialog */
+#wikieditor-toolbar-file-target,#wikieditor-toolbar-file-caption {
+    width: 100%;
+}
+.wikieditor-toolbar-file-options {
+    .wikieditor-toolbar-field-wrapper {
+        float: left;
+        margin: 0 20px 0 0;
+    }
+}
+/* Reference Dialog */
+#wikieditor-toolbar-reference-dialog {
+    label {
+        float: left;
+        line-height: 1.7em;
+    }
+}
+#wikieditor-toolbar-reference-text {
+    width: 100%;
+}
+/* RTL Changes */
+
+body.rtl {
+    #wikieditor-toolbar-link-int-target-status-external {
+        background-image: 
url('../images/dialogs/insert-link-external-rtl.png');
+    }
+    .wikiEditor-toolbar-dialog {
+        .ui-dialog-buttonpane {
+            button {
+                float: left;
+                margin: 0.5em 0.4em 0.5em 0 !important;
+            }
+        }
+    }
+}
+/* Template Editor Dialogs */
+.wikiEditor-template-dialog-fields {
+    label {
+        text-transform: capitalize;
+        float: left;
+        width: 25%;
+        line-height: 2.25em;
+    }
+    textarea {
+        float: right;
+        width: 70%;
+        line-height: 1.5em;
+        height: 1.5em;
+    }
+    .wikiEditor-template-dialog-field-wrapper {
+        padding: 0.75em 0.33em;
+        border-bottom: 1px dashed silver;
+        clear: both;
+    }
+    .wikiEditor-template-dialog-field-wrapper:first-child {
+        padding-top: 0;
+    }
+    .wikiEditor-template-dialog-field-wrapper:last-child {
+        border-bottom: none;
+    }
+}
+/* Self Clearing Floats */
+.wikieditor-toolbar-table-dimension-fields:after,.wikieditor-toolbar-dialog-wrapper:after
 {
+    visibility: hidden;
+    display: block;
+    font-size: 0;
+    content: " ";
+    clear: both;
+    height: 0;
+}
+/* Hides from IE-mac \*/
+* html .wikieditor-toolbar-table-dimension-fields,* html 
.wikieditor-toolbar-dialog-wrapper {
+    height: 1%;
+}
+.wikieditor-toolbar-table-dimension-fields,.wikieditor-toolbar-dialog-wrapper {
+    display: inline-table;
+    display: block;
+}
+/* End hide from IE-mac */
+/* Edit dialog */
+.wikiEditor-dialog-editoptions {
+    margin-top: 15px;
+}
+/* Publish dialog */
+.wikiEditor-publish-dialog-copywarn {
+    margin-top: 0.5em;
+}
+.wikiEditor-publish-dialog-summary {
+    margin-top: 1.5em;
+}
+.wikiEditor-publish-dialog-options {
+    margin-top: 1.5em;
+}
diff --git a/modules/component/jquery.wikiEditor.dialogs.less 
b/modules/component/jquery.wikiEditor.dialogs.less
new file mode 100644
index 0000000..367e66b
--- /dev/null
+++ b/modules/component/jquery.wikiEditor.dialogs.less
@@ -0,0 +1,59 @@
+/**
+ * CSS for WikiEditor Dialogs jQuery plugin
+ */
+
+.wikiEditor-toolbar-dialog {
+    border: none;
+    table {
+        margin-top: 0.75em;
+        td {
+            padding: 0.5em;
+            height: 3em;
+            overflow: visible;
+            padding: 0 !important;
+        }
+    }
+    .ui-dialog-content {
+        fieldset {
+            border: none !important;
+            margin: 0 !important;
+            padding: 0 !important;
+        }
+        input[type=text] {
+            -moz-box-sizing: border-box;
+            -ms-box-sizing: border-box;
+            -webkit-box-sizing: border-box;
+            -khtml-box-sizing: border-box;
+        }
+    }
+    .ui-widget-header {
+        border-bottom:1px solid #6bc8f3 !important;
+    }
+    .ui-dialog-titlebar-close {
+        padding: 0;
+    }
+}
+/* Put suggestions (default z-index 99) on top of dialogs (z-index 1002) */
+div.suggestions {
+    z-index: 1099;
+}
+.wikiEditor-toolbar-dialog .ui-dialog-content 
input[type="radio"],.wikiEditor-toolbar-dialog .ui-dialog-content 
input[type="checkbox"] {
+    margin-left: 0;
+}
+body {
+    .wikiEditor-toolbar-dialog {
+        .ui-dialog-titlebar-close {
+            right: 0.9em;
+        }
+    }
+}
+.wikieditor-toolbar-field-wrapper {
+    padding: 0 0 25px 0;
+}
+.wikieditor-toolbar-floated-field-wrapper {
+    float: left;
+    margin-right: 2em;
+}
+.wikieditor-toolbar-dialog-hint {
+    color: #999999;
+}
diff --git a/modules/component/jquery.wikiEditor.less 
b/modules/component/jquery.wikiEditor.less
new file mode 100644
index 0000000..6789fc9
--- /dev/null
+++ b/modules/component/jquery.wikiEditor.less
@@ -0,0 +1,110 @@
+/*
+ * CSS for WikiEditor jQuery plugin
+ */
+ 
+.wikiEditor-ui {
+    position: relative;
+    clear: both;
+    width: 100%;
+    background-color: #E0EEf7;
+    textarea {
+        width: 100%;
+        border: 0;
+    }
+    textarea:focus {
+        outline: none;
+    }
+    .wikiEditor-ui-clear {
+        clear: both;
+    }
+    .wikiEditor-ui-view {
+        border: 1px solid silver;
+    }
+    .wikiEditor-ui-top {
+        position: relative;
+        border-bottom: 1px solid silver;
+    }
+    .wikiEditor-ui-left {
+        float: left;
+        width: 100%;
+    }
+    .wikiEditor-ui-right {
+        float: right;
+        background: #F3F3F3;
+        overflow: hidden;
+    }
+}
+.wikiEditor-wikitext {
+    float: left;
+    width: 100%;
+}
+.wikiEditor-ui-controls {
+    float: left;
+    width: 100%;
+    background-color: white;
+}
+.wikiEditor-ui-tabs {
+    float: left;
+    height: 2.5em;
+    margin-right: -1px;
+    background-color: white;
+    border-left: 1px solid silver;
+    border-top: 1px solid silver;
+    div {
+        float: left;
+        height: 2.5em;
+        background-color: #f3f3f3;
+        border-right: 1px solid silver;
+        border-bottom: 1px solid silver;
+        a {
+            display: inline-block;
+            padding: 0 0.75em;
+            line-height: 2.5em;
+            color: #0645AD;
+        }
+    }
+    div.current {
+        border-bottom: 1px solid white;
+        background-color: white;
+        a {
+            color: #333333;
+        }
+        a:hover {
+            text-decoration: none;
+        }
+    }
+}
+.wikiEditor-ui-buttons {
+    float: right;
+    height: 2.5em;
+    margin-right: -1px;
+    background-color: white;
+    padding-left: 1em;
+    border-top: 1px solid white;
+    button {
+        margin-left: 0.5em;
+    }
+}
+.wikiEditor-view-wikitext {
+    line-height: 1em;
+}
+.wikiEditor-ui-loading {
+    background: #f3f3f3;
+    z-index: 10;
+    position: absolute;
+    top: 0;
+    left: 0;
+    text-align: center;
+    height: 100%;
+    width: 100%;
+    border: 1px solid silver;
+    margin: -1px;
+    span {
+        display: block;
+        height: 24px;
+        width: 24px;
+        background: url('../images/toolbar/loading.gif') 0 0 no-repeat;
+        text-indent: -9999px;
+        margin: 0 auto;
+    }
+}
diff --git a/modules/component/jquery.wikiEditor.preview.less 
b/modules/component/jquery.wikiEditor.preview.less
new file mode 100644
index 0000000..4d90569
--- /dev/null
+++ b/modules/component/jquery.wikiEditor.preview.less
@@ -0,0 +1,30 @@
+/**
+ * CSS for WikiEditor Preview jQuery plugin
+ */
+
+.wikiEditor-preview-loading {
+    padding: 1em;
+    background-color: white;
+    span {
+        color: #666666;
+    }
+}
+.wikiEditor-preview-spinner {
+    padding-right: 1em;
+}
+.wikiEditor-preview-contents {
+    padding: 1em;
+    background-color: white;
+}
+/* FIXME: This only works for the first wikiEditor on the page! */
+#wikiEditor-0-preview-dialog {
+    .wikiEditor-ui-loading {
+        overflow: hidden;
+        border: none;
+    }
+}
+.ui-dialog {
+    .ui-dialog-buttonpane {
+        margin: 0 !important;
+    }
+}
diff --git a/modules/component/jquery.wikiEditor.previewDialog.less 
b/modules/component/jquery.wikiEditor.previewDialog.less
new file mode 100644
index 0000000..d9b1f85
--- /dev/null
+++ b/modules/component/jquery.wikiEditor.previewDialog.less
@@ -0,0 +1,38 @@
+/**
+ * CSS for WikiEditor Preview Dialog jQuery plugin
+ */
+
+/* FIXME: This only works for the first wikiEditor on the page! */
+#wikiEditor-0-preview-dialog {
+    .wikiEditor-ui-loading {
+        background: #f3f3f3;
+        z-index: 10;
+        position: absolute;
+        left: 0;
+        text-align: center;
+        height: 100%;
+        width: 100%;
+        overflow: hidden;
+        border: none;
+        /* FIXME: This only works for the first wikiEditor on the page! */
+        span {
+            display: block;
+            height: 24px;
+            width: 24px;
+            background: url('../images/toolbar/loading.gif') 0 0 no-repeat;
+            text-indent: -9999px;
+            margin: 50px auto;
+        }
+    }
+}
+.ui-dialog {
+    .ui-dialog-buttonpane {
+        margin: 0 !important;
+    }
+}
+.wikiEditor-preview-dialog-contents {
+    font-size: 0.9em !important;
+    #firstHeading {
+        font-size: 2.1em;
+    }
+}
diff --git a/modules/component/jquery.wikiEditor.toolbar.less 
b/modules/component/jquery.wikiEditor.toolbar.less
new file mode 100644
index 0000000..97c7565
--- /dev/null
+++ b/modules/component/jquery.wikiEditor.toolbar.less
@@ -0,0 +1,324 @@
+@import "mediawiki.mixins.less";
+
+/**
+ * CSS for WikiEditor Toolbar jQuery plugin
+ */
+
+.wikiEditor-ui-toolbar {
+    position: relative;
+    display: block;
+    background-image: url('../images/toolbar/base.png');
+    background-position: left top;
+    background-repeat: repeat-x;
+    .empty {
+        display: none;
+    }
+    /* Expandable Sections */
+    .sections {
+        float: left;
+        width: 100%;
+        clear: both;
+        height: 0;
+        .section {
+            float: left;
+            width: 100%;
+            border-top: 1px solid #DDDDDD;
+            background-color: #E0EEf7;
+        }
+        .section-hidden {
+            display: none;
+        }
+        div {
+            .spinner {
+                display: none;
+            }
+        }
+        .loading {
+        /* Gets overridden when the section div is in class loading - see 
below */
+            .spinner {
+                display: block;
+                float: left;
+                background-image: url('../images/toolbar/loading.gif');
+                background-position: left center;
+                background-repeat: no-repeat;
+                padding-left: 32px;
+                margin-left: 0.5em;
+                height: 32px;
+                color: #666666;
+            }
+        }
+    }
+    /* Groups */
+    .group {
+        float: left;
+        height: 26px;
+        padding-right: 6px;
+        border-right: 1px solid #DDDDDD;
+        margin: 3px;
+        /* Toolbar */
+        .label {
+            float: left;
+            border: 0;
+            height: 22px;
+            line-height: 22px;
+            margin: 2px;
+            margin-left: 5px;
+            margin-right: 8px;
+            color: #777777;
+            cursor: default;
+        }
+        img.tool {
+            float: left;
+            border: 0;
+            height: 22px;
+            width: 22px;
+            padding: 2px;
+            cursor: pointer;
+        }
+        .tool-select {
+            float: left;
+            margin: 2px;
+            height: 22px;
+            cursor: pointer;
+            border: 1px solid silver;
+            padding: 0;
+            margin-right: 0;
+            cursor: pointer;
+            background-color: #ffffff;
+            .label {
+                               
.background-image-svg('../images/toolbar/arrow-down.svg', 
'../images/toolbar/arrow-down.png');
+                background-position: center right;
+                background-repeat: no-repeat;
+                padding: 0;
+                margin: 0;
+                padding-left: 4px;
+                padding-right: 22px;
+                margin-right: 4px;
+                cursor: pointer;
+                text-decoration: none;
+                color: #333333;
+            }
+            .menu {
+                .options {
+                    position: absolute;
+                    display: none;
+                    margin-left: -1px;
+                    margin-top: 22px;
+                    border: 1px solid silver;
+                    background-color: #ffffff;
+                }
+            }
+            .options {
+                .option {
+                    display: block;
+                    padding: 0.5em;
+                    text-decoration: none;
+                    color: black;
+                    white-space: nowrap;
+                }
+                .option:hover {
+                    background-color: #E0EEf7;
+                }
+                .option[rel=heading-2] {
+                    font-size: 150%;
+                    font-weight: normal;
+                }
+                .option[rel=heading-3] {
+                    font-size: 132%;
+                    font-weight: normal;
+                }
+                .option[rel=heading-4] {
+                    font-size: 116%;
+                    font-weight: normal;
+                }
+                .option[rel=heading-5] {
+                    font-size: 100%;
+                    font-weight: bold;
+                }
+            }
+        }
+    }
+    .group-search {
+        float: right;
+        padding: 0 0 0 6px;
+        border-right: none;
+        border-left: 1px solid #DDDDDD;
+    }
+    .group-insert {
+        border-right: none;
+    }
+    /* Tabs */
+    .tabs {
+        list-style: none;
+        margin: 3px;
+        span.tab {
+            display: block;
+            float: left;
+            line-height: 26px;
+            a.current:hover {
+                text-decoration: none;
+            }
+            a.loading {
+                background-image: url('../images/toolbar/loading-small.gif');
+            }
+        }
+    }
+    /* Booklet */
+    .booklet {
+        .index {
+            float: left;
+            width: 20%;
+            height: 125px;
+            overflow: auto;
+            div {
+                padding: 4px;
+                padding-left: 6px;
+                cursor: pointer;
+                color: #0645ad;
+            }
+            .current {
+                background-color: #FAFAFA;
+                color: #333333;
+                cursor: default;
+            }
+        }
+        .pages {
+            float: right;
+            width: 80%;
+            height: 125px;
+            overflow: auto;
+            background-color: #FAFAFA;
+        }
+    }
+    /* Help Pages */
+    .page-table {
+        table {
+            padding-left: 5px;
+            padding-right: 5px;
+            background: none;
+        }
+        th {
+            color: #999999;
+        }
+        td {
+            color: black;
+            border-top: 1px solid #EEEEEE;
+        }
+    }
+    .section-help {
+        .page-table {
+            .cell {
+                vertical-align: top;
+            }
+        }
+    }
+    /* Characters Pages */
+    .page-characters {
+        div {
+            span {
+                border: 1px solid #DDDDDD;
+                padding: 5px;
+                padding-left: 8px;
+                padding-right: 8px;
+                margin-left: 5px;
+                margin-top: 5px;
+                height: 1em;
+                float: left;
+                display: block;
+                color: black;
+                text-decoration: none;
+                cursor: pointer;
+                font-family: monospace, "Courier New";
+                font-size: 1.25em;
+            }
+            span:hover {
+                background-color: white;
+                text-decoration: none;
+                border-color: #a8d7f9;
+            }
+        }
+        div[dir=rtl] {
+            span {
+                direction: rtl;
+            }
+        }
+    }
+}
+/* Top Level Containers */
+.wikiEditor-ui-toolbar .tabs,.wikiEditor-ui-toolbar .section-main {
+    position: relative;
+    float: left;
+    min-height: 26px;
+    height: 100%;
+}
+/* Sprited Buttons */
+.wikiEditor-toolbar-spritedButton {
+    .background-image-svg('../images/toolbar/button-sprite.svg', 
'../images/toolbar/button-sprite.png');
+    background-position: 0 0;
+    background-repeat: no-repeat;
+    display: block;
+    float: left;
+    height: 22px;
+    text-indent: -9999px;
+    width: 22px;
+    padding: 2px;
+    cursor: pointer;
+    overflow: hidden;
+}
+.wikiEditor-ui-toolbar .tabs span.tab a,.wikiEditor-ui-toolbar .tabs span.tab 
a:visited {
+    display: inline-block;
+    float: left;
+    padding-left: 18px;
+    padding-right: 12px;
+    height: 26px;
+    cursor: pointer;
+    color: #0645ad;
+       .background-image-svg('../images/toolbar/arrow-ltr.svg', 
'../images/toolbar/arrow-ltr.png');
+    background-position: left center;
+    background-repeat: no-repeat;
+}
+.wikiEditor-ui-toolbar .tabs span.tab a.current,.wikiEditor-ui-toolbar .tabs 
span.tab a.current:visited {
+    color: #333333;
+       .background-image-svg('../images/toolbar/arrow-down.svg', 
'../images/toolbar/arrow-down.png');
+}
+.wikiEditor-ui-toolbar .page-table th,.wikiEditor-ui-toolbar .page-table td {
+    text-align: left;
+    padding: 5px;
+    margin: 0;
+}
+.wikiEditor-ui-toolbar .section-help .page-table 
td.cell-syntax,.wikiEditor-ui-toolbar .section-help .page-table td.syntax {
+    font-family: monospace, "Courier New";
+}
+.wikiEditor-ui-toolbar .section-help .page-table 
td.syntax,.wikiEditor-ui-toolbar .section-help .page-table 
td.cell-syntax,.wikiEditor-ui-toolbar .section-help .page-table 
td.cell-result,.wikiEditor-ui-toolbar .section-help .page-table td.result {
+    width: 40%;
+}
+.wikiEditor-ui-toolbar .section-help .page-table 
td.description,.wikiEditor-ui-toolbar .section-help .page-table td.description {
+    width: 20%;
+}
+.ui-widget {
+    table {
+        td.wikieditor-toolbar-table-preview-wrapper {
+            background: #e5e5e5;
+            padding: 10px;
+            span {
+                padding: 4px 6px 0;
+                display: block;
+            }
+        }
+        .wikieditor-toolbar-table-preview-frame {
+            width: 340px;
+            background: #fff;
+            padding: 10px;
+            overflow: hidden;
+            display: block;
+            position: relative;
+        }
+        .wikieditor-toolbar-table-preview-content {
+            width: 375px;
+            display: block;
+        }
+        .wikieditor-toolbar-table-preview {
+            width: 340px;
+        }
+    }
+}
diff --git a/modules/ext.wikiEditor.css b/modules/ext.wikiEditor.css
deleted file mode 100644
index 6ea7e63..0000000
--- a/modules/ext.wikiEditor.css
+++ /dev/null
@@ -1,9 +0,0 @@
-/**
- * CSS for WikiEditor
- */
-
-/* Hide vanilla MediaWiki's "Editing help" link, as we provide it in the 
toolbar */
-.editButtons .editHelp,
-.editButtons .mw-editButtons-pipe-separator {
-       display: none;
-}
diff --git a/modules/ext.wikiEditor.toolbar.styles.css 
b/modules/ext.wikiEditor.toolbar.styles.css
deleted file mode 100644
index f630226..0000000
--- a/modules/ext.wikiEditor.toolbar.styles.css
+++ /dev/null
@@ -1,26 +0,0 @@
-/**
- * CSS for WikiEditor
- */
-
-form#editform {
-       margin: 0;
-       padding: 0;
-}
-
-#wpSummary,
-#wpSummaryLabel {
-       margin-bottom: 1em;
-}
-
-#wpTextbox1 {
-       padding: 0;
-       line-height: 1.5em;
-       resize: vertical;
-}
-
-/* Hide the old toolbar until the wikiEditor toolbar is deemed not supported,
- * hide the WikiEditor toolbar until it's css has loaded */
-.wikiEditor-oldToolbar,
-.wikiEditor-ui-toolbar {
-       display: none;
-}
diff --git a/modules/images/toolbar/arrow-down.png 
b/modules/images/toolbar/arrow-down.png
index 41ecb8b..12e3b93 100644
--- a/modules/images/toolbar/arrow-down.png
+++ b/modules/images/toolbar/arrow-down.png
Binary files differ
diff --git a/modules/images/toolbar/arrow-down.svg 
b/modules/images/toolbar/arrow-down.svg
new file mode 100644
index 0000000..8e31b2f
--- /dev/null
+++ b/modules/images/toolbar/arrow-down.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/modules/images/toolbar/arrow-expanded.png 
b/modules/images/toolbar/arrow-expanded.png
new file mode 100644
index 0000000..0221028
--- /dev/null
+++ b/modules/images/toolbar/arrow-expanded.png
Binary files differ
diff --git a/modules/images/toolbar/arrow-expanded.svg 
b/modules/images/toolbar/arrow-expanded.svg
new file mode 100644
index 0000000..e744ec3
--- /dev/null
+++ b/modules/images/toolbar/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/modules/images/toolbar/arrow-ltr.png 
b/modules/images/toolbar/arrow-ltr.png
index d401bf0..063ac6f 100644
--- a/modules/images/toolbar/arrow-ltr.png
+++ b/modules/images/toolbar/arrow-ltr.png
Binary files differ
diff --git a/modules/images/toolbar/arrow-ltr.svg 
b/modules/images/toolbar/arrow-ltr.svg
new file mode 100644
index 0000000..b943caa
--- /dev/null
+++ b/modules/images/toolbar/arrow-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/modules/images/toolbar/arrow-rtl.png 
b/modules/images/toolbar/arrow-rtl.png
index b9598a3..c346218 100644
--- a/modules/images/toolbar/arrow-rtl.png
+++ b/modules/images/toolbar/arrow-rtl.png
Binary files differ
diff --git a/modules/images/toolbar/arrow-rtl.svg 
b/modules/images/toolbar/arrow-rtl.svg
new file mode 100644
index 0000000..5faf356
--- /dev/null
+++ b/modules/images/toolbar/arrow-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/modules/jquery.wikiEditor.css b/modules/jquery.wikiEditor.css
deleted file mode 100644
index cabe6a9..0000000
--- a/modules/jquery.wikiEditor.css
+++ /dev/null
@@ -1,112 +0,0 @@
-/*
- * CSS for WikiEditor jQuery plugin
- */
-
-.wikiEditor-ui {
-       position: relative;
-       clear: both;
-       width: 100%;
-       background-color: #E0EEf7;
-}
-.wikiEditor-ui textarea {
-       width: 100%;
-       border: 0;
-}
-.wikiEditor-ui textarea:focus {
-       outline: none;
-}
-.wikiEditor-ui .wikiEditor-ui-clear {
-       clear: both;
-}
-.wikiEditor-ui .wikiEditor-ui-view {
-       border: 1px solid silver;
-}
-.wikiEditor-ui .wikiEditor-ui-top {
-       position: relative;
-       border-bottom: 1px solid silver;
-}
-.wikiEditor-ui .wikiEditor-ui-left {
-       float: left;
-       width: 100%;
-}
-.wikiEditor-ui .wikiEditor-ui-right {
-       float: right;
-       background: #F3F3F3;
-       overflow: hidden;
-}
-.wikiEditor-wikitext {
-       float: left;
-       width: 100%;
-}
-.wikiEditor-ui-controls {
-       float: left;
-       width: 100%;
-       background-color: white;
-}
-.wikiEditor-ui-tabs {
-       float: left;
-       height: 2.5em;
-       margin-right: -1px;
-       background-color: white;
-       border-left: 1px solid silver;
-       border-top: 1px solid silver;
-}
-.wikiEditor-ui-buttons {
-       float: right;
-       height: 2.5em;
-       margin-right: -1px;
-       background-color: white;
-       padding-left: 1em;
-       border-top: 1px solid white;
-}
-.wikiEditor-ui-buttons button {
-       margin-left: 0.5em;
-}
-.wikiEditor-ui-tabs div {
-       float: left;
-       height: 2.5em;
-       background-color: #f3f3f3;
-       border-right: 1px solid silver;
-       border-bottom: 1px solid silver;
-}
-.wikiEditor-ui-tabs div.current {
-       border-bottom: 1px solid white;
-       background-color: white;
-}
-.wikiEditor-ui-tabs div a {
-       display: inline-block;
-       padding: 0 0.75em;
-       line-height: 2.5em;
-       color: #0645AD;
-}
-.wikiEditor-ui-tabs div.current a {
-       color: #333333;
-}
-.wikiEditor-ui-tabs div.current a:hover {
-       text-decoration: none;
-}
-
-.wikiEditor-view-wikitext {
-       line-height: 1em;
-}
-.wikiEditor-ui-loading {
-       background: #f3f3f3;
-       z-index: 10;
-       position: absolute;
-       top: 0;
-       left: 0;
-       text-align: center;
-       height: 100%;
-       width: 100%;
-       border: 1px solid silver;
-       margin: -1px;
-}
-.wikiEditor-ui-loading span {
-       display: block;
-       height: 24px;
-       width: 24px;
-       /* @embed */
-       background: url(images/toolbar/loading.gif) 0 0 no-repeat;
-       text-indent: -9999px;
-       margin: 0 auto;
-}
diff --git a/modules/jquery.wikiEditor.dialogs.config.css 
b/modules/jquery.wikiEditor.dialogs.config.css
deleted file mode 100644
index 1cc9f5a..0000000
--- a/modules/jquery.wikiEditor.dialogs.config.css
+++ /dev/null
@@ -1,184 +0,0 @@
-/*
- * CSS for WikiEditor Dialogs
- */
-
-/* Table Dialog */
-#wikieditor-toolbar-table-dialog fieldset {
-       width: 218px;
-       padding: 0;
-       float: left;
-}
-
-#wikieditor-toolbar-table-dialog .wikieditor-toolbar-table-preview-wrapper {
-       width: 330px;
-       padding: 0;
-       float: right;
-}
-
-.wikieditor-toolbar-table-preview-content * {
-       cursor: default;
-}
-.wikiEditor-toolbar-dialog .wikieditor-toolbar-table-preview-wrapper table {
-       width: 100% !important;
-}
-.wikiEditor-toolbar-dialog .wikieditor-toolbar-table-preview-content table td {
-       padding: 10px 4px !important;
-       height: auto !important;
-}
-.wikiEditor-toolbar-dialog .wikieditor-toolbar-table-preview-content table th {
-       padding: 7px 3px !important;
-}
-.wikieditor-toolbar-table-dimension-fields .wikieditor-toolbar-field-wrapper {
-       float: left;
-       margin-right: 20px;
-       vertical-align: bottom;
-}
-
-.wikiEditor-toolbar-dialog .ui-dialog-content {
-       padding: 30px 20px 0 !important;
-}
-.wikieditor-toolbar-dialog-wrapper {
-       width: 100%;
-}
-/* Insert Link Dialog */
-#wikieditor-toolbar-link-int-target-status {
-       float: right;
-}
-#wikieditor-toolbar-link-int-target,
-#wikieditor-toolbar-link-int-text {
-       width: 100%;
-}
-#wikieditor-toolbar-tool-link-int-target-label {
-       float: left;
-       line-height: 1.7em;
-}
-#wikieditor-toolbar-link-int-target-status-exists,
-#wikieditor-toolbar-link-int-target-status-notexists,
-#wikieditor-toolbar-link-int-target-status-invalid,
-#wikieditor-toolbar-link-int-target-status-external,
-#wikieditor-toolbar-link-int-target-status-disambig {
-       padding-left: 30px;
-       background-position: 0 50%;
-       background-repeat: no-repeat;
-}
-#wikieditor-toolbar-link-int-target-status-exists {
-       /* @embed */
-       background-image: url(images/dialogs/insert-link-exists.png);
-       background-position: left;
-}
-#wikieditor-toolbar-link-int-target-status-notexists {
-       /* @embed */
-       background-image: url(images/dialogs/insert-link-notexists.png);
-       background-position: left;
-}
-#wikieditor-toolbar-link-int-target-status-invalid {
-       /* @embed */
-       background-image: url(images/dialogs/insert-link-invalid.png);
-       background-position: left;
-}
-#wikieditor-toolbar-link-int-target-status-external {
-       /* @embed */
-       background-image: url(images/dialogs/insert-link-external.png);
-       background-position: left;
-}
-#wikieditor-toolbar-link-int-target-status-disambig {
-       /* @embed */
-       background-image: url(images/dialogs/insert-disambiguation.png);
-       background-position: left;
-}
-/* File dialog */
-#wikieditor-toolbar-file-target,
-#wikieditor-toolbar-file-caption {
-       width: 100%;
-}
-.wikieditor-toolbar-file-options .wikieditor-toolbar-field-wrapper {
-       float: left;
-       margin: 0 20px 0 0;
-}
-/* Reference Dialog */
-#wikieditor-toolbar-reference-dialog label {
-       float: left;
-       line-height: 1.7em;
-}
-#wikieditor-toolbar-reference-text {
-       width: 100%;
-}
-/* RTL Changes */
-
-body.rtl #wikieditor-toolbar-link-int-target-status-external {
-       /* @embed */
-       background-image: url(images/dialogs/insert-link-external-rtl.png);
-}
-
-body.rtl .wikiEditor-toolbar-dialog .ui-dialog-buttonpane button {
-       float: left;
-       margin: 0.5em 0.4em 0.5em 0 !important;
-}
-/* Template Editor Dialogs */
-.wikiEditor-template-dialog-fields label {
-       text-transform: capitalize;
-       float: left;
-       width: 25%;
-       line-height: 2.25em;
-}
-.wikiEditor-template-dialog-fields textarea {
-       float: right;
-       width: 70%;
-       line-height: 1.5em;
-       height: 1.5em;
-}
-.wikiEditor-template-dialog-fields .wikiEditor-template-dialog-field-wrapper {
-       padding: 0.75em 0.33em;
-       border-bottom: 1px dashed silver;
-       clear: both;
-}
-.wikiEditor-template-dialog-fields 
.wikiEditor-template-dialog-field-wrapper:first-child {
-       padding-top: 0;
-}
-.wikiEditor-template-dialog-fields 
.wikiEditor-template-dialog-field-wrapper:last-child {
-       border-bottom: none;
-}
-/* Self Clearing Floats */
-.wikieditor-toolbar-table-dimension-fields:after,
-.wikieditor-toolbar-dialog-wrapper:after {
-       visibility: hidden;
-       display: block;
-       font-size: 0;
-       content: " ";
-       clear: both;
-       height: 0;
-}
-.wikieditor-toolbar-table-dimension-fields, 
-.wikieditor-toolbar-dialog-wrapper { 
-       display: inline-table; 
-}
-/* Hides from IE-mac \*/
-* html .wikieditor-toolbar-table-dimension-fields, 
-* html .wikieditor-toolbar-dialog-wrapper { 
-       height: 1%; 
-}
-.wikieditor-toolbar-table-dimension-fields, 
-.wikieditor-toolbar-dialog-wrapper { 
-       display: block; 
-}
-/* End hide from IE-mac */
-.wikiEditor-toolbar-dialog .ui-dialog-buttonpane {
-       border-top: 1px solid #cccccc !important;
-}
-.wikiEditor-toolbar-dialog .ui-dialog-content {
-       padding-bottom: 1em !important;
-}
-/* Edit dialog */
-.wikiEditor-dialog-editoptions {
-       margin-top: 15px;
-}
-/* Publish dialog */
-.wikiEditor-publish-dialog-copywarn {
-       margin-top: 0.5em;
-}
-.wikiEditor-publish-dialog-summary {
-       margin-top: 1.5em;
-}
-.wikiEditor-publish-dialog-options {
-       margin-top: 1.5em;
-}
diff --git a/modules/jquery.wikiEditor.dialogs.css 
b/modules/jquery.wikiEditor.dialogs.css
deleted file mode 100644
index b97ce7e..0000000
--- a/modules/jquery.wikiEditor.dialogs.css
+++ /dev/null
@@ -1,68 +0,0 @@
-/**
- * CSS for WikiEditor Dialogs jQuery plugin
- */
-
-.wikiEditor-toolbar-dialog table {
-       margin-top: 0.75em;
-}
-
-.wikiEditor-toolbar-dialog table td {
-       padding: 0.5em;
-       height: 3em;
-       overflow: visible;
-}
-
-/* Put suggestions (default z-index 99) on top of dialogs (z-index 1002) */
-div.suggestions {
-       z-index: 1099;
-}
-
-.wikiEditor-toolbar-dialog table td {
-       padding: 0 !important;
-}
-
-.wikiEditor-toolbar-dialog .ui-dialog-content fieldset { 
-       border: none !important;
-       margin: 0 !important;
-       padding: 0 !important;
-}
-
-.wikiEditor-toolbar-dialog .ui-widget-header {
-       border-bottom:1px solid #6bc8f3 !important;
-}
-
-.wikiEditor-toolbar-dialog .ui-dialog-content input[type=text] {
-       -moz-box-sizing: border-box;
-       -ms-box-sizing: border-box;
-       -webkit-box-sizing: border-box;
-       -khtml-box-sizing: border-box;
-}
-
-.wikiEditor-toolbar-dialog .ui-dialog-content input[type="radio"], 
-.wikiEditor-toolbar-dialog .ui-dialog-content input[type="checkbox"] {
-       margin-left: 0;
-}
-
-.wikiEditor-toolbar-dialog .ui-dialog-titlebar-close {
-       padding: 0;
-}
-body .wikiEditor-toolbar-dialog .ui-dialog-titlebar-close {
-       right: 0.9em;
-}
-
-.wikieditor-toolbar-field-wrapper {
-       padding: 0 0 25px 0;
-}
-
-.wikieditor-toolbar-floated-field-wrapper {
-       float: left;
-       margin-right: 2em;
-}
-
-.wikieditor-toolbar-dialog-hint {
-       color: #999999;
-}
-
-.wikiEditor-toolbar-dialog {
-       border: none;
-}
\ No newline at end of file
diff --git a/modules/jquery.wikiEditor.html b/modules/jquery.wikiEditor.html
deleted file mode 100644
index 7a890af..0000000
--- a/modules/jquery.wikiEditor.html
+++ /dev/null
@@ -1,50 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
-<html>
-<head>
-       <title>WikiEditor</title>
-       <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-       <!--[if gte IE 8]>
-               <style>
-                       /* IE8 ONLY - This is how we are fixing the 
double-height of BR tags when they are alone in a P tag */
-                       p > br  {
-                               display: none;
-                       }
-                       p > br + br  {
-                               display: block;
-                       }
-               </style>
-       <![endif]--> 
-       <style>
-               body {
-                       margin: 0;
-                       padding: 0;
-                       width: 100%;
-                       height: 100%;
-                       font-family: monospace;
-                       font-size: 9.5pt;
-                       line-height: 1.5em;
-                       overflow-x: auto; /* Use horizontal scroller if needed; 
for Firefox 2, not needed in Firefox 3 */
-                       white-space: pre-wrap; /* css-3 */
-                       white-space: -moz-pre-wrap !important; /* Mozilla, 
since 1999 */
-                       white-space: -pre-wrap; /* Opera 4-6 */
-                       white-space: -o-pre-wrap; /* Opera 7 */
-                       word-wrap: break-word; /* Internet Explorer 5.5+ */
-               }
-               body.pasting {
-                       white-space: normal;
-               }
-               p {
-                       margin: 0;
-                       padding: 0;
-               }
-               /* General WikiEditor stuff */
-               .wikiEditor-nodisplay {
-                       display: none !important;
-               }
-               .wikiEditor-tab {
-                       padding-left: 4em;
-               }
-       </style>
-</head>
-<body></body>
-</html>
diff --git a/modules/jquery.wikiEditor.preview.css 
b/modules/jquery.wikiEditor.preview.css
deleted file mode 100644
index 6b026a1..0000000
--- a/modules/jquery.wikiEditor.preview.css
+++ /dev/null
@@ -1,31 +0,0 @@
-/**
- * CSS for WikiEditor Preview jQuery plugin
- */
-
-.wikiEditor-preview-loading {
-       padding: 1em;
-       background-color: white;
-}
-
-.wikiEditor-preview-loading span {
-       color: #666666;
-}
-
-.wikiEditor-preview-spinner {
-       padding-right: 1em;
-}
-
-.wikiEditor-preview-contents {
-       padding: 1em;
-       background-color: white;
-}
-
-/* FIXME: This only works for the first wikiEditor on the page! */
-#wikiEditor-0-preview-dialog .wikiEditor-ui-loading {
-       overflow: hidden;
-       border: none;
-}
-
-.ui-dialog .ui-dialog-buttonpane {
-       margin: 0 !important;
-}
diff --git a/modules/jquery.wikiEditor.previewDialog.css 
b/modules/jquery.wikiEditor.previewDialog.css
deleted file mode 100644
index f66773b..0000000
--- a/modules/jquery.wikiEditor.previewDialog.css
+++ /dev/null
@@ -1,39 +0,0 @@
-/**
- * CSS for WikiEditor Preview Dialog jQuery plugin
- */
-
-/* FIXME: This only works for the first wikiEditor on the page! */
-#wikiEditor-0-preview-dialog .wikiEditor-ui-loading {
-       background: #f3f3f3;
-       z-index: 10;
-       position: absolute;
-       left: 0;
-       text-align: center;
-       height: 100%;
-       width: 100%;
-       overflow: hidden;
-       border: none;
-}
-
-/* FIXME: This only works for the first wikiEditor on the page! */
-#wikiEditor-0-preview-dialog .wikiEditor-ui-loading span {
-       display: block;
-       height: 24px;
-       width: 24px;
-       /* @embed */
-       background: url(images/toolbar/loading.gif) 0 0 no-repeat;
-       text-indent: -9999px;
-       margin: 50px auto;
-}
-
-.ui-dialog .ui-dialog-buttonpane {
-       margin: 0 !important;
-}
-
-.wikiEditor-preview-dialog-contents {
-       font-size: 0.9em !important;
-}
-
-.wikiEditor-preview-dialog-contents #firstHeading {
-       font-size: 2.1em;
-}
diff --git a/modules/jquery.wikiEditor.toolbar.css 
b/modules/jquery.wikiEditor.toolbar.css
deleted file mode 100644
index 2dad74a..0000000
--- a/modules/jquery.wikiEditor.toolbar.css
+++ /dev/null
@@ -1,322 +0,0 @@
-/**
- * CSS for WikiEditor Toolbar jQuery plugin
- */
-
-.wikiEditor-ui-toolbar {
-       position: relative;
-       display: block;
-}
-
-.wikiEditor-ui-toolbar .empty {
-       display: none;
-}
-
-/* Expandable Sections */
-.wikiEditor-ui-toolbar .sections {
-       float: left;
-       width: 100%;
-       clear: both;
-       height: 0;
-}
-.wikiEditor-ui-toolbar .sections .section {
-       float: left;
-       width: 100%;
-       border-top: 1px solid #DDDDDD;
-       background-color: #E0EEf7;
-}
-
-.wikiEditor-ui-toolbar .sections .section-hidden {
-       display: none;
-}
-
-.wikiEditor-ui-toolbar {
-       /* @embed */
-       background-image: url(images/toolbar/base.png);
-       background-position: left top;
-       background-repeat: repeat-x;
-}
-/* Gets overridden when the section div is in class loading - see below */
-.wikiEditor-ui-toolbar .sections div .spinner {
-       display: none;
-}
-.wikiEditor-ui-toolbar .sections .loading .spinner {
-       display: block;
-       float: left;
-       /* @embed */
-       background-image: url(images/toolbar/loading.gif);
-       background-position: left center;
-       background-repeat: no-repeat;
-       padding-left: 32px;
-       margin-left: 0.5em;
-       height: 32px;
-       color: #666666;
-}
-/* Top Level Containers */
-.wikiEditor-ui-toolbar .tabs,
-.wikiEditor-ui-toolbar .section-main {
-       position: relative;
-       float: left;
-       min-height: 26px;
-       height: 100%;
-}
-/* Groups */
-.wikiEditor-ui-toolbar .group {
-       float: left;
-       height: 26px;
-       padding-right: 6px;
-       border-right: 1px solid #DDDDDD;
-       margin: 3px;
-}
-.wikiEditor-ui-toolbar .group-search {
-       float: right;
-       padding: 0 0 0 6px;
-       border-right: none;
-       border-left: 1px solid #DDDDDD;
-}
-.wikiEditor-ui-toolbar .group-insert {
-       border-right: none;
-}
-/* Sprited Buttons */
-.wikiEditor-toolbar-spritedButton { 
-       background-image: url('images/toolbar/button-sprite.png');
-       /* @embed */
-       background-image: -webkit-linear-gradient(transparent, transparent), 
url('images/toolbar/button-sprite.svg');
-       /* @embed */
-       background-image: linear-gradient(transparent, transparent), 
url('images/toolbar/button-sprite.svg');
-
-       background-position: 0 0;
-       background-repeat: no-repeat;
-       display: block;
-       float: left;
-       height: 22px;
-       text-indent: -9999px;
-       width: 22px;
-       padding: 2px;
-       cursor: pointer;
-       overflow: hidden;
-}
-/* Tabs */
-.wikiEditor-ui-toolbar .tabs {
-       list-style: none;
-       margin: 3px;
-}
-.wikiEditor-ui-toolbar .tabs span.tab {
-       display: block;
-       float: left;
-       line-height: 26px;
-}
-.wikiEditor-ui-toolbar .tabs span.tab a,
-.wikiEditor-ui-toolbar .tabs span.tab a:visited {
-       display: inline-block;
-       float: left;
-       padding-left: 18px;
-       padding-right: 12px;
-       height: 26px;
-       cursor: pointer;
-       color: #0645ad;
-       /* @embed */
-       background-image: url(images/toolbar/arrow-ltr.png);
-       background-position: left center;
-       background-repeat: no-repeat;
-}
-.wikiEditor-ui-toolbar .tabs span.tab a.current,
-.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
-       color: #333333;
-       /* @embed */
-       background-image: url(images/toolbar/arrow-down.png);
-}
-.wikiEditor-ui-toolbar .tabs span.tab a.current:hover {
-       text-decoration: none;
-}
-.wikiEditor-ui-toolbar .tabs span.tab a.loading {
-       /* @embed */
-       background-image: url(images/toolbar/loading-small.gif);
-}
-/* Toolbar */
-.wikiEditor-ui-toolbar .group .label {
-       float: left;
-       border: 0;
-       height: 22px;
-       line-height: 22px;
-       margin: 2px;
-       margin-left: 5px;
-       margin-right: 8px;
-       color: #777777;
-       cursor: default;
-}
-.wikiEditor-ui-toolbar .group img.tool {
-       float: left;
-       border: 0;
-       height: 22px;
-       width: 22px;
-       padding: 2px;
-       cursor: pointer;
-}
-.wikiEditor-ui-toolbar .group .tool-select {
-       float: left;
-       margin: 2px;
-       height: 22px;
-       cursor: pointer;
-       border: 1px solid silver;
-       padding: 0;
-       margin-right: 0;
-       cursor: pointer;
-       background-color: #ffffff;
-}
-.wikiEditor-ui-toolbar .group .tool-select .label {
-       /* @embed */
-       background-image: url(images/toolbar/arrow-down.png);
-       background-position: center right;
-       background-repeat: no-repeat;
-       padding: 0;
-       margin: 0;
-       padding-left: 4px;
-       padding-right: 22px;
-       margin-right: 4px;
-       cursor: pointer;
-       text-decoration: none;
-       color: #333333;
-}
-.wikiEditor-ui-toolbar .group .tool-select .menu .options {
-       position: absolute;
-       display: none;
-       margin-left: -1px;
-       margin-top: 22px;
-       border: 1px solid silver;
-       background-color: #ffffff;
-}
-.wikiEditor-ui-toolbar .group .tool-select .options .option {
-       display: block;
-       padding: 0.5em;
-       text-decoration: none;
-       color: black;
-       white-space: nowrap;
-}
-.wikiEditor-ui-toolbar .group .tool-select .options .option:hover {
-       background-color: #E0EEf7;
-}
-.wikiEditor-ui-toolbar .group .tool-select .options .option[rel=heading-2] {
-       font-size: 150%;
-       font-weight: normal;
-}
-.wikiEditor-ui-toolbar .group .tool-select .options .option[rel=heading-3] {
-       font-size: 132%;
-       font-weight: normal;
-}
-.wikiEditor-ui-toolbar .group .tool-select .options .option[rel=heading-4] {
-       font-size: 116%;
-       font-weight: normal;
-}
-.wikiEditor-ui-toolbar .group .tool-select .options .option[rel=heading-5] {
-       font-size: 100%;
-       font-weight: bold;
-}
-/* Booklet */
-.wikiEditor-ui-toolbar .booklet .index {
-       float: left;
-       width: 20%;
-       height: 125px;
-       overflow: auto;
-}
-.wikiEditor-ui-toolbar .booklet .index div {
-       padding: 4px;
-       padding-left: 6px;
-       cursor: pointer;
-       color: #0645ad;
-}
-.wikiEditor-ui-toolbar .booklet .index .current {
-       background-color: #FAFAFA;
-       color: #333333;
-       cursor: default;
-}
-.wikiEditor-ui-toolbar .booklet .pages {
-       float: right;
-       width: 80%;
-       height: 125px;
-       overflow: auto;
-       background-color: #FAFAFA;
-}
-/* Help Pages */
-.wikiEditor-ui-toolbar .page-table table {
-       padding-left: 5px;
-       padding-right: 5px;
-       background: none;
-}
-.wikiEditor-ui-toolbar .page-table th {
-       color: #999999;
-}
-.wikiEditor-ui-toolbar .page-table td {
-       color: black;
-       border-top: 1px solid #EEEEEE;
-}
-.wikiEditor-ui-toolbar .page-table th,
-.wikiEditor-ui-toolbar .page-table td {
-       text-align: left;
-       padding: 5px;
-       margin: 0;
-}
-.wikiEditor-ui-toolbar .section-help .page-table .cell {
-       vertical-align: top;
-}
-.wikiEditor-ui-toolbar .section-help .page-table td.cell-syntax,
-.wikiEditor-ui-toolbar .section-help .page-table td.syntax {
-       font-family: monospace, "Courier New";
-}
-.wikiEditor-ui-toolbar .section-help .page-table td.syntax,
-.wikiEditor-ui-toolbar .section-help .page-table td.cell-syntax,
-.wikiEditor-ui-toolbar .section-help .page-table td.cell-result,
-.wikiEditor-ui-toolbar .section-help .page-table td.result {
-       width: 40%;
-}
-.wikiEditor-ui-toolbar .section-help .page-table td.description,
-.wikiEditor-ui-toolbar .section-help .page-table td.description {
-       width: 20%;
-}
-/* Characters Pages */
-.wikiEditor-ui-toolbar .page-characters div span {
-       border: 1px solid #DDDDDD;
-       padding: 5px;
-       padding-left: 8px;
-       padding-right: 8px;
-       margin-left: 5px;
-       margin-top: 5px;
-       height: 1em;
-       float: left;
-       display: block;
-       color: black;
-       text-decoration: none;
-       cursor: pointer;
-       font-family: monospace, "Courier New";
-       font-size: 1.25em;
-}
-.wikiEditor-ui-toolbar .page-characters div[dir=rtl] span {
-       /* @noflip */ direction: rtl;
-}
-.wikiEditor-ui-toolbar .page-characters div span:hover {
-       background-color: white;
-       text-decoration: none;
-       border-color: #a8d7f9;
-}
-.ui-widget table td.wikieditor-toolbar-table-preview-wrapper span {
-       padding: 4px 6px 0;
-       display: block;
-}
-.ui-widget table .wikieditor-toolbar-table-preview-frame {
-       width: 340px;
-       background: #fff;
-       padding: 10px;
-       overflow: hidden;
-       display: block;
-       position: relative;
-}
-.ui-widget table .wikieditor-toolbar-table-preview-content {
-       width: 375px;
-       display: block;
-}
-.ui-widget table .wikieditor-toolbar-table-preview {
-       width: 340px;
-}
-.ui-widget table td.wikieditor-toolbar-table-preview-wrapper {
-       background: #e5e5e5;
-       padding: 10px;
-}

-- 
To view, visit https://gerrit.wikimedia.org/r/151616
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings

Gerrit-MessageType: newchange
Gerrit-Change-Id: I2a223e202aa488f0e83e663e490ee009da686687
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/extensions/WikiEditor
Gerrit-Branch: master
Gerrit-Owner: Paladox <thomasmulhall...@yahoo.com>

_______________________________________________
MediaWiki-commits mailing list
MediaWiki-commits@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits

Reply via email to