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
  12         &:hover {
  13                 cursor: pointer;
  14         }
  15 }
  16
  17 .postedit {
  18         position: relative;
  19         top: 0.6em;
  20         left: -50%;
  21         line-height: 1.35;
  22         opacity: 1;
  23         .transition( opacity 250ms );
  24
  25         &.mw-notification {
  26                 padding-right: 3em;
  27         }
  28 }
  29
  30 // TODO: Move to monobook skin
  31 .skin-monobook .postedit {
  32         top: 6em !important; /* stylelint-disable-line declaration-no-important */
  33 }
  34
  35 .postedit-faded {
  36         opacity: 0;
  37 }
  38
  39 .postedit-icon {
  40         padding-left: 41px; /* 25 + 8 + 8 */
  41         /* like min-height, but old IE compatible and keeps text vertically aligned, too */
  42         line-height: 25px;
  43         background-repeat: no-repeat;
  44         background-position: 8px 50%;
  45 }
  46
  47 .postedit-icon-checkmark {
  48         /* @embed */
  49         background-image: url( images/green-checkmark.png );
  50         background-position: left;
  51 }
  52
  53 .postedit-close {
  54         position: absolute;
  55         padding: 0 0.8em;
  56         right: 0;
  57         top: 0;
  58         font-size: 1.25em;
  59         font-weight: bold;
  60         line-height: 2.3em;
  61         color: #000;
  62         text-shadow: 0 0.0625em 0 #fff;
  63         text-decoration: none;
  64         opacity: 0.2;
  65
  66         .postedit:hover & {
  67                 color: #000;
  68                 text-decoration: none;
  69                 opacity: 0.4;
  70         }
  71 }