--- /dev/null jeu. janv. 01 00:00:00 1970 +0000
+++ b/Xxe/Css/publidoc.css jeu. déc. 22 13:43:17 2011 +0100
@@ -0,0 +1,340 @@
+/* $Id$ */
+
+*::comment { display: none; }
+
+publidoc {
+ display: block;
+ font-family: sans-serif;
+ padding: 0;
+}
+
+
+/* Head level ============================================================== */
+
+head {
+ display: block;
+ margin-bottom: .5em;
+ background-color: #fafafa;
+ padding: 0 .2em 0 .2em;
+ border: 1px solid #bbbbbb;
+ border-radius: 0.2em;
+}
+
+head > *:before {
+ display: marker;
+ content: element-label();
+ color: #7f7f7f;
+}
+head > title:before { display: none; }
+head > subtitle:before { display: none; }
+head > identifier[type="uri"]:before { content: insert-before-button() " URI :"; }
+head > identifier[type="ean"]:before { content: insert-before-button() " EAN :"; }
+head > language:before { content: insert-before-button() " Langue :"; }
+head > copyright:before { content: insert-before-button() " Copyright :"; }
+head > author:before { content: insert-before-button() " Auteur :"; }
+head > publisher:before { content: insert-before-button() " Éditeur :"; }
+head > date:before { content: insert-before-button() " Date :"; }
+head > place:before { content: insert-before-button() " Lieu :"; }
+head > source:before { content: insert-before-button() " Source :"; }
+head > keywordset:before { content: insert-before-button() " Mots clés :"; }
+head > subjectset:before { content: insert-before-button() " Thèmes :"; }
+head > abstract:before { content: insert-before-button() " Résumé :"; }
+head > cover:before { content: insert-before-button() " Couverture :"; }
+head > annotation:before { content: insert-before-button() " Annotation :"; }
+
+head > * {
+ display: block;
+ margin: 0 0 .5em 7em;
+}
+head > title {
+ font-size: 120%;
+ font-weight: bold;
+ color: #004080;
+ margin: .2em 0 .2em 0;
+}
+head > subtitle {
+ font-weight: bold;
+ color: #004080;
+ margin: 0 0 .2em 0;
+}
+
+head > *:after {
+ color: #7f7f7f;
+ content: " " insert-after-button();
+}
+head > annotation:after { content: ""; }
+
+language {
+ content: combo-box(attribute, "xml:lang", font-size, 75%,
+ labels, "Anglais\A Français\A Français (France)\A Espagnol",
+ values, "en\A fr\A fr-FR\A, es");
+}
+
+/* Division level ========================================================== */
+
+division:before {
+ display: block;
+ color: #7f7f7f;
+ content: collapser() " " insert-before-button() insert-after-button()
+ " Division"
+}
+
+division {
+ display: block;
+ border: 1px dotted #7f7f7f;
+ padding: 5px;
+ margin-bottom: .5em;
+ collapsible: yes;
+ not-collapsible-head: 1;
+}
+division:last-child {
+ margin-bottom: 0;
+}
+
+division > head {
+ background-color: #ffffee;
+ padding: .3em .5em .3em .5em;
+ border-radius: 0.5em;
+}
+
+
+/* Component level ========================================================= */
+
+topic:before {
+ display: block;
+ color: #7f7f7f;
+ background-color: #ddddcc;
+ border: 1px solid #aeaea0;
+ font-weight: bold;
+ padding: .5em 5px .5em 5px;
+ content: collapser() " " insert-before-button() insert-after-button()
+ " " add-attribute-button() " Topic";
+}
+topic[xml|id]:before {
+ content: collapser() " " insert-before-button() insert-after-button()
+ " " add-attribute-button() " Topic"
+ " – ID = " text-field(attribute, "xml:id", columns, 15, color, black);
+}
+topic[type]:before {
+ content: collapser() " " insert-before-button() insert-after-button()
+ " " add-attribute-button() " Topic"
+ " – Type = " text-field(attribute, type, columns, 10, color, black);
+}
+topic[xml|id][type]:before {
+ content: collapser() " " insert-before-button() insert-after-button()
+ " Topic"
+ " – ID = " text-field(attribute, "xml:id", columns, 15, color, black)
+ " – Type = " text-field(attribute, type, columns, 10, color, black);
+}
+
+topic {
+ display: block;
+ border: 1px solid #aeaea0;
+ margin-bottom: .5em;
+ padding: 5px;
+ collapsible: yes;
+}
+topic:last-child {
+ margin-bottom: 0;
+}
+
+topic > head {
+ background-color: #ffffee;
+ padding: .3em .5em .3em .5em;
+ border-radius: 0.5em;
+}
+
+
+/* Top level =============================================================== */
+
+publidoc > *:before {
+ display: block;
+ color: #bbbbbb;
+ background: #993333 url('top.png') repeat-x top left;
+ font-weight: bold;
+ padding: 1.2em 5px 1em 5px;
+}
+publidoc > document:before {
+ content: "Document – "
+ "ID = " text-field(attribute, "xml:id", columns, 15, color, white);
+}
+publidoc > topic[xml|id]:before {
+ content: add-attribute-button() " Topic – "
+ "ID = " text-field(attribute, "xml:id", columns, 15, color, white);
+}
+publidoc > topic[xml|id][type]:before {
+ content: "Topic"
+ " – ID = " text-field(attribute, "xml:id", columns, 15, color, white)
+ " – Type = " text-field(attribute, type, columns, 10, color, white);
+}
+
+
+publidoc > * {
+ display: block;
+ margin: 5px;
+ padding: 0;
+ border: 0;
+}
+
+publidoc > * > head {
+ background-color: #ffffee;
+ padding: .3em .5em .3em .5em;
+ border-radius: 0.5em;
+}
+
+publidoc > * > head > title {
+ font-size: 140%;
+}
+
+
+/* Section level =========================================================== */
+
+section:before {
+ display: block;
+ color: #7f7f7f;
+ text-align: left;
+ font-style: normal;
+ font-size: 75%;
+ padding-bottom: 3px;
+ content: insert-before-button() add-attribute-button(icon, icon(plus-box));
+}
+section[type]:before {
+ content: insert-before-button() add-attribute-button(icon, icon(plus-box))
+ " Type = " text-field(attribute, type, columns, 5, color, black);
+}
+section[xml|lang]:before {
+ content: insert-before-button() add-attribute-button(icon, icon(plus-box))
+ " Langue = " text-field(attribute, "xml:lang", columns, 2, color, black);
+}
+section[type][xml|lang]:before {
+ content: insert-before-button()
+ " Type = " text-field(attribute, type, columns, 5, color, black)
+ " – Langue = " text-field(attribute, "xml:lang", columns, 2, color, black);
+}
+section section:before {
+ margin-left: 1em;
+}
+
+section {
+ display: block;
+}
+section[type="box"] {
+ margin-bottom: .5em;
+ padding: 5px;
+ background-color: #e8f0f7;
+ border-radius: 0.2em;
+}
+section[type="ex"] { font-style: italic; }
+section[type="sign"] { text-align: right; }
+
+section section {
+ margin-left: 1em;
+}
+
+section:after {
+ color: #7f7f7f;
+ content: insert-after-button();
+}
+section section:after {
+ margin-left: 1em;
+}
+
+
+/* Block level ============================================================= */
+
+p:before, speech:before, list:before,
+blockquote:before, table:before, media:before {
+ display: marker;
+ content: insert-before-button(color, #7f7f7f, icon, icon(left-half-disc))
+ insert-after-button(color, #7f7f7f, icon, icon(right-half-disc));
+}
+
+p, speech, list, blockquote, table, media {
+ display: block;
+ margin-left: 24px;
+ font-size: 115%;
+ font-family: serif;
+}
+
+/* list ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+list {
+ margin: .3em 0 .3em 24px;
+}
+
+list > head {
+ font-size: 75%;
+}
+
+item {
+ display: list-item;
+}
+list[type="ordered"] > item {
+ list-style-type: decimal;
+}
+
+item:after {
+ content: insert-same-after-button(color, #7f7f7f, icon, icon(right-half-disc));
+}
+
+list[type="glossary"] > item > label {
+ font-weight: bold;
+}
+
+/* blockquote ~~~~~~~~~~~~~~~~~~~~~~ */
+
+attribution { font-style: italic; }
+
+
+/* media ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+image {
+ display: block;
+ margin: .5em;
+ content: concatenate("image('Images/", attr(id), ".png', -200, -200, smooth)");
+}
+
+
+/* Inline level ============================================================ */
+
+/* sup, sub, var ~~~~~~~~~~~~~~~~~~~ */
+
+sup { font-family: sans-serif; vertical-align: super; font-size: 75%; }
+sub { font-family: sans-serif; vertical-align: sub; font-size: 75%; }
+var { font-family: sans-serif; font-style: italic; }
+
+/* note ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+note:before { font-size: 75%; content: "(Note : "; }
+note { font-family: sans-serif; color: #004080; font-size: 75%; }
+note:after { font-size: 75%; content: ")"; }
+note p { display:inline; }
+
+/* highlight ~~~~~~~~~~~~~~~~~~~~~~~ */
+
+highlight { font-weight: bold; }
+
+/* link ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+link:before {
+ color: #7f7f7f;
+ font-family: sans-serif;
+ content: "["
+}
+
+media link {
+ display: block;
+}
+
+link:after {
+ color: #7f7f7f;
+ font-family: sans-serif;
+}
+link[uri]:after {
+ content: " ‣ " text-field(attribute, uri, color, black, font-size, 80%) "]";
+}
+link[idref]:after {
+ content: " ‣ " label(attribute, idref, color, black)
+ set-attribute-button(attribute, idref) "]";
+}
+