mediawiki-extensions-Visual.../modules/ve-mw/ui/styles/ve.ui.MWDialog.css
Trevor Parscal 37f4996392 Merge TransclusionDialogs into one
* Automatically select single mode when possible
* Allow dynamic switching when possible
* Hide most of the controls and information when in single mode
* Allow parameter model to be instantiated without name and value args
* Place add param buttons at the bottom of template and param pages
  which are only visible when in single mode and on the last page

Change-Id: Iaffbf1863b808c8089dfcf09a976d165f28c8b74
2014-03-05 18:15:17 -08:00

218 lines
4.6 KiB
CSS

/*!
* VisualEditor MediaWiki UserInterface Dialog styles.
*
* @copyright 2011-2014 VisualEditor Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
/* ve.ui.MWTransclusionDialog */
.ve-ui-mwTransclusionDialog-addTemplateFieldset .oo-ui-widget {
display: inline-block;
}
.ve-ui-mwTransclusionDialog-addTemplateFieldset .oo-ui-buttonedElement-framed {
margin-left: 0.5em;
}
.ve-ui-mwTransclusionDialog-addParameterFieldset .ve-ui-mwParameterSearchWidget {
position: relative;
overflow: hidden;
box-shadow: 0 0 0.5em rgba(0,0,0,0.2);
margin-bottom: 1em;
}
.ve-ui-mwTransclusionDialog-addParameterFieldset .oo-ui-searchWidget-results {
position: relative;
padding-bottom: 5em;
}
.ve-ui-mwTransclusionDialog-removeButton {
position: absolute;
right: 1.5em;
top: 1.5em;
}
.ve-ui-mwTransclusionDialog .oo-ui-bookletLayout .oo-ui-fieldsetLayout legend,
.ve-ui-mwTransclusionDialog .oo-ui-bookletLayout .oo-ui-fieldsetLayout > .oo-ui-iconedElement-icon,
.ve-ui-mwTransclusionDialog .oo-ui-bookletLayout .ve-ui-mwTransclusionDialog-removeButton,
.ve-ui-mwTransclusionDialog .oo-ui-bookletLayout .ve-ui-mwTemplatePage-more,
.ve-ui-mwTransclusionDialog .oo-ui-bookletLayout .ve-ui-mwParameterPage-more {
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.ve-ui-mwTransclusionDialog .oo-ui-bookletLayout .oo-ui-fieldsetLayout legend {
height: 1.5em;
overflow: hidden;
}
.ve-ui-mwTransclusionDialog-single .oo-ui-bookletLayout .oo-ui-fieldsetLayout legend {
opacity: 0;
height: 0;
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.ve-ui-mwTransclusionDialog-single .oo-ui-bookletLayout .oo-ui-fieldsetLayout > .oo-ui-iconedElement-icon,
.ve-ui-mwTransclusionDialog-single .oo-ui-bookletLayout .ve-ui-mwTransclusionDialog-removeButton,
.ve-ui-mwTransclusionDialog-multiple .oo-ui-bookletLayout .ve-ui-mwTemplatePage-more,
.ve-ui-mwTransclusionDialog-multiple .oo-ui-bookletLayout .ve-ui-mwParameterPage-more {
opacity: 0;
height: 0;
overflow: hidden;
margin-top: 0;
margin-bottom: 0;
}
/* ve.ui.MWMediaDialog */
.ve-ui-mwMediaEditDialog-altText {
width: auto;
}
/* ve.ui.MWMetaDialog */
.ve-ui-mwMetaDialog-languages-table {
margin: 2em 0 0 0;
padding: 0;
width: 100%;
border: none;
border-collapse: collapse;
}
.ve-ui-mwMetaDialog-languages-table th {
border-bottom: solid 1px #ddd;
text-align: left;
}
.ve-ui-mwMetaDialog-languages-table th,
.ve-ui-mwMetaDialog-languages-table td {
padding: 0.75em 1em;
border-bottom: solid 1px white;
}
.ve-ui-mwMetaDialog-languages-table tr td:first-child {
width: 30%;
}
.ve-ui-mwMetaDialog-languages-table tr:nth-child(odd) td {
background: #F0F0F0;
}
.ve-ui-mwMetaDialog-languages-table tr:nth-child(even) td {
background: #F8F8F8;
}
/* ve.ui.MWBetaWelcomeDialog */
.ve-ui-mwBetaWelcomeDialog-content {
line-height: 1.5em;
font-size: 1.1em;
}
/* ve.ui.MWMediaInsertDialog */
.ve-ui-mwMediaInsertDialog-select {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
/* ve.ui.MWSaveDialog */
.ve-ui-mwSaveDialog-panel {
margin: 1.25em;
}
.ve-ui-mwSaveDialog-summaryLabel {
padding: 0.25em 0;
}
.ve-ui-mwSaveDialog-summary {
width: 100%;
background-color: #fff;
border: solid 1px #ccc;
padding: 0.5em;
border-radius: 0.25em 0.25em 0 0;
}
.ve-ui-mwSaveDialog-summary textarea {
margin: 0;
padding: 0;
resize: none;
height: 80px;
border: none;
box-shadow: none;
background-color: transparent;
}
.ve-ui-mwSaveDialog-summary textarea:focus,
.ve-ui-mwSaveDialog-summary textarea:active {
box-shadow: none;
}
.ve-ui-mwSaveDialog-foot {
margin: 0.5em;
}
.ve-ui-mwSaveDialog-options {
position: relative;
background-color: #f7f7f7;
border: solid 1px #ccc;
border-top: none;
border-radius: 0 0 0.25em 0.25em;
min-height: 3em;
}
.ve-ui-mwSaveDialog-checkboxes {
margin-right: 3.25em; /* Hack to prevent overlap on edit summary count */
line-height: 3em;
padding: 0 0.75em;
}
.ve-ui-mwSaveDialog-checkboxes label {
padding-right: 0.75em;
vertical-align: middle;
}
.ve-ui-mwSaveDialog-checkboxes input {
vertical-align: middle;
}
.ve-ui-mwSaveDialog-editSummary-count {
position: absolute;
right: 0;
top: 0;
bottom: 0;
border-left: solid 1px #eee;
line-height: 3em;
padding: 0 1em;
color: #aaa;
}
.ve-ui-mwSaveDialog-working {
display: none;
float: right;
height: 2.5em;
width: 128px;
margin-right: 1em;
background-position: right center;
background-repeat: no-repeat;
}
.ve-ui-mwSaveDialog-license,
.ve-ui-mwSaveDialog-dirtymsg,
.ve-ui-mwSaveDialog-report-notice {
font-size: 0.85em;
line-height: 1.25em;
padding: 0;
margin: 0;
color: #999;
}