Xxe/publidoc.css
author Patrick PIERRE <patrick.pierre@prismallia.fr>
mer., 21 déc. 2011 16:42:54 +0100
changeset 61 0a73f3369312
parent 60 14211f9b064a
child 62 2cb99a0b3709
permissions -rw-r--r--
Première approche d'une configuration Xxe
/* $Id$ */

*::comment { display: none; }

publidoc {
  display: block; 
  font-family: sans-serif;
  padding: 0;
}


/* Head level ============================================================== */

head {
  display: block; 
  margin-bottom: .5em;
  background-color: #ffffee;
  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:before { content: insert-before-button() " Identifiant :"; }
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: ""; }


/* 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 {
  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)
           "  " icon(diamond)
           " 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 {
  padding: .3em .5em .3em .5em;
  border-radius: 0.5em;
}


/* Top level =============================================================== */

/* Topic ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

publidoc > *:before {
  display: block;
  color: #bbbbbb;
  background-color: #993333;
  font-weight: bold;
  padding: 1em 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)
           "  " icon(diamond)
           " Type = " text-field(attribute, type, columns, 10, color, white);
}


publidoc > * {
  display: block; 
  margin: 5px;
}

publidoc > topic {
  border: 0;
  padding: 0;
}

publidoc > * > head {
  padding: .3em .5em .3em .5em;
  border-radius: 0.5em;
}


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

section {
  display: block;
  margin-bottom: .5em;
}
section:last-child {
  margin-bottom: 0;
}


/* Block level ============================================================= */

p, speech, blockquote, table, media {
  display: block;
}

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

list {
  display: block;
  margin: .3em 0 .3em 0;
}

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

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

item > p {
    
}

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

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