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

   1 .postedit-container {
   2         margin: 0 auto;
   3         position: fixed;
   4         top: 0;
   5         height: 0;
   6         left: 50%;
   7         z-index: 1000;
   8         font-size: 13px;
   9 }
  10
  11 .postedit-container:hover {
  12         cursor: pointer;
  13 }
  14
  15 .postedit {
  16         position: relative;
  17         top: 0.6em;
  18         left: -50%;
  19         padding: 0.6em 3.6em 0.6em 1.1em;
  20         line-height: 1.5625em;
  21         color: #626465;
  22         background-color: #f4f4f4;
  23         border: 1px solid #dcd9d9;
  24         text-shadow: 0 0.0625em 0 rgba( 255, 255, 255, 0.5 );
  25         border-radius: 5px;
  26         box-shadow: 0 2px 5px 0 #ccc;
  27         -webkit-transition: all 0.25s ease-in-out;
  28         -moz-transition: all 0.25s ease-in-out;
  29         -ms-transition: all 0.25s ease-in-out;
  30         -o-transition: all 0.25s ease-in-out;
  31         transition: all 0.25s ease-in-out;
  32 }
  33
  34 .skin-monobook .postedit {
  35         top: 6em !important; /* stylelint-disable-line declaration-no-important */
  36 }
  37
  38 .postedit-faded {
  39         opacity: 0;
  40 }
  41
  42 .postedit-icon {
  43         padding-left: 41px; /* 25 + 8 + 8 */
  44         /* like min-height, but old IE compatible and keeps text vertically aligned, too */
  45         line-height: 25px;
  46         background-repeat: no-repeat;
  47         background-position: 8px 50%;
  48 }
  49
  50 .postedit-icon-checkmark {
  51         /* @embed */
  52         background-image: url( images/green-checkmark.png );
  53         background-position: left;
  54 }
  55
  56 .postedit-close {
  57         position: absolute;
  58         padding: 0 0.8em;
  59         right: 0;
  60         top: 0;
  61         font-size: 1.25em;
  62         font-weight: bold;
  63         line-height: 2.3em;
  64         color: #000;
  65         text-shadow: 0 0.0625em 0 #fff;
  66         text-decoration: none;
  67         opacity: 0.2;
  68         filter: alpha( opacity=20 );
  69 }
  70
  71 .postedit-close:hover {
  72         color: #000;
  73         text-decoration: none;
  74         opacity: 0.4;
  75         filter: alpha( opacity=40 );
  76 }