MediaWiki 1.30.2

[autoinstallsdev/mediawiki.git] / extensions / WikiEditor / modules / jquery.wikiEditor.toolbar.less

diff --git a/extensions/WikiEditor/modules/jquery.wikiEditor.toolbar.less b/extensions/WikiEditor/modules/jquery.wikiEditor.toolbar.less
new file mode 100644 (file)
index 0000000..da393bd
--- /dev/null
+++ b/extensions/WikiEditor/modules/jquery.wikiEditor.toolbar.less
@@ -0,0 +1,367 @@
+@import 'mediawiki.mixins';
+
+/**
+ * CSS for WikiEditor Toolbar jQuery plugin
+ */
+
+.wikiEditor-ui-toolbar {
+       position: relative;
+       display: block;
+       .background-image('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 #ddd;
+                       background-color: #e0eef7;
+               }
+
+               .section-hidden {
+                       display: none;
+               }
+       }
+
+       /* Top Level Containers */
+       /* Tabs */
+       .tabs {
+               float: left;
+               height: 100%;
+               list-style: none;
+               margin: 3px;
+               min-height: 26px;
+               position: relative;
+
+               span.tab {
+                       display: block;
+                       float: left;
+                       line-height: 26px;
+
+                       a,
+                       a:visited {
+                               .background-image-svg('images/toolbar/arrow-ltr.svg', 'images/toolbar/arrow-ltr.png');
+                               background-position: left center;
+                               background-repeat: no-repeat;
+                               color: #0645ad;
+                               cursor: pointer;
+                               display: inline-block;
+                               float: left;
+                               height: 26px;
+                               padding-left: 18px;
+                               padding-right: 12px;
+                       }
+
+                       a.current,
+                       a.current:visited {
+                               .background-image-svg('images/toolbar/arrow-down.svg', 'images/toolbar/arrow-down.png');
+                               color: #333;
+
+                               &:hover {
+                                       text-decoration: none;
+                               }
+                       }
+               }
+       }
+
+       /* Top Level Containers */
+       .tabs,
+       .section-main {
+               position: relative;
+               float: left;
+               min-height: 26px;
+               height: 100%;
+       }
+
+       /* Groups */
+       .group {
+               float: left;
+               height: 26px;
+               padding-right: 6px;
+               border-right: 1px solid #ddd;
+               margin: 3px;
+
+               /* Toolbar */
+               .label {
+                       float: left;
+                       border: 0;
+                       height: 22px;
+                       line-height: 22px;
+                       margin: 2px;
+                       margin-left: 5px;
+                       margin-right: 8px;
+                       color: #777;
+                       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 #c0c0c0;
+                       padding: 0;
+                       margin-right: 0;
+                       background-color: #fff;
+
+                       .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: #333;
+                       }
+
+                       .menu {
+                               .options {
+                                       position: absolute;
+                                       display: none;
+                                       margin-left: -1px;
+                                       margin-top: 22px;
+                                       border: 1px solid #c0c0c0;
+                                       background-color: #fff;
+                               }
+                       }
+
+                       .options {
+                               .option {
+                                       display: block;
+                                       padding: 0.5em;
+                                       text-decoration: none;
+                                       color: #000;
+                                       white-space: nowrap;
+
+                                       &:hover {
+                                               background-color: #e0eef7;
+                                       }
+
+                                       &[rel='heading-2'] {
+                                               font-size: 150%;
+                                               font-weight: normal;
+                                       }
+
+                                       &[rel='heading-3'] {
+                                               font-size: 132%;
+                                               font-weight: normal;
+                                       }
+
+                                       &[rel='heading-4'] {
+                                               font-size: 116%;
+                                               font-weight: normal;
+                                       }
+
+                                       &[rel='heading-5'] {
+                                               font-size: 100%;
+                                               font-weight: bold;
+                                       }
+                               }
+                       }
+               }
+       }
+
+       .group-search {
+               float: right;
+               padding: 0 0 0 6px;
+               border-right: 0;
+               border-left: 1px solid #ddd;
+       }
+
+       .group-insert {
+               border-right: 0;
+       }
+
+       /* Booklet */
+       .booklet {
+               .index {
+                       float: left;
+                       width: 20%;
+                       height: 125px;
+                       overflow: auto;
+                       resize: horizontal;
+
+                       div {
+                               padding: 4px;
+                               padding-left: 6px;
+                               cursor: pointer;
+                               color: #0645ad;
+                       }
+
+                       .current {
+                               background-color: #fafafa;
+                               color: #333;
+                               cursor: default;
+                       }
+               }
+
+               .pages {
+                       background-color: #fafafa;
+                       height: 125px;
+                       overflow: auto;
+               }
+       }
+
+       /* Help Pages */
+       .page-table {
+               padding-left: 5px;
+               padding-right: 5px;
+
+               table {
+                       background: none;
+                       border-collapse: collapse;
+                       width: 100%;
+               }
+
+               th {
+                       color: #999;
+               }
+
+               td {
+                       color: #000;
+                       border-top: 1px solid #eee;
+               }
+
+               th,
+               td {
+                       margin: 0;
+                       padding: 5px;
+                       text-align: left;
+               }
+       }
+
+       .section-help {
+               .page-table {
+                       .cell {
+                               vertical-align: top;
+                       }
+
+                       td.cell-syntax {
+                               font-family: monospace, 'Courier';
+                       }
+
+                       td.cell-syntax,
+                       td.cell-result {
+                               width: 40%;
+                       }
+
+                       td.cell-description {
+                               width: 20%;
+                       }
+
+                       /* T33649 */
+                       .table-link {
+                               td.cell-syntax {
+                                       white-space: pre;
+                               }
+                       }
+               }
+       }
+
+       /* Characters Pages */
+       .page-characters {
+               div {
+                       span {
+                               border: 1px solid #ddd;
+                               padding: 5px;
+                               padding-left: 8px;
+                               padding-right: 8px;
+                               margin-left: 5px;
+                               margin-top: 5px;
+                               height: 1em;
+                               float: left;
+                               display: block;
+                               color: #000;
+                               text-decoration: none;
+                               cursor: pointer;
+                               font-family: monospace, 'Courier';
+                               font-size: 1.25em;
+                               line-height: 1;
+
+                               &:hover {
+                                       background-color: #fff;
+                                       text-decoration: none;
+                                       border-color: #a8d7f9;
+                               }
+                       }
+               }
+
+               div[dir='rtl'] span {
+                       /* @noflip */
+                       direction: rtl;
+               }
+       }
+}
+
+.tool-button {
+       background-position: 2px 2px;
+       background-repeat: no-repeat;
+       display: block;
+       float: left;
+       height: 22px;
+       text-indent: -9999px;
+       width: 22px;
+       padding: 2px;
+       cursor: pointer;
+       overflow: hidden;
+}
+
+/* Sprited Buttons */
+.wikiEditor-toolbar-spritedButton {
+       .background-image-svg('images/toolbar/button-sprite.svg', 'images/toolbar/button-sprite.png');
+}
+
+.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;
+               }
+       }
+}