resources/src/mediawiki.action/mediawiki.action.view.postEdit.less

   1 @import 'mediawiki.mixins';
   2
   3 .postedit-container {
   4         margin: 0 auto;
   5         position: fixed;
   6         top: 0;
   7         height: 0;
   8         left: 50%;
   9         z-index: 1000;
  10         font-size: 13px;
  11         cursor: pointer;
  12 }
  13
  14 .postedit {
  15         position: relative;
  16         top: 0.6em;
  17         left: -50%;
  18         line-height: 1.35;
  19         opacity: 1;
  20         .transition( opacity 250ms );
  21
  22         &.mw-notification {
  23                 padding-right: 3em;
  24         }
  25 }
  26
  27 // TODO: Move to monobook skin
  28 .skin-monobook .postedit {
  29         top: 6em !important; /* stylelint-disable-line declaration-no-important */
  30 }
  31
  32 .postedit-faded {
  33         opacity: 0;
  34 }
  35
  36 .postedit-icon {
  37         padding-left: 41px; /* 25 + 8 + 8 */
  38         /* like min-height, but old IE compatible and keeps text vertically aligned, too */
  39         line-height: 25px;
  40         background-repeat: no-repeat;
  41         background-position: 8px 50%;
  42 }
  43
  44 .postedit-icon-checkmark {
  45         /* @embed */
  46         background-image: url( images/green-checkmark.png );
  47         background-position: left;
  48 }
  49
  50 .postedit:after {
  51         content: '×';
  52         position: absolute;
  53         padding: 0 0.8em;
  54         right: 0;
  55         top: 0;
  56         font-size: 1.25em;
  57         font-weight: bold;
  58         line-height: 2.3em;
  59         text-shadow: 0 0.0625em 0 #fff;
  60         opacity: 0.2;
  61 }
  62
  63 .postedit:hover:after {
  64         opacity: 0.4;
  65 }