Specifying Media Types in the CSS
The CSS stylesheets can specify how a document is presented on different types of media (on
the screen, paper, etc.) You can specify that some of the selectors from your CSS should be
taken into account only in the Oxygen XML Editor Eclipse plugin
Author mode and ignored in other media types. This can be accomplished
by using the oxygen
media type.
Example: oxygen Media
Type
b{
font-weight:bold;
display:inline;
}
@media oxygen{
b{
text-decoration:underline;
}
}
This example results in the text being bold if the document is opened in a web browser that
does not recognize @media oxygen
, while the text is bold and underlined when
opened in Oxygen XML Editor Eclipse plugin
Author mode.
You can also use the
oxygen
media type to specify CSS
selectors to be applied in certain operating systems or platforms by using the
os
and platform
properties. For example, you can specify
one set of style rules for displaying Oxygen XML Editor Eclipse plugin in Windows, and another set of
style rules for macOS. The supported properties are as follows:- os - The possible values are:
win
,linux
, ormac
. - platform - The possible values are:
standalone
,eclipse
, orwebapp
.
Example: os and platform Properties
@media oxygen AND (os:"win") AND (platform:"standalone") {
p{
content:"PPP";
}
}