Jump to content

MediaWiki:Common.css: Difference between revisions

From Xiangqipedia
Elbow horse: lead placement diagram as a small right-hand sidebox
 
Elbow horse lead diagram: board above caption, narrower sidebox
Line 7: Line 7:
body.page-Elbow_horse .mw-parser-output > .xqp-player:first-of-type {
body.page-Elbow_horse .mw-parser-output > .xqp-player:first-of-type {
     float: right;
     float: right;
     max-width: 22rem;
    display: flex;
    flex-direction: column;
     max-width: 20rem;
     margin: 0 0 1.25rem 1.5rem;
     margin: 0 0 1.25rem 1.5rem;
}
/* The viewer script inserts the caption before the frame; a figure reads
  better with the board first and its caption underneath. */
body.page-Elbow_horse .mw-parser-output > .xqp-player:first-child iframe,
body.page-Elbow_horse .mw-parser-output > .xqp-player:first-of-type iframe {
    order: 1;
}
}


body.page-Elbow_horse .mw-parser-output > .xqp-player:first-child .xqp-caption,
body.page-Elbow_horse .mw-parser-output > .xqp-player:first-child .xqp-caption,
body.page-Elbow_horse .mw-parser-output > .xqp-player:first-of-type .xqp-caption {
body.page-Elbow_horse .mw-parser-output > .xqp-player:first-of-type .xqp-caption {
    order: 2;
     font-weight: normal;
     font-weight: normal;
     font-size: 0.9em;
     font-size: 0.9em;
     line-height: 1.45;
     line-height: 1.45;
    margin: 0.5rem 0 0;
}
}



Revision as of 15:05, 30 September 2026

/* On the Elbow horse page the opening placement diagram sits as a small
   right-hand box beside the lead paragraph instead of a full-width block.
   The canonical copy of this rule ships in config/SiteSettings.php; the
   MediaWiki:Common.css page applies it to a running wiki before the next
   deployment rebuilds the image. */
body.page-Elbow_horse .mw-parser-output > .xqp-player:first-child,
body.page-Elbow_horse .mw-parser-output > .xqp-player:first-of-type {
    float: right;
    display: flex;
    flex-direction: column;
    max-width: 20rem;
    margin: 0 0 1.25rem 1.5rem;
}

/* The viewer script inserts the caption before the frame; a figure reads
   better with the board first and its caption underneath. */
body.page-Elbow_horse .mw-parser-output > .xqp-player:first-child iframe,
body.page-Elbow_horse .mw-parser-output > .xqp-player:first-of-type iframe {
    order: 1;
}

body.page-Elbow_horse .mw-parser-output > .xqp-player:first-child .xqp-caption,
body.page-Elbow_horse .mw-parser-output > .xqp-player:first-of-type .xqp-caption {
    order: 2;
    font-weight: normal;
    font-size: 0.9em;
    line-height: 1.45;
    margin: 0.5rem 0 0;
}

@media ( max-width: 719px ) {
    body.page-Elbow_horse .mw-parser-output > .xqp-player:first-child,
    body.page-Elbow_horse .mw-parser-output > .xqp-player:first-of-type {
        float: none;
        max-width: none;
        margin: 1.5rem auto;
    }
}