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
patrick@59
     1
/* $Id$ */
patrick@59
     2
patrick@60
     3
*::comment { display: none; }
patrick@60
     4
patrick@61
     5
publidoc {
patrick@61
     6
  display: block; 
patrick@61
     7
  font-family: sans-serif;
patrick@61
     8
  padding: 0;
patrick@61
     9
}
patrick@60
    10
patrick@60
    11
patrick@60
    12
/* Head level ============================================================== */
patrick@60
    13
patrick@61
    14
head {
patrick@60
    15
  display: block; 
patrick@61
    16
  margin-bottom: .5em;
patrick@61
    17
  background-color: #ffffee;
patrick@61
    18
  padding: 0 .2em 0 .2em;
patrick@61
    19
  border: 1px solid #bbbbbb;
patrick@61
    20
  border-radius: 0.2em;
patrick@59
    21
}
patrick@59
    22
patrick@60
    23
head > *:before {
patrick@60
    24
 display: marker;
patrick@60
    25
 content: element-label();
patrick@61
    26
 color:  #7f7f7f;
patrick@60
    27
}
patrick@60
    28
head > title:before { display: none; }
patrick@60
    29
head > subtitle:before { content: "Sous-titre :"; }
patrick@61
    30
head > identifier:before { content: insert-before-button() " Identifiant :"; }
patrick@60
    31
head > language:before { content: insert-before-button() " Langue :"; }
patrick@61
    32
head > copyright:before { content: insert-before-button() " Copyright :"; }
patrick@61
    33
head > author:before { content: insert-before-button() " Auteur :"; }
patrick@61
    34
head > publisher:before { content: insert-before-button() " Éditeur :"; }
patrick@60
    35
head > date:before { content: insert-before-button() " Date :"; }
patrick@60
    36
head > place:before { content: insert-before-button() " Lieu :"; }
patrick@60
    37
head > source:before { content: insert-before-button() " Source :"; }
patrick@60
    38
head > keywordset:before { content: insert-before-button() " Mots clés :"; }
patrick@61
    39
head > subjectset:before { content: insert-before-button() " Thèmes :"; }
patrick@61
    40
head > abstract:before { content: insert-before-button() " Résumé :"; }
patrick@61
    41
head > cover:before { content: insert-before-button() " Couverture :"; }
patrick@61
    42
head > annotation:before { content: insert-before-button() " Annotation :"; }
patrick@59
    43
patrick@60
    44
head > * {
patrick@60
    45
 display: block;
patrick@61
    46
 margin: 0 0 .5em 7em;
patrick@60
    47
}
patrick@60
    48
head > title {
patrick@61
    49
  font-size: 110%;
patrick@60
    50
  font-weight: bold;
patrick@60
    51
  color: #004080;
patrick@61
    52
  margin: .3em 0 .3em 0;
patrick@61
    53
}
patrick@61
    54
publidoc > * > head > title {
patrick@61
    55
  font-size: 140%;
patrick@60
    56
}
patrick@60
    57
patrick@60
    58
head > *:after {
patrick@61
    59
  color:  #7f7f7f;
patrick@60
    60
  content: " " insert-after-button();
patrick@60
    61
}
patrick@61
    62
head > annotation:after { content: ""; }
patrick@61
    63
patrick@60
    64
patrick@60
    65
/* Division level ========================================================== */
patrick@60
    66
patrick@61
    67
division:before {
patrick@61
    68
  color: #7f7f7f;
patrick@61
    69
  content: collapser() " " insert-before-button() insert-after-button()
patrick@61
    70
           " Division"
patrick@61
    71
}
patrick@61
    72
patrick@61
    73
division {
patrick@61
    74
  display: block;
patrick@61
    75
  border: 1px dotted #7f7f7f;
patrick@61
    76
  padding: 5px;
patrick@61
    77
  margin-bottom: .5em;
patrick@61
    78
  collapsible: yes;
patrick@61
    79
  not-collapsible-head: 1;
patrick@61
    80
}
patrick@61
    81
division:last-child {
patrick@61
    82
  margin-bottom: 0;
patrick@61
    83
}
patrick@61
    84
patrick@61
    85
division > head {
patrick@61
    86
  padding: .3em .5em .3em .5em;
patrick@61
    87
  border-radius: 0.5em;
patrick@61
    88
}
patrick@61
    89
patrick@61
    90
patrick@60
    91
/* Component level ========================================================= */
patrick@60
    92
patrick@61
    93
topic:before {
patrick@61
    94
  display: block;
patrick@61
    95
  color: #7f7f7f;
patrick@61
    96
  background-color: #ddddcc;
patrick@61
    97
  font-weight: bold;
patrick@61
    98
  padding: .5em 5px .5em 5px;
patrick@61
    99
  content: collapser() " " insert-before-button() insert-after-button()
patrick@61
   100
           " " add-attribute-button() " Topic";
patrick@61
   101
}
patrick@61
   102
topic[xml|id]:before {
patrick@61
   103
  content: collapser() " " insert-before-button() insert-after-button()
patrick@61
   104
           " " add-attribute-button() " Topic – "
patrick@61
   105
           " ID = " text-field(attribute, "xml:id", columns, 15, color, black);
patrick@61
   106
}
patrick@61
   107
