Oxygen XML Forum

Code: Select all

/*

 This centers the title text and the image if the image has the 

 placement attribute set to inline. The inline placement is the the default.   

 */

*[class ~= "topic/fig"] {

  text-align: center;

   

}



/* Other images, with break placement. */

*[class ~= "topic/image"][placement = 'break'] {

  display: block;

  text-align: center;

  order: 1;

}



*[class ~= "topic/fig"] > *[class ~= "topic/title"]{

  font-style: italic;

  font-weight:normal;

  font-size: 12px;

  text-align: center;

  color:#A3A3A3;

  display: flex;

  flex-flow: column;

  order: 2;

}

Code: Select all

<xsl:template match="*[contains(@class,' topic/fig ')]">

    <xsl:copy>

      <xsl:copy-of select="@*" />

      <xsl:apply-templates select="*[not(contains(@class,' topic/title '))]" />

      <xsl:apply-templates select="*[contains(@class,' topic/title ')]" />

    </xsl:copy>

  </xsl:template>

Code: Select all

.fig {
display: flex ;
flex-direction: column ;
flex-wrap: nowrap ;
}
.image {
order : 1 ;
}
.figcap {    
order: 2 ;
}