Oxygen XML Forum

Code: Select all

/* ==================================================

 * 

 * <fig>

 * 

 * The fig element is a figure (sometimes called an 

 * "exhibit") with an optional title for a wide variety 

 * of content. 

 */

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

  display: block;

  

  font-style: italic;

  margin-left:auto;

    margin-right:auto;

    

}

/*

 * The figure titles are italic only in the stand-alone application.

 */

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

  font-style: italic;

  font-size: 12px;

  text-align: center;

  color: #4B4646;

}



/* Center the image within it's fig container */

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

    text-align: center;

    

    margin-left:auto;

    margin-right:auto;

}

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;

}



/* 

 Scaled images are getting a computed width attribute, so we can use the auto margins.

 Auto margins function only if the block they apply to has a width. 

*/

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

  margin-left:auto;

  margin-right:auto;

  border: 2pt solid red; 

}