topic[type]:before {
patrick@61
   108
  content: collapser() " " insert-before-button() insert-after-button()
patrick@61
   109
           " " add-attribute-button() " Topic – "
patrick@61
   110
           " Type = " text-field(attribute, type, columns, 10, color, black);
patrick@61
   111
}
patrick@61
   112
topic[xml|id][type]:before {
patrick@61
   113
  content: collapser() " " insert-before-button() insert-after-button()
patrick@61
   114
           " Topic – "
patrick@61
   115
           " ID = " text-field(attribute, "xml:id", columns, 15, color, black)
patrick@61
   116
           "  " icon(diamond)
patrick@61
   117
           " Type = " text-field(attribute, type, columns, 10, color, black);
patrick@61
   118
}
patrick@61
   119
patrick@61
   120
topic {
patrick@61
   121
  display: block; 
patrick@61
   122
  border: 1px solid #ddddcc;
patrick@61
   123
  margin-bottom: .5em;
patrick@61
   124
  padding: 5px;
patrick@61
   125
  collapsible: yes;
patrick@61
   126
}
patrick@61
   127
topic:last-child {
patrick@61
   128
  margin-bottom: 0;
patrick@61
   129
}
patrick@61
   130
patrick@61
   131
topic > head {
patrick@61
   132
  padding: .3em .5em .3em .5em;
patrick@61
   133
  border-radius: 0.5em;
patrick@61
   134
}
patrick@61
   135
patrick@61
   136
patrick@61
   137
/* Top level =============================================================== */
patrick@61
   138
patrick@61
   139
/* Topic ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
patrick@61
   140
patrick@61
   141
publidoc > *:before {
patrick@61
   142
  display: block;
patrick@61
   143
  color: #bbbbbb;
patrick@61
   144
  background-color: #993333;
patrick@61
   145
  font-weight: bold;
patrick@61
   146
  padding: 1em 5px 1em 5px;
patrick@61
   147
}
patrick@61
   148
publidoc > document:before {
patrick@61
   149
  content: "Document – "
patrick@61
   150
           "ID = " text-field(attribute, "xml:id", columns, 15, color, white);
patrick@61
   151
}
patrick@61
   152
publidoc > topic[xml|id]:before {
patrick@61
   153
  content: add-attribute-button() " Topic – "
patrick@61
   154
           "ID = " text-field(attribute, "xml:id", columns, 15, color, white);
patrick@61
   155
}
patrick@61
   156
publidoc > topic[xml|id][type]:before {
patrick@61
   157
  content: "Topic – "
patrick@61
   158
           " ID = " text-field(attribute, "xml:id", columns, 15, color, white)
patrick@61
   159
           "  " icon(diamond)
patrick@61
   160
           " Type = " text-field(attribute, type, columns, 10, color, white);
patrick@61
   161
}
patrick@61
   162
patrick@61
   163
patrick@61
   164
publidoc > * {
patrick@61
   165
  display: block; 
patrick@61
   166
  margin: 5px;
patrick@61
   167
}
patrick@61
   168
patrick@61
   169
publidoc > topic {
patrick@61
   170
  border: 0;
patrick@61
   171
  padding: 0;
patrick@61
   172
}
patrick@61
   173
patrick@61
   174
publidoc > * > head {
patrick@61
   175
  padding: .3em .5em .3em .5em;
patrick@61
   176
  border-radius: 0.5em;
patrick@61
   177
}
patrick@61
   178
patrick@61
   179
patrick@60
   180
/* Section level =========================================================== */
patrick@60
   181
patrick@61
   182
section {
patrick@61
   183
  display: block;
patrick@61
   184
  margin-bottom: .5em;
patrick@61
   185
}
patrick@61
   186
section:last-child {
patrick@61
   187
  margin-bottom: 0;
patrick@61
   188
}
patrick@61
   189
patrick@59
   190
patrick@60
   191
/* Block level ============================================================= */
patrick@59
   192
patrick@61
   193
p, speech, blockquote, table, media {
patrick@61
   194
  display: block;
patrick@61
   195
}
patrick@61
   196
patrick@61
   197
/* List ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
patrick@61
   198
patrick@61
   199
list {
patrick@61
   200
  display: block;
patrick@61
   201
  margin: .3em 0 .3em 0;
patrick@61
   202
}
patrick@61
   203
patrick@61
   204
item {
patrick@61
   205
  display: list-item;
patrick@61
   206
}
patrick@61
   207
list[type="ordered"] > item {
patrick@61
   208
  list-style-type: decimal;
patrick@61
   209
}
patrick@61
   210
patrick@61
   211
list[type="glossary"] > item > label {
patrick@61
   212
  font-weight: bold;
patrick@61
   213
}
patrick@61
   214
patrick@61
   215
item > p {
patrick@61
   216
    
patrick@61
   217
}
patrick@59
   218
patrick@60
   219
/* Inline level ============================================================ */
patrick@59
   220
patrick@60
   221
sup { vertical-align: super; font-size: 75%; }
patrick@60
   222
sub { vertical-align: sub;   font-size: 75%; }