/* $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 { content: "Sous-titre :"; }
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: 110%;
  font-weight: bold;
  color: #004080;
  margin: .3em 0 .3em 0;
}
publidoc > * > head > title {
  font-size: 140%;
}

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 {
  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;
  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 #ddddcc;
  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;
}


/* Section level =========================================================== */

section:before {
  color: #7f7f7f;
  content: insert-before-button() insert-button()
           add-attribute-button(icon, icon(plus-box));
}
section[type]:before {
  content: insert-before-button() insert-button()
           text(" Type = ", font-size, 75%)
           text-field(attribute, type, columns, 10, color, black, font-size, 75%);
}

section {
  display: block;
}
section[type="box"] {
  margin: .5em 0 .5em 0;
  padding: 5px;
  background-color: #e8f0f7;
  border-radius: 0.2em;
}
section[type="sign"] { text-align: right; }

section section {
  margin-left: 1em;  
}

section:after {
  color: #7f7f7f;
  content: insert-after-button();
}


/* 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: 110%;
  font-family: serif;
}

/* List ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

list {
  margin: .3em 0 .3em 24px;
}

item {
  display: list-item;
}
list[type="ordered"] > item {
  list-style-type: decimal;
}

list[type="glossary"] > item > label {
  font-weight: bold;
}

/* Blockquote ~~~~~~~~~~~~~~~~~~~~~~ */

attribution { font-style: italic; }


/* Inline level ============================================================ */

sup { vertical-align: super; font-size: 75%; }
sub { vertical-align: sub;   font-size: 75%; }

note:before { content: "("; }
note { color: #7f7f7f; font-size: 85%; font-family: sans-serif; }
note:after { content: ")"; }
note p { display:inline; }

highlight { font-weight: bold; }