MediaWiki:Common.css

    From The Document Foundation Wiki

    Note: After publishing, you may have to bypass your browser's cache to see the changes.

    • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
    • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
    • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
    • Opera: Press Ctrl-F5.
    /* CSS placed here will be applied to all skins */
    
    
    /* Unneeded options */
    
    .rcshowhideanons {
       display: none;
    }
    
    .rcshowhideliu {
       display: none;
    }
    
    #footer-places-about {
       display: none;
    }
    
    
    /* missing Edit summary highlight - to easy to oversee this notice! */
    
    #mw-missingsummary {
       padding: 1em;
       margin: 1em 0;
       font-size: bigger;
       border: 3px solid #FF0000;
       background: #D8D8D8;
    }
    
    
    /* WIKI in Maintenance Mode highlight - to easy to oversee this notice! */
    
    #mw-read-only-warning {
       padding: 1em;
       margin: 1em 0;
       font-size: bigger;
       border: 3px solid #FF0000;
       background: #D8D8D8;
    }
    
    
    /* Highlight read only message */
    
    .permissions-errors {
       padding: 1em;
       margin: 1em 0;
       font-size: bigger;
       border: 3px solid #FF0000;
       background: #D8D8D8;
    }
    
    
    /* Do not display a rollback link in recent changes... */
    
    .page-Special_RecentChanges .mw-rollback-link {
       display: none;
    }
    
    /** for Template:Lang **/
    
    .lang {
       background: #F9F9F9;
       border: 1px solid #E9E9E9;
       font-size: smaller;
       margin: 0 0 1em 0;
       padding: .5em 1em;
    }
    
    .lang ul {
       display: inline;
       margin-left: 0;
       padding-left: 0;
    }
    
    .lang ul li {
       border-left: 1px solid #E4E4E4;
       display: inline;
       list-style: none;
       margin-left: 0;
       padding: 0 0.5em;
    }
    
    .lang ul li.lang_main {
       border-left: none;
       display: inline;
       list-style: none;
       margin-left: 0;
       padding-left: 0;
    }
    
    .lang ul a.external {
       background: none ! important;
       padding-right: 0 ! important;
    }
    
    .lang ul li.lang_title {
       display: none;
    }
    
    div.mw-geshi {
       padding: 1em;
       margin: 1em 0;
       border: 1px dashed #2f6fab;
       background-color: #f9f9f9;
    }
    
    
    /* Highlight linked elements (such as clicked references) in blue */
    
    
    /* Highlight clicked reference in blue to help navigation */
    
    ol.references li:target,
    sup.reference:target,
    span.citation:target {
       background-color: #DEF;
    }
    
    body.action-info :target,
    .citation:target {
       background-color: #DEF;
       /* Fallback */
       background-color: rgba(0, 127, 255, 0.133);
    }
    
    
    /* Change the external link icon to an Adobe icon for all PDF files
       in browsers that support these CSS selectors, like Mozilla and Opera */
    
    div#content a[href$=".pdf"].external,
    div#content a[href*=".pdf?"].external,
    div#content a[href*=".pdf#"].external,
    div#content a[href$=".PDF"].external,
    div#content a[href*=".PDF?"].external,
    div#content a[href*=".PDF#"].external,
    div#mw_content a[href$=".pdf"].external,
    div#mw_content a[href*=".pdf?"].external,
    div#mw_content a[href*=".pdf#"].external,
    div#mw_content a[href$=".PDF"].external,
    div#mw_content a[href*=".PDF?"].external,
    div#mw_content a[href*=".PDF#"].external {
       background: url("/images/a/a6/PDF.png") no-repeat right;
       /* @noflip */
       padding-right: 17px;
       background-size: 16px;
    }
    
    
    /* Wiki Editor Toolbar FF47+ bugfix */
    
    .wikiEditor-ui-toolbar .group .tool-select .menu .options {
       z-index: 100 ! important;
    }
    
    
    /* Change the external link icon to the OOo icon
       in browsers that support these CSS selectors, like Mozilla and Opera */
    
    div#content a[href*="openoffice.org"].external,
    div#mw_content a[href*="openoffice.org"].external {
       background: url("/images/0/03/OpenOffice_Favicon.png") no-repeat right;
       /* @noflip */
       padding-right: 1em;
       background-size: 1em;
    }
    
    
    /* Set maximum img width for tables with externally linked icon reference images */
    
    .icontable td img {
       max-width: 100px;
    }
    
    /* For topic index boxes */
    
    .index-column-1 {
       max-width: 480px;
       grid-area: index-column-1;
    }
    
    .index-column-2 {
       max-width: 480px;
       grid-area: index-column-2;
    }
    
    @supports (grid-area: auto) {
       @media screen and (min-width: 1200px) {
          .index {
             display: grid;
             grid-template-columns: 480px 480px;
             grid-template-rows: minmax(1em, auto) minmax(1em, auto) 1fr;
             grid-template-areas: "index-column-1 index-column-2"
          }
          .index-column-2 {
             margin-left: 10px;
          }
       }
    }
    
    
    /* Styling for language bar */
    
    div.mw-pt-languages {
       border: 1px solid #cadeed;
       margin: 5px 0;
       box-shadow: 0 1px 3px #dde6ed;
       background: #fff;
       background: linear-gradient(to bottom, #fff 65%, #eff6fa 100%);
       clear: both;
       font-size: 88%;
    }
    
    div.mw-pt-languages-label {
       background: none;
       border: none;
       width: 10%;
    }
    
    
    /* Infobox template style */
    
    .infobox {
       border: 1px solid #a2a9b1;
       border-spacing: 3px;
       box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
       background-color: #f9f9f9;
       color: black;
       margin: 0.5em 0 0.5em 1em;
       padding: 0.2em;
       float: right;
       clear: right;
       font-size: 88%;
       line-height: 1.5em;
    }
    
    .infobox caption {
       font-size: 125%;
       font-weight: bold;
       padding: 0.2em;
       text-align: center;
    }
    
    .infobox td,
    .infobox th {
       vertical-align: top;
       text-align: left;
    }
    
    
    /* For Template:GUI_sequence */
    
    .menuitem {
       background: #a6fbff73;
       border: 1px solid deepskyblue;
       box-decoration-break: clone;
       border-radius: 3px;
       font-weight: bolder;
       padding: 0 2px;
       white-space: nowrap;
    }
    
    
    /* For Template:Button */
    
    .button {
       padding: 0 3px;
       border: 1px solid;
       border-color: #AAA #555 #555 #AAA;
       border-radius: 2px;
       background: linear-gradient(#FCFCFC, #E0E0E0) #F2F2F2;
    }
    
    
    /* For tables listing documentation publications */
    
    .publications th {
       background: #fde9a9;
       line-height: 3rem;
       padding: 0 3rem;
    }
    
    
    /* For making iframes responsive like in Widget:Nextcloud */
    
    [style*="--aspect-ratio"]> :first-child {
       width: 100%;
    }
    
    [style*="--aspect-ratio"]>img {
       height: auto;
    }
    
    @supports (--custom:property) {
       [style*="--aspect-ratio"] {
          position: relative;
       }
       [style*="--aspect-ratio"]::before {
          content: "";
          display: block;
          padding-bottom: calc(100% / (var(--aspect-ratio)));
       }
       [style*="--aspect-ratio"]> :first-child {
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
       }
    }
    
    /* For Bugzilla extension */
    .dataTables_length, .dataTables_filter {
        width: auto !important;
    }
    .dataTables_filter {
        float: left !important;
        margin-left: 50px;
    }
    
    /* For release plan */
    .releasegrid {
        display: grid;
        grid-template-columns: repeat(24, 10px);
        width: 240px;
        border: solid 1px gray;
        background-color: #c0c0c0;
        background-image: linear-gradient(to right, transparent 50%, rgba(255,255,255,.5) 50%);
        background-size: 20px;
    }
    .release {
        grid-column-start: var(--start, 1);
        grid-column-end: var(--end, 1);
        grid-row: var(--row, 1);
        background-color: var(--bg);
        text-align: center;
        padding: 10px 0;
    }
    
    /* Override some bad defaults of Prism.js */
    pre, code {
        white-space: pre-wrap !important;
    }
    
    /* Don't let long strings break layout with narrow screens */
    @media screen and (max-width: 767px) {
        li, code, a[href*="https://git.libreoffice.org/core/commit"] {
            overflow-wrap: break-word;
        }
    }
    
    /* YouTube consent button */
    .consent-button {
      background-color: #27ae60;
      border-radius: 8px;
      border-style: none;
      color: #fff;
      cursor: pointer;
      font-size: 16px;
      font-weight: 600;
      padding: 13px 20px;
      text-align: center;
    }
    .consent-button:hover {
      background-color: #1e8449;
    }
    
    /* Fix problems with responsiveness in Vector skin.
       For images: https://phabricator.wikimedia.org/T113101
       Might cause problems with images Visual Editor, if it's deployed.
       Should be tested and tweaked to be more specific in that case
       (some exclusion based rule, maybe using :has pseudo). */
    .mw-parser-output img {
      max-width: 100%;
      height: auto;
    }
    /* Logo is too wide by default and pushes user controls out.
       Related reports:
       https://phabricator.wikimedia.org/T313292
       https://phabricator.wikimedia.org/T311254 */
    .mw-logo {
      min-width: 10rem;
    }
    
    video {
      display: block;
      max-width: 87vw;
    }