Difference between revisions of "MediaWiki:Common.css"

From DiVersions
Jump to navigation Jump to search
(Starting on print styles.)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
+
h1 {
 
+
  display:none
h1 { display: none; }
+
}
 
 
 
@media screen {
 
@media screen {
 
   .timeline {
 
   .timeline {
     position: fixed;
+
     position:fixed;
     bottom: 0;
+
     bottom:0;
     left: 0;
+
     left:0;
     right: 0;
+
     right:0;
     white-space: nowrap;
+
     white-space:nowrap
    /* overflow-x: auto; */
 
 
   }
 
   }
 
 
   .timeline--entry[data-loading]::before {
 
   .timeline--entry[data-loading]::before {
     content: "Loading";
+
     content:"Loading";
     padding: 2em;
+
     padding:2em
 
   }
 
   }
 
 
   .timeline--entry {
 
   .timeline--entry {
     display: inline-block;
+
     display:inline-block;
     background: brown;
+
     background:brown;
     border-radius: 1em;
+
     border-radius:1em;
     height: 1.5em;
+
     height:1.5em;
     width: 5px;
+
     width:5px;
     margin-right: .5em;
+
     margin-right:.5em;
     cursor: pointer;
+
     cursor:pointer;
     position: relative;
+
     position:relative
 
   }
 
   }
 
 
   .timeline--entry.active,
 
   .timeline--entry.active,
 
   .timeline--entry:hover {
 
   .timeline--entry:hover {
     background: green;
+
     background:green
 
   }
 
   }
 
 
   .timeline--entry .timeline--entry--data {
 
   .timeline--entry .timeline--entry--data {
     display: none;
+
     display:none
 
   }
 
   }
 
 
   .timeline--entry:hover .timeline--entry--data {
 
   .timeline--entry:hover .timeline--entry--data {
     transform: rotate(-90deg);
+
     transform:rotate(-90deg);
     transform-origin: top left;
+
     transform-origin:top left;
     display: block;
+
     display:block;
     position: absolute;
+
     position:absolute;
     left: 0;
+
     left:0;
     bottom: 1em;
+
     bottom:1em
 
   }
 
   }
 
 
   .timeline--entry--data {
 
   .timeline--entry--data {
     white-space: nowrap;
+
     white-space:nowrap
 
   }
 
   }
 
 
   .revisions {
 
   .revisions {
     max-height: 80vh;
+
     max-height:80vh;
     white-space: nowrap;
+
     white-space:nowrap;
     max-width: 100%;
+
     max-width:100%;
     overflow-x: auto;
+
     overflow-x:auto
 
   }
 
   }
 
 
   .revisions--revision {
 
   .revisions--revision {
     display: inline-block;
+
     display:inline-block;
     height: 80vh;
+
     height:80vh;
     width: 100%;
+
     width:100%;
     overflow-y: auto;
+
     overflow-y:auto;
     white-space: normal;
+
     white-space:normal;
     margin-right: 2em;
+
     margin-right:2em
 
   }
 
   }
 
}
 
}
 
 
@media print {
 
@media print {
 
   .timeline {
 
   .timeline {
     display: none;
+
     display:none
 
   }
 
   }
 
 
   .revision:nth-of-type(n+2) {
 
   .revision:nth-of-type(n+2) {
     display: none;
+
     display:none
 +
  }
 +
  h2:nth-of-type(n+2) {
 +
    page-break-before: always;
 +
  }
 +
   
 +
  h2 {
 +
    border-bottom: none;
 +
  }
 +
 
 +
  p {
 +
    text-align: left;
 +
  }
 +
 
 +
  .mw-parser-output {
 +
    columns: 2;
 +
  }
 +
 
 +
  h2, h3 {
 +
    column-span: all;
 +
  }
 +
 
 +
  img {
 +
    max-width: 100%;
 
   }
 
   }
 
}
 
}

Revision as of 14:45, 27 September 2019

h1 {
  display:none
}
@media screen {
  .timeline {
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    white-space:nowrap
  }
  .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
  }
}
@media print {
  .timeline {
    display:none
  }
  .revision:nth-of-type(n+2) {
    display:none
  }
  h2:nth-of-type(n+2) {
    page-break-before: always;
  }
    
  h2 {
    border-bottom: none;
  }
  
  p {
    text-align: left;
  }
  
  .mw-parser-output {
    columns: 2;
  }
  
  h2, h3 {
    column-span: all;
  }
  
  img {
    max-width: 100%;
  }
}