MediaWiki:Common.css: Difference between revisions

From Skyrat
Jump to navigation Jump to search
Testing
 
No edit summary
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
.pure-button {
    /* Structure */
    display: inline-block;
    line-height: normal;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    user-select: none;
    box-sizing: border-box;
}


.collapsible {
/* Firefox: Get rid of the inner focus border */
  display: block;
.pure-button::-moz-focus-inner {
  margin-bottom: 1rem;
    padding: 0;
    border: 0;
}
}


  .collapser {
/* Inherit .pure-g styles */
     cursor: pointer;
.pure-button-group {
     border: 1px transparent dotted;
     letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
  }
     text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
}


  .arrow {
.opera-only :-o-prefocus,
    margin-left: 0.5em;
.pure-button-group {
     display: inline-block;
     word-spacing: -0.43em;
    transform: rotate(90deg);
}
    transition: transform .25s ease-out;
  }


  input:checked ~ .arrow,
.pure-button-group .pure-button {
  input:checked ~ .collapser .arrow {
     letter-spacing: normal;
     transform: rotate(270deg);
     word-spacing: normal;
  }
     vertical-align: top;
 
     text-rendering: auto;
  .collapsed {
}
     font-size: 0;
     margin: 0;
    opacity: 0;
     padding: 0;
 
    /* fade out, then shrink */
    transition: 
      opacity .25s,
      margin .5s 0.25s,
      font-size .5s 0.25s,
      padding .5s .25s;
  }
 
  input:checked ~ .collapsed {
    font-size: 16px;
    opacity: 1;
    height: auto;
    padding: 5px 0;
   
    /* grow, then fade in */
    transition: 
      margin .25s,
      padding .25s,
      font-size .25s,
      opacity .5s .25s;
  }

Revision as of 19:00, 8 October 2020

.pure-button {
    /* Structure */
    display: inline-block;
    line-height: normal;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    user-select: none;
    box-sizing: border-box;
}

/* Firefox: Get rid of the inner focus border */
.pure-button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/* Inherit .pure-g styles */
.pure-button-group {
    letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
}

.opera-only :-o-prefocus,
.pure-button-group {
    word-spacing: -0.43em;
}

.pure-button-group .pure-button {
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}