Template:Spec-paragraph/styles.css

/**
 * Styles for specifications that follow the W3C style guide
 * per .
 * the original style definitions can be found at
 * .

/* boxes *******************************************/ .specp { padding: .5em; border-width: 0 0 0 .5em; border-style: solid; page-break-inside: avoid; margin: 1em auto; }

div.specp.norm, div.specp.instruction { border-color: white; background-color:inherit; }

div.specp.note, div.specp.info { border-color: #52e052; background-color:#e9fbe9; }

div.specp.example { border-color: #e0cb52; background-color:#fcfaee; }

div.specp.advisement, div.specp.warning { border-color: orange; background-color:#fec; }

div.specp.def, div.specp.definition { border-color: #8ccbf2; background-color:#def; }

/* discussions *******************************************/

div.specp.discussion { border-color: grey; border-width: 0 .5em; background-color:#eee; margin-top: -1.5em; padding: .5em 1.5em; }

div.specp.under-discussion { border-right-color: grey; border-right-width: .5em; }

/* handles *******************************************/ .specp .handle { padding: 0 2px; }

.specp .handle::after { content: ":"; font-weight: bold; }

/* status marker *******************************************/

div.specp.wip { border-right-color: purple; border-right-width: .5em; }

div.specp.wip::before { content: "[WIP] "; font-weight: bold; }

div.specp.fixme { border-right-color: red; border-right-width: .5em; }

div.specp.wip::before { content: "[FIXME] "; font-weight: bold; }

div.specp.todo { border-right-color: purple; border-right-width: .5em; }

div.specp.todo::before { content: "[TODO] "; font-weight: bold; }