wikimedia/mediawiki-extensions-WikiEditor
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/WikiEditor synced 2024-11-25 00:37:23 +00:00
Code Issues Packages Projects Releases Wiki Activity
mediawiki-extensions-WikiEd.../modules/jquery.wikiEditor.toolbar.css

304 lines
6.9 KiB
CSS
Raw Normal View History

WikiEditor: Linting and conventions * Code clean up in preparation for enabling linting in the future * Update code to use latest code conventions and best practices: - Make use of jQuery.Event (e.g. no need to check both e.keyCode and e.which) - jQuery: .size() -> .length - jQuery: (where appropiate) .attr() -> .prop() Setting properties like 'checked' via attr() has been deprecated in jQuery. - Whitespace - Single quotes instead of double quotes - Use literal keys in object literals instead of strings - Pass mediaWiki to closure, use mw. locally instead of "mediaWiki" global directly. - Fix indentation - Brackets around if, else and for bodies - Strict comparison to 0, null, false, true etc. - Fix missing radix parameter in parseInt - Use local $ instead of global $ - Use `foo || bar` instead of `foo ? foo : bar` - Variable scope hoisting - Double/redundant variable declarations - ['foo'] is better written in dot notation - New line at EOF - Consistency in jQuery construction: Tag name for element creation $( '<div>' ) Valid html for html parsing $( '<div foo="bar"></div>' ) - Fix regex escape warnings per JSLint/JSHint. Do escape ][, don't escape >< - .. * Add .jshintrc / .jshintignore * Updated most files, but not all. Too much at once. Change-Id: I445639b25a9688b3cdf9e5449e3d31cbcfa9c7ae
2012-07-03 05:52:27 +00:00
/**
Lots of refactoring. This still does not work! But it's getting close.
2010-09-15 22:40:50 +00:00
* CSS for WikiEditor Toolbar jQuery plugin
*/
Copied over all the resources needed to make WikiEditor stand on it's own two feet. Lots more to do as far as organizing and fleshing out the extensions's PHP bits.
2010-09-15 03:08:35 +00:00
.wikiEditor-ui-toolbar {
position: relative;
width: 100%;
}
/* Expandable Sections */
.wikiEditor-ui-toolbar .sections {
float: left;
width: 100%;
clear: both;
height: 0;
}
.wikiEditor-ui-toolbar .sections .section {
display: none;
float: left;
width: 100%;
border-top: solid 1px #DDDDDD;
background-color: #E0EEf7;
}
.wikiEditor-ui-toolbar {
Added embed tags to CSS image URLs
2010-09-16 22:57:22 +00:00
/* @embed */
Lots of refactoring. This still does not work! But it's getting close.
2010-09-15 22:40:50 +00:00
background-image: url(images/toolbar/base.png);
Copied over all the resources needed to make WikiEditor stand on it's own two feet. Lots more to do as far as organizing and fleshing out the extensions's PHP bits.
2010-09-15 03:08:35 +00:00
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;
Removed RTL rules and IE6 stuff from toolbar css, ResourceLoader uses CSSJanus to auto-flip the rules, and IE6 is blacklisted anyways.
2011-01-11 23:41:23 +00:00
float: left;
Added embed tags to CSS image URLs
2010-09-16 22:57:22 +00:00
/* @embed */
Lots of refactoring. This still does not work! But it's getting close.
2010-09-15 22:40:50 +00:00
background-image: url(images/toolbar/loading.gif);
Copied over all the resources needed to make WikiEditor stand on it's own two feet. Lots more to do as far as organizing and fleshing out the extensions's PHP bits.
2010-09-15 03:08:35 +00:00
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;
height: 26px;
}
/* Groups */
.wikiEditor-ui-toolbar .group {
float: left;
height: 26px;
padding-right: 6px;
border-right: solid 1px #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 {
Added embed tags to CSS image URLs
2010-09-16 22:57:22 +00:00
/* @embed */
Lots of refactoring. This still does not work! But it's getting close.
2010-09-15 22:40:50 +00:00
background: url(images/toolbar/button-sprite.png) 0 0 no-repeat;
Copied over all the resources needed to make WikiEditor stand on it's own two feet. Lots more to do as far as organizing and fleshing out the extensions's PHP bits.
2010-09-15 03:08:35 +00:00
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 {
Removed RTL rules and IE6 stuff from toolbar css, ResourceLoader uses CSSJanus to auto-flip the rules, and IE6 is blacklisted anyways.
2011-01-11 23:41:23 +00:00
display: block;
Copied over all the resources needed to make WikiEditor stand on it's own two feet. Lots more to do as far as organizing and fleshing out the extensions's PHP bits.
2010-09-15 03:08:35 +00:00
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;
Added embed tags to CSS image URLs
2010-09-16 22:57:22 +00:00
/* @embed */
Removed RTL rules and IE6 stuff from toolbar css, ResourceLoader uses CSSJanus to auto-flip the rules, and IE6 is blacklisted anyways.
2011-01-11 23:41:23 +00:00
background-image: url(images/toolbar/arrow-ltr.png);
Copied over all the resources needed to make WikiEditor stand on it's own two feet. Lots more to do as far as organizing and fleshing out the extensions's PHP bits.
2010-09-15 03:08:35 +00:00
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;
Added embed tags to CSS image URLs
2010-09-16 22:57:22 +00:00
/* @embed */
Lots of refactoring. This still does not work! But it's getting close.
2010-09-15 22:40:50 +00:00
background-image: url(images/toolbar/arrow-down.png);
Copied over all the resources needed to make WikiEditor stand on it's own two feet. Lots more to do as far as organizing and fleshing out the extensions's PHP bits.
2010-09-15 03:08:35 +00:00
}
.wikiEditor-ui-toolbar .tabs span.tab a.current:hover {
text-decoration: none;
}
.wikiEditor-ui-toolbar .tabs span.tab a.loading {
Added embed tags to CSS image URLs
2010-09-16 22:57:22 +00:00
/* @embed */
Improved on r79973 re-resolves #25724 after #80057 re-broke it. Aparently Opera was choking on, and ignoring the following CSS rule after, a CSS rule that ended in "background-image: url(some url here) !important;" Removing the "!important" part fixed the problem, and in this case it didn't seem to be needed anyways. So much for unicorn tears...
2011-01-11 23:55:39 +00:00
background-image: url(images/toolbar/loading-small.gif);
Copied over all the resources needed to make WikiEditor stand on it's own two feet. Lots more to do as far as organizing and fleshing out the extensions's PHP bits.
2010-09-15 03:08:35 +00:00
}
/* Toolbar */
.wikiEditor-ui-toolbar .group .label {
float: left;
CSS cleanup. Change-Id: I9ab92becb4d7bbff91448a504457f69c8179b010
2012-09-28 08:28:50 +00:00
border: 0;
Copied over all the resources needed to make WikiEditor stand on it's own two feet. Lots more to do as far as organizing and fleshing out the extensions's PHP bits.
2010-09-15 03:08:35 +00:00
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;
CSS cleanup. Change-Id: I9ab92becb4d7bbff91448a504457f69c8179b010
2012-09-28 08:28:50 +00:00
border: 0;
Copied over all the resources needed to make WikiEditor stand on it's own two feet. Lots more to do as far as organizing and fleshing out the extensions's PHP bits.
2010-09-15 03:08:35 +00:00
height: 22px;
width: 22px;
padding: 2px;
cursor: pointer;
}
.wikiEditor-ui-toolbar .group .tool-select {
float: left;
margin: 2px;
height: 22px;
cursor: pointer;
border: solid 1px silver;
padding: 0;
margin-right: 0;
cursor: pointer;
background-color: #ffffff;
}
.wikiEditor-ui-toolbar .group .tool-select .label {
Added embed tags to CSS image URLs
2010-09-16 22:57:22 +00:00
/* @embed */
Lots of refactoring. This still does not work! But it's getting close.
2010-09-15 22:40:50 +00:00
background-image: url(images/toolbar/arrow-down.png);
Copied over all the resources needed to make WikiEditor stand on it's own two feet. Lots more to do as far as organizing and fleshing out the extensions's PHP bits.
2010-09-15 03:08:35 +00:00
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;
Removed RTL rules and IE6 stuff from toolbar css, ResourceLoader uses CSSJanus to auto-flip the rules, and IE6 is blacklisted anyways.
2011-01-11 23:41:23 +00:00
margin-top: 22px;
Copied over all the resources needed to make WikiEditor stand on it's own two feet. Lots more to do as far as organizing and fleshing out the extensions's PHP bits.
2010-09-15 03:08:35 +00:00
border: solid 1px 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: solid 1px #EEEEEE;
}
.wikiEditor-ui-toolbar .page-table th,
.wikiEditor-ui-toolbar .page-table td {
text-align: left;
padding: 5px;
CSS cleanup. Change-Id: I9ab92becb4d7bbff91448a504457f69c8179b010
2012-09-28 08:28:50 +00:00
margin: 0;
Copied over all the resources needed to make WikiEditor stand on it's own two feet. Lots more to do as far as organizing and fleshing out the extensions's PHP bits.
2010-09-15 03:08:35 +00:00
}
.wikiEditor-ui-toolbar .section-help .page-table td.cell-syntax,
.wikiEditor-ui-toolbar .section-help .page-table td.syntax {
(bug 27502) Monospace text too small
2011-02-19 15:02:14 +00:00
font-family: monospace, "Courier New";
Copied over all the resources needed to make WikiEditor stand on it's own two feet. Lots more to do as far as organizing and fleshing out the extensions's PHP bits.
2010-09-15 03:08:35 +00:00
}
.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: solid 1px #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;
(bug 27502) Monospace text too small
2011-02-19 15:02:14 +00:00
font-family: monospace, "Courier New";
Copied over all the resources needed to make WikiEditor stand on it's own two feet. Lots more to do as far as organizing and fleshing out the extensions's PHP bits.
2010-09-15 03:08:35 +00:00
font-size: 1.25em;
}
.wikiEditor-ui-toolbar .page-characters div[dir=rtl] span {
RTL fix for special characters insertion links. Added @noflip, because it's explicitly rtl. Without it, it becomes ltr. Change-Id: Ifda0894d8745faea2dc18e4efed3a3dfa52239d8
2012-03-29 08:08:02 +00:00
/* @noflip */ direction: rtl;
Copied over all the resources needed to make WikiEditor stand on it's own two feet. Lots more to do as far as organizing and fleshing out the extensions's PHP bits.
2010-09-15 03:08:35 +00:00
}
.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 {
CSS cleanup. Change-Id: I9ab92becb4d7bbff91448a504457f69c8179b010
2012-09-28 08:28:50 +00:00
padding: 4px 6px 0;
Copied over all the resources needed to make WikiEditor stand on it's own two feet. Lots more to do as far as organizing and fleshing out the extensions's PHP bits.
2010-09-15 03:08:35 +00:00
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;
}
Reference in a new issue Copy permalink