resources/src/mediawiki.action/mediawiki.action.edit.styles.css

   1 /*!
   2  * Styles for elements of the editing form.
   3  */
   4
   5 /* General layout */
   6 #wpTextbox1 {
   7         margin: 0;
   8         display: block;
   9         /* Ensure the textarea is not higher than browser's viewport on small screens */
  10         max-height: 100vh;
  11         /* But don't let it collapse into nothingness on really tiny screens */
  12         min-height: 5em;
  13 }
  14
  15 /* Adjustments to edit form elements */
  16 .editCheckboxes {
  17         margin-bottom: 1em;
  18 }
  19
  20 .editCheckboxes input:first-child {
  21         margin-left: 0;
  22 }
  23
  24 .cancelLink {
  25         margin-left: 0.5em;
  26 }
  27
  28 #editpage-copywarn {
  29         font-size: 0.9em;
  30 }
  31
  32 input#wpSummary {
  33         display: block;
  34         background-color: #fff;
  35         color: #000;
  36         width: 80%;
  37         margin-top: 0;
  38         margin-bottom: 1em;
  39         padding: 0.625em 0.546875em 0.546875em;
  40         border: 1px solid #a2a9b1;
  41         border-radius: 2px;
  42         box-shadow: inset 0 0 0 1px #fff;
  43         font-family: inherit;
  44         font-size: inherit;
  45         -webkit-transition: border-color 200ms cubic-bezier( 0.39, 0.575, 0.565, 1 ), box-shadow 200ms cubic-bezier( 0.39, 0.575, 0.565, 1 );
  46         -moz-transition: border-color 200ms cubic-bezier( 0.39, 0.575, 0.565, 1 ), box-shadow 200ms cubic-bezier( 0.39, 0.575, 0.565, 1 );
  47         transition: border-color 200ms cubic-bezier( 0.39, 0.575, 0.565, 1 ), box-shadow 200ms cubic-bezier( 0.39, 0.575, 0.565, 1 );
  48 }
  49
  50 input#wpSummary:focus,
  51 input#wpSummary:active {
  52         outline: 0;
  53         border-color: #36c;
  54         box-shadow: inset 0 0 0 1px #36c;
  55 }
  56
  57 .editButtons input:first-child {
  58         margin-left: 0.1em;
  59 }
  60
  61 /*
  62  * Add a bit of margin space between the preview and the toolbar.
  63  * This replaces the ugly <p><br /></p> we used to insert into the page source
  64  */
  65 #wikiPreview.ontop {
  66         margin-bottom: 1em;
  67 }