mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor
synced 2024-11-15 18:39:52 +00:00
95742d65f6
Drop "-down" class in favour of :active CSS pseudo-class. * http://kimblim.dk/css-tests/selectors/ * http://www.quirksmode.org/css/contents.html * http://caniuse.com/#search=css%202.1 Rename methods consistently to enableFoo and disableFoo. Use mw.notify instead of mw.util.jsMessage (the latter takes a string of html and parses it, instead of taking text). Also, jsMessage is obsolete (legacy wrapper around mw.notify). Rename slide-main to slide-save in preparation of other slides and introduction of multi-step save dialog. Re-introduce "disabled" state (not css, but actual state) so that pressing "Show changes" multiple times will not spawn multiple async operations. The save function guards against this by keeping a static property in the internal helper method, but there are still some operations happening between the button and that method this should be guarded in the UI instead. Follows-up I67819168. Change-Id: Idf0331377e6be814ccae853228d6159b4ad5a159
355 lines
8 KiB
CSS
355 lines
8 KiB
CSS
/**
|
|
* VisualEditor MediaWiki initialization ViewPageTarget styles.
|
|
*
|
|
* @copyright 2011-2012 VisualEditor Team and others; see AUTHORS.txt
|
|
* @license The MIT License (MIT); see LICENSE.txt
|
|
*/
|
|
|
|
/* VisualEditor */
|
|
|
|
.ve-ui-menu {
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
.ve-init-mw-viewPageTarget-pageTitle {
|
|
-webkit-transition: opacity 200ms ease-out;
|
|
-moz-transition: opacity 200ms ease-out;
|
|
-ms-transition: opacity 200ms ease-out;
|
|
-o-transition: opacity 200ms ease-out;
|
|
transition: opacity 200ms ease-out;
|
|
cursor: default;
|
|
}
|
|
|
|
.ve-init-mw-viewPageTarget-loading {
|
|
width: 128px;
|
|
height: 15px;
|
|
float: right;
|
|
}
|
|
|
|
/* Edit notices */
|
|
|
|
.ve-init-mw-viewPageTarget-toolbar-editNotices {
|
|
display: none;
|
|
position: absolute;
|
|
right: -0.5em;
|
|
top: 30px;
|
|
width: 29em;
|
|
font-family: sans-serif;
|
|
border: solid 1px #ccc;
|
|
padding: 0 0.75em 0 0.75em;
|
|
border-radius: 0.25em;
|
|
background-color: #fff;
|
|
box-shadow: 0 0.15em 0.5em 0 rgba(0, 0, 0, 0.2);
|
|
z-index: 3;
|
|
}
|
|
|
|
.ve-init-mw-viewPageTarget-toolbar-editNotices-notice {
|
|
padding: 0.5em 0;
|
|
font-size: 0.8em;
|
|
line-height: 1.5em;
|
|
border-top: solid 1px #ccc;
|
|
margin-top: -1px;
|
|
}
|
|
|
|
/* Tools */
|
|
|
|
.ve-init-mw-viewPageTarget-tool {
|
|
position: relative;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
line-height: 2.125em;
|
|
margin-right: 1em;
|
|
padding-left: 30px;
|
|
cursor: pointer;
|
|
background-repeat: no-repeat;
|
|
background-position: left center;
|
|
}
|
|
|
|
.ve-init-mw-viewPageTarget-tool-label {
|
|
font-size: 0.8em;
|
|
color: #555555;
|
|
}
|
|
|
|
.ve-init-mw-viewPageTarget-tool:hover .ve-init-mw-viewPageTarget-tool-label {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/* Buttons */
|
|
|
|
.ve-init-mw-viewPageTarget-button {
|
|
display: inline-block;
|
|
height: 1.8em;
|
|
margin: 0.1em 0.25em;
|
|
padding: 0 0.75em;
|
|
border-radius: 0.25em;
|
|
vertical-align: top;
|
|
color: #252525;
|
|
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
|
|
text-align: center;
|
|
font-size: 1em;
|
|
cursor: pointer;
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
|
|
/* Gray */
|
|
border: 1px #c9c9c9 solid;
|
|
background-color: #ffffff;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(
|
|
GradientType=0,startColorstr=#ffffff, endColorstr=#f0f0f0
|
|
);
|
|
background-image: -webkit-gradient(
|
|
linear, right top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0)
|
|
);
|
|
background-image: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
|
|
background-image: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
|
|
background-image: -ms-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
|
|
background-image: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
|
|
background-image: linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
|
|
}
|
|
|
|
.ve-init-mw-viewPageTarget-button-constructive {
|
|
/* Green */
|
|
border: solid 1px #c3e59a;
|
|
background-color: #f0fbe1;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(
|
|
GradientType=0,startColorstr=#f0fbe1, endColorstr=#c3e59a
|
|
);
|
|
background-image: -webkit-gradient(
|
|
linear, right top, right bottom, color-stop(0%,#f0fbe1), color-stop(100%,#c3e59a)
|
|
);
|
|
background-image: -webkit-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%);
|
|
background-image: -moz-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%);
|
|
background-image: -ms-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%);
|
|
background-image: -o-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%);
|
|
background-image: linear-gradient(top, #f0fbe1 0%, #c3e59a 100%);
|
|
}
|
|
|
|
.ve-init-mw-viewPageTarget-button-primary {
|
|
/* Blue */
|
|
border: solid 1px #b0d9ee;
|
|
background-color: #eaf4fa;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(
|
|
GradientType=0,startColorstr=#eaf4fa, endColorstr=#b0d9ee
|
|
);
|
|
background-image: -webkit-gradient(
|
|
linear, right top, right bottom, color-stop(0%,#eaf4fa), color-stop(100%,#b0d9ee)
|
|
);
|
|
background-image: -webkit-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
|
|
background-image: -moz-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
|
|
background-image: -ms-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
|
|
background-image: -o-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
|
|
background-image: linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
|
|
}
|
|
|
|
.ve-init-mw-viewPageTarget-saveDialog-actions .ve-init-mw-viewPageTarget-button {
|
|
float: right;
|
|
margin: 0 0 0 1em;
|
|
}
|
|
|
|
.ve-init-mw-viewPageTarget-button:hover {
|
|
border-color: #aaa;
|
|
}
|
|
|
|
.ve-init-mw-viewPageTarget-button:active {
|
|
border-color: #ddd;
|
|
box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07);
|
|
}
|
|
|
|
.ve-init-mw-viewPageTarget-button-disabled {
|
|
filter: alpha(opacity=50);
|
|
opacity: 0.5;
|
|
cursor: default;
|
|
}
|
|
|
|
.ve-init-mw-viewPageTarget-button-disabled:hover {
|
|
border-color: #ccc;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.ve-init-mw-viewPageTarget-button-label {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
line-height: 2.3em;
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
/* Save dialog styles */
|
|
|
|
.ve-init-mw-viewPageTarget-saveDialog-working {
|
|
display: none;
|
|
float: right;
|
|
height: 2em;
|
|
width: 128px;
|
|
margin-right: 1em;
|
|
background-position: right center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.ve-init-mw-viewPageTarget-saveDialog {
|
|
display: none;
|
|
top: 0.25em;
|
|
right: 0.5em;
|
|
width: 29em;
|
|
min-width: 29em;
|
|
min-height: 10em;
|
|
font-family: sans-serif;
|
|
position: absolute;
|
|
border: solid 1px #ccc;
|
|
border-radius: 0.25em;
|
|
background-color: #fff;
|
|
box-shadow: 0 0.15em 0.5em 0 rgba(0, 0, 0, 0.2);
|
|
padding: 2.5em 0.75em 0.75em 0.75em;
|
|
margin: 0 0 0 0.5em;
|
|
z-index: 3;
|
|
|
|
/* slide-diff can get quite long, handle overflow */
|
|
/* max-height set from javascript */
|
|
overflow-x: auto;
|
|
}
|
|
|
|
.ve-init-mw-viewPageTarget-saveDialog-head {
|
|
position: absolute;
|
|
top: 0.4em;
|
|
left: 0.5em;
|
|
right: 0.5em;
|
|
}
|
|
|
|
.ve-init-mw-viewPageTarget-saveDialog-title {
|
|
height: 2em;
|
|
line-height: 2em;
|
|
color: #333;
|
|
font-size: 0.9em;
|
|
float: left;
|
|
margin: 0 0.5em;
|
|
}
|
|
|
|
.ve-init-mw-viewPageTarget-saveDialog-prevButton {
|
|
float: left;
|
|
position: relative;
|
|
top: 0.1em;
|
|
width: 1.5em;
|
|
height: 1.5em;
|
|
cursor: pointer;
|
|
filter: alpha(opacity=8);
|
|
opacity: 0.8;
|
|
/* @see ve.init.mw.Icons */
|
|
background-position: left top;
|
|
background-repeat: no-repeat;
|
|
padding-right: 0.5em;
|
|
border-right: 1px solid #eee;
|
|
margin-right: 0.5em;
|
|
}
|
|
|
|
.ve-init-mw-viewPageTarget-saveDialog-closeButton {
|
|
float: right;
|
|
position: relative;
|
|
top: 0.1em;
|
|
width: 1.5em;
|
|
height: 1.5em;
|
|
cursor: pointer;
|
|
filter: alpha(opacity=8);
|
|
opacity: 0.8;
|
|
/* @see ve.init.mw.Icons */
|
|
background-position: right top;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.ve-init-mw-viewPageTarget-saveDialog-body {
|
|
border-top: 1px solid #ddd;
|
|
padding-top: 1em;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.ve-init-mw-viewPageTarget-saveDialog-slide {
|
|
display: none;
|
|
}
|
|
|
|
.ve-init-mw-viewPageTarget-saveDialog-slide-diff .diff {
|
|
width: auto;
|
|
table-layout: auto;
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
.ve-init-mw-viewPageTarget-saveDialog-foot {
|
|
padding-top: 1em;
|
|
}
|
|
|
|
.ve-init-mw-viewPageTarget-saveDialog-license {
|
|
font-size: 0.7em;
|
|
line-height: 1.25em;
|
|
padding: 0;
|
|
margin: 0;
|
|
color: #999;
|
|
}
|
|
|
|
.ve-init-mw-viewPageTarget-saveDialog-summary {
|
|
background-color: #fff;
|
|
border: solid 1px #cccccc;
|
|
padding: 0.5em;
|
|
border-radius: 0.25em 0.25em 0 0;
|
|
}
|
|
|
|
.ve-init-mw-viewPageTarget-saveDialog-summary-focused {
|
|
border-color: #aaa;
|
|
}
|
|
|
|
.ve-init-mw-viewPageTarget-saveDialog-options {
|
|
position: relative;
|
|
background-color: #f7f7f7;
|
|
margin-bottom: 1em;
|
|
border: solid 1px #cccccc;
|
|
border-top: none;
|
|
border-radius: 0 0 0.25em 0.25em;
|
|
min-height: 2.25em;
|
|
}
|
|
|
|
.ve-init-mw-viewPageTarget-saveDialog-body label {
|
|
font-size: 0.8em;
|
|
line-height: 3em;
|
|
}
|
|
|
|
.ve-init-mw-viewPageTarget-saveDialog input[type="checkbox"] {
|
|
margin: 0 0.5em 0 1em;
|
|
line-height: 3em;
|
|
}
|
|
|
|
.ve-init-mw-viewPageTarget-saveDialog-editSummary-label {
|
|
display: none;
|
|
}
|
|
|
|
.ve-init-mw-viewPageTarget-saveDialog-editSummaryCount {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
border-left: solid 1px #eee;
|
|
line-height: 3em;
|
|
padding: 0 1em;
|
|
color: #aaa;
|
|
}
|
|
|
|
.ve-init-mw-viewPageTarget-saveDialog-editSummary {
|
|
border: none;
|
|
background-color: transparent;
|
|
margin: 0;
|
|
padding: 0;
|
|
resize: none;
|
|
font-size: 0.8em;
|
|
font-family: sans-serif;
|
|
}
|
|
|
|
.ve-init-mw-viewPageTarget-saveDialog-editSummary:focus {
|
|
outline: none;
|
|
}
|
|
|
|
/* Images */
|
|
|
|
.ve-init-mw-viewPageTarget-loading,
|
|
.ve-init-mw-viewPageTarget-saveDialog-working {
|
|
/* @embed */
|
|
background-image: url(images/loading.gif);
|
|
}
|