Merge "Add isCurrentWikiId()/isCurrentWikiDomain()/getCurrentWikiDomain() to WikiMap"

[lhc/web/wiklou.git] / resources / src / mediawiki.skinning / content.parsoid.less

diff --git a/resources/src/mediawiki.skinning/content.parsoid.less b/resources/src/mediawiki.skinning/content.parsoid.less
index 3dc7f20..3f33837 100644 (file)
--- a/resources/src/mediawiki.skinning/content.parsoid.less
+++ b/resources/src/mediawiki.skinning/content.parsoid.less
@@ -12,7 +12,7 @@
        counter-reset: mw-numbered-ext-link;
 }
 
-.mw-parser-output a[rel~='mw:ExtLink']:empty:after {
+.mw-parser-output a[ rel~='mw:ExtLink' ]:empty:after {
        content: '[' counter( mw-numbered-ext-link ) ']';
        counter-increment: mw-numbered-ext-link;
 }
@@ -44,9 +44,9 @@ sub {
 /**
  * Block media items
  */
-figure[typeof*='mw:Image'],
-figure[typeof*='mw:Video'],
-figure[typeof*='mw:Audio'] {
+figure[ typeof*='mw:Image' ],
+figure[ typeof*='mw:Video' ],
+figure[ typeof*='mw:Audio' ] {
        margin: 0;
 
        a {
@@ -55,7 +55,7 @@ figure[typeof*='mw:Audio'] {
 
        &.mw-halign-right {
                /* @noflip */
-               margin: 0.5em 0 1.3em 1.4em;
+               margin: 0 0 0.5em 0.5em;
                /* @noflip */
                clear: right;
                /* @noflip */
@@ -64,7 +64,7 @@ figure[typeof*='mw:Audio'] {
 
        &.mw-halign-left {
                /* @noflip */
-               margin: 0.5em 1.4em 1.3em 0;
+               margin: 0 0.5em 0.5em 0;
                /* @noflip */
                clear: left;
                /* @noflip */
@@ -91,12 +91,12 @@ figure[typeof*='mw:Audio'] {
        }
 }
 
-figure[typeof~='mw:Image/Thumb'],
-figure[typeof~='mw:Video/Thumb'],
-figure[typeof~='mw:Audio/Thumb'],
-figure[typeof~='mw:Image/Frame'],
-figure[typeof~='mw:Video/Frame'],
-figure[typeof~='mw:Audio/Frame'] {
+figure[ typeof~='mw:Image/Thumb' ],
+figure[ typeof~='mw:Video/Thumb' ],
+figure[ typeof~='mw:Audio/Thumb' ],
+figure[ typeof~='mw:Image/Frame' ],
+figure[ typeof~='mw:Video/Frame' ],
+figure[ typeof~='mw:Audio/Frame' ] {
        display: table;
        text-align: center;
        border: 1px solid #c8ccd1;
@@ -116,6 +116,15 @@ figure[typeof~='mw:Audio/Frame'] {
        clear: right;
        float: right;
 
+       &.mw-halign-left {
+               /* @noflip */
+               margin: 0.5em 1.4em 1.3em 0;
+       }
+       &.mw-halign-right {
+               /* @noflip */
+               margin: 0.5em 0 1.3em 1.4em;
+       }
+
        > *:first-child {
                > img,
                > video {
@@ -126,6 +135,7 @@ figure[typeof~='mw:Audio/Frame'] {
 
        > figcaption {
                display: block;
+               word-break: break-word;
 
                /* In mw-core the font-size is duplicated, 94% in thumbiner
                 * and again 94% in thumbcaption. 88.4% for font size of the
@@ -139,9 +149,9 @@ figure[typeof~='mw:Audio/Frame'] {
        }
 }
 
-figure[typeof*='mw:Image/Thumb'],
-figure[typeof*='mw:Video/Thumb'],
-figure[typeof*='mw:Audio/Thumb'] {
+figure[ typeof*='mw:Image/Thumb' ],
+figure[ typeof*='mw:Video/Thumb' ],
+figure[ typeof*='mw:Audio/Thumb' ] {
        > a:after {
                content: '';
                width: 15px;
@@ -193,3 +203,36 @@ figure[typeof*='mw:Audio/Thumb'] {
                display: inline-block;
        }
 }
+
+/**
+ * Inline media items
+ */
+*:first-child {
+       > img,
+       > video {
+               .mw-valign-middle > & {
+                       vertical-align: middle;
+               }
+               .mw-valign-baseline > & {
+                       vertical-align: baseline;
+               }
+               .mw-valign-sub > & {
+                       vertical-align: sub;
+               }
+               .mw-valign-super > & {
+                       vertical-align: super;
+               }
+               .mw-valign-top > & {
+                       vertical-align: top;
+               }
+               .mw-valign-text-top > & {
+                       vertical-align: text-top;
+               }
+               .mw-valign-bottom > & {
+                       vertical-align: bottom;
+               }
+               .mw-valign-text-bottom > & {
+                       vertical-align: text-bottom;
+               }
+       }
+}