documentation of CSS classes

[FreakyBytes]

Trac Ticket #39

component: website
owner: martin
reporter: martin
created: 2014-05-08 15:14:28
milestone:
type: task
version:
keywords:

see source:src/main/java/de/unirostock/sems/bives/markup/Typesetting.java class

{{{
#!java
public static final String CSS_CLASS_INSERT = "bives-insert";
public static final String CSS_CLASS_DELETE = "bives-delete";
public static final String CSS_CLASS_MOVE = "bives-move";
public static final String CSS_CLASS_UPDATE = "bives-update";
public static final String CSS_CLASS_ATTRIBUTE = "bives-attr";
public static final String CSS_CLASS_MATH = "bives-math";
public static final String CSS_CLASS_MATH_ORIGINAL = "bives-math-original";
public static final String CSS_CLASS_MATH_MODIFIED = "bives-math-modified";
public static final String CSS_CLASS_TABLE_LEFT_COLUMN = "bives-table-left";
public static final String CSS_CLASS_TABLE_RIGHT_COLUMN = "bives-table-right";
// plus various classes ala bives-table-SECTIONNAME,
// e.g. bives-table-Species to address the table containing changes in the species.
}}}

how are the used?

maths in complete red/green (do not highlight changes inside math):

{{{
#!css
.bives-math-original,
.bives-math-original .bives-insert,
.bives-math-original .bives-delete,
.bives-math-original .bives-move,
.bives-math-original .bives-update
{
color: red
}
.bives-math-modified,
.bives-math-modified .bives-insert,
.bives-math-modified .bives-delete,
.bives-math-modified .bives-move,
.bives-math-modified .bives-update
{
color: green
}
}}}

draw all moves in blue, but do not respect moves in math (draw them red/green to imply insert/delete):

{{{
#!css
.bives-move
{
color: blue
}
/* in original math -> all moves in red /
.bives-math-original .bives-move
{
color: red
}
/ in new version -> all moves in green */
.bives-math-modified .bives-move
{
color: green
}
}}}