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 .postedit-faded {
  28         opacity: 0;
  29 }
  30
  31 .postedit-icon {
  32         padding-left: 41px; /* 25 + 8 + 8 */
  33         /* like min-height, but old IE compatible and keeps text vertically aligned, too */
  34         line-height: 25px;
  35         background-repeat: no-repeat;
  36         background-position: 8px 50%;
  37 }
  38
  39 .postedit-icon-checkmark {
  40         /* @embed */
  41         background-image: url( images/green-checkmark.png );
  42         background-position: left;
  43 }
  44
  45 .postedit:after {
  46         content: '×';
  47         position: absolute;
  48         padding: 0 0.8em;
  49         right: 0;
  50         top: 0;
  51         font-size: 1.25em;
  52         font-weight: bold;
  53         line-height: 2.3em;
  54         text-shadow: 0 0.0625em 0 #fff;
  55         opacity: 0.2;
  56 }
  57
  58 .postedit:hover:after {
  59         opacity: 0.4;
  60 }