Difference between revisions of "MediaWiki:Common.css"

From DiVersions
Jump to navigation Jump to search
(Created page with "CSS placed here will be applied to all skins: h1 { display: none; }")
 
(Added styles for the revisions plugin.)
Line 2: Line 2:
  
 
h1 { display: none; }
 
h1 { display: none; }
 +
 +
  .timeline {
 +
    position: fixed;
 +
    bottom: 0;
 +
    left: 0;
 +
    right: 0;
 +
    white-space: nowrap;
 +
    /* overflow-x: auto; */
 +
  }
 +
 +
  .timeline--entry[data-loading]::before {
 +
    content: "Loading";
 +
    padding: 2em;
 +
  }
 +
 +
  .timeline--entry {
 +
    display: inline-block;
 +
    background: brown;
 +
    border-radius: 1em;
 +
    height: 1.5em;
 +
    width: 5px;
 +
    margin-right: .5em;
 +
    cursor: pointer;
 +
    position: relative;
 +
  }
 +
 +
  .timeline--entry.active,
 +
  .timeline--entry:hover {
 +
    background: green;
 +
  }
 +
 +
  .timeline--entry .timeline--entry--data {
 +
    display: none;
 +
  }
 +
 +
  .timeline--entry:hover .timeline--entry--data {
 +
    transform: rotate(-90deg);
 +
    transform-origin: top left;
 +
    display: block;
 +
    position: absolute;
 +
    left: 0;
 +
    bottom: 1em;
 +
  }
 +
 +
  .timeline--entry--data {
 +
    white-space: nowrap;
 +
  }
 +
 +
  .revisions {
 +
    max-height: 80vh;
 +
    white-space: nowrap;
 +
    max-width: 100%;
 +
    overflow-x: auto;
 +
  }
 +
 +
  .revisions--revision {
 +
    display: inline-block;
 +
    height: 80vh;
 +
    width: 100%;
 +
    overflow-y: auto;
 +
    white-space: normal;
 +
    margin-right: 2em;
 +
  }

Revision as of 15:50, 26 September 2019

/* CSS placed here will be applied to all skins */

h1 { display: none; }

  .timeline {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    white-space: nowrap;
    /* overflow-x: auto; */
  }

  .timeline--entry[data-loading]::before {
    content: "Loading";
    padding: 2em;
  }

  .timeline--entry {
    display: inline-block;
    background: brown;
    border-radius: 1em;
    height: 1.5em;
    width: 5px;
    margin-right: .5em;
    cursor: pointer;
    position: relative;
  }

  .timeline--entry.active,
  .timeline--entry:hover {
    background: green;
  }

  .timeline--entry .timeline--entry--data {
    display: none;
  }

  .timeline--entry:hover .timeline--entry--data {
    transform: rotate(-90deg);
    transform-origin: top left;
    display: block;
    position: absolute;
    left: 0;
    bottom: 1em;
  }

  .timeline--entry--data {
    white-space: nowrap;
  }

  .revisions {
    max-height: 80vh;
    white-space: nowrap;
    max-width: 100%;
    overflow-x: auto;
  }

  .revisions--revision {
    display: inline-block;
    height: 80vh;
    width: 100%;
    overflow-y: auto;
    white-space: normal;
    margin-right: 2em;
  }