Xxe/publidoc.css
author Patrick PIERRE <patrick.pierre@prismallia.fr>
mer., 21 déc. 2011 19:40:37 +0100
changeset 62 2cb99a0b3709
parent 61 0a73f3369312
child 63 60d5d3f81e19
permissions -rw-r--r--
Amélioration des sections
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@62
    17
  background-color: #fafafa;
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@62
    30
head > identifier[type="uri"]:before { content: insert-before-button() " URI :"; }
patrick@62
    31
head > identifier[type="ean"]:before { content: insert-before-button() " EAN :"; }
patrick@60
    32
head > language:before { content: insert-before-button() " Langue :"; }
patrick@61
    33
head > copyright:before { content: insert-before-button() " Copyright :"; }
patrick@61
    34
head > author:before { content: insert-before-button() " Auteur :"; }
patrick@61
    35
head > publisher:before { content: insert-before-button() " Éditeur :"; }
patrick@60
    36
head > date:before { content: insert-before-button() " Date :"; }
patrick@60
    37
head > place:before { content: insert-before-button() " Lieu :"; }
patrick@60
    38
head > source:before { content: insert-before-button() " Source :"; }
patrick@60
    39
head > keywordset:before { content: insert-before-button() " Mots clés :"; }
patrick@61
    40
head > subjectset:before { content: insert-before-button() " Thèmes :"; }
patrick@61
    41
head > abstract:before { content: insert-before-button() " Résumé :"; }
patrick@61
    42
head > cover:before { content: insert-before-button() " Couverture :"; }
patrick@61
    43
head > annotation:before { content: insert-before-button() " Annotation :"; }
patrick@59
    44
patrick@60
    45
head > * {
patrick@60
    46
 display: block;
patrick@61
    47
 margin: 0 0 .5em 7em;
patrick@60
    48
}
patrick@60
    49
head > title {
patrick@61
    50
  font-size: 110%;
patrick@60
    51
  font-weight: bold;
patrick@60
    52
  color: #004080;
patrick@61
    53
  margin: .3em 0 .3em 0;
patrick@61
    54
}
patrick@61
    55
publidoc > * > head > title {
patrick@61
    56
  font-size: 140%;
patrick@60
    57
}
patrick@60
    58
patrick@60
    59
head > *:after {
patrick@61
    60
  color:  #7f7f7f;
patrick@60
    61
  content: " " insert-after-button();
patrick@60
    62
}
patrick@61
    63
head > annotation:after { content: ""; }
patrick@61
    64
patrick@62
    65
language {
patrick@62
    66
  content: combo-box(attribute, "xml:lang", font-size, 75%,
patrick@62
    67
             labels, "Anglais\A Français\A Français (France)\A Espagnol",
patrick@62
    68
             values, "en\A fr\A fr-FR\A, es");
patrick@62
    69
}
patrick@60
    70
patrick@60
    71
/* Division level ========================================================== */
patrick@60
    72
patrick@61
    73
division:before {
patrick@61
    74
  color: #7f7f7f;
patrick@61
    75
  content: collapser() " " insert-before-button() insert-after-button()
patrick@61
    76
           " Division"
patrick@61
    77
}
patrick@61
    78
patrick@61
    79
division {
patrick@61
    80
  display: block;
patrick@61
    81
  border: 1px dotted #7f7f7f;
patrick@61
    82
  padding: 5px;
patrick@61
    83
  margin-bottom: .5em;
patrick@61
    84
  collapsible: yes;
patrick@61
    85
  not-collapsible-head: 1;
patrick@61
    86
}
patrick@61
    87
division:last-child {
patrick@61
    88
  margin-bottom: 0;
patrick@61
    89
}
patrick@61
    90
patrick@61
    91
division > head {
patrick@62
    92
  background-color: #ffffee;
patrick@61
    93
  padding: .3em .5em .3em .5em;
patrick@61
    94
  border-radius: 0.5em;
patrick@61
    95
}
patrick@61
    96
patrick@61
    97
patrick@60
    98
/* Component level ========================================================= */
patrick@60
    99
patrick@61
   100
topic:before {
patrick@61
   101
  display: block;
patrick@61
   102
  color: #7f7f7f;
patrick@61
   103
  background-color: #ddddcc;
patrick@61
   104
  font-weight: bold;
patrick@61
   105
  padding: .5em 5px .5em 5px;
patrick@61
   106
  content: collapser() " " insert-before-button() insert-after-button()
patrick@61
   107
           " " add-attribute-button() " Topic";
patrick@61
   108
}
patrick@61
   109
topic[xml|id]:before {
patrick@61
   110
  content: collapser() " " insert-before-button() insert-after-button()
patrick@62
   111
           " " add-attribute-button() " Topic"
patrick@62
   112
           " – ID = " text-field(attribute, "xml:id", columns, 15, color, black);
patrick@61
   113
}
patrick@61
   114
topic[type]:before {
patrick@61
   115
  content: collapser() " " insert-before-button() insert-after-button()
patrick@62
   116
           " " add-attribute-button() " Topic"
patrick@62
   117
           " – Type = " text-field(attribute, type, columns, 10, color, black);
patrick@61
   118
}
patrick@61
   119
topic[xml|id][type]:before {
patrick@61
   120
  content: collapser() " " insert-before-button() insert-after-button()
patrick@62
   121
           " Topic"
patrick@62
   122
           " – ID = " text-field(attribute, "xml:id", columns, 15, color, black)
patrick@62
   123
           " – Type = " text-field(attribute, type, columns, 10, color, black);
patrick@61
   124
}
patrick@61
   125
patrick@61
   126
topic {
patrick@61
   127
  display: block; 
patrick@61
   128
  border: 1px solid #ddddcc;
patrick@61
   129
  margin-bottom: .5em;
patrick@61
   130
  padding: 5px;
patrick@61
   131
  collapsible: yes;
patrick@61
   132
}
patrick@61
   133
topic:last-child {
patrick@61
   134
  margin-bottom: 0;
patrick@61
   135
}
patrick@61
   136
patrick@61
   137
topic > head {
patrick@62
   138
  background-color: #ffffee;
patrick@61
   139
  padding: .3em .5em .3em .5em;
patrick@61
   140
  border-radius: 0.5em;
patrick@61
   141
}
patrick@61
   142
patrick@61
   143
patrick@61
   144
/* Top level =============================================================== */
patrick@61
   145
patrick@61
   146
publidoc > *:before {
patrick@61
   147
  display: block;
patrick@61
   148
  color: #bbbbbb;
patrick@62
   149
  background: #993333 url('top.png') repeat-x top left;
patrick@61
   150
  font-weight: bold;
patrick@62
   151
  padding: 1.2em 5px 1em 5px;
patrick@61
   152
}
patrick@61
   153
publidoc > document:before {
patrick@61
   154
  content: "Document – "
patrick@61
   155
           "ID = " text-field(attribute, "xml:id", columns, 15, color, white);
patrick@61
   156
}
patrick@61
   157
publidoc > topic[xml|id]:before {
patrick@61
   158
  content: add-attribute-button() " Topic – "
patrick@61
   159
           "ID = " text-field(attribute, "xml:id", columns, 15, color, white);
patrick@61
   160
}
patrick@61
   161
publidoc > topic[xml|id][type]:before {
patrick@62
   162
  content: "Topic"
patrick@62
   163
           " – ID = " text-field(attribute, "xml:id", columns, 15, color, white)
patrick@62
   164
           " – Type = " text-field(attribute, type, columns, 10, color, white);
patrick@61
   165
}
patrick@61
   166
patrick@61
   167
patrick@61
   168
publidoc > * {
patrick@61
   169
  display: block; 
patrick@61
   170
  margin: 5px;
patrick@62
   171
  padding: 0;
patrick@61
   172
  border: 0;
patrick@61
   173
}
patrick@61
   174
patrick@61
   175
publidoc > * > head {
patrick@62
   176
  background-color: #ffffee;
patrick@61
   177
  padding: .3em .5em .3em .5em;
patrick@61
   178
  border-radius: 0.5em;
patrick@61
   179
}
patrick@61
   180
patrick@61
   181
patrick@60
   182
/* Section level =========================================================== */
patrick@60
   183
patrick@62
   184
section:before {
patrick@62
   185
  color: #7f7f7f;
patrick@62
   186
  content: insert-before-button() insert-button()
patrick@62
   187
           add-attribute-button(icon, icon(plus-box));
patrick@62
   188
}
patrick@62
   189
section[type]:before {
patrick@62
   190
  content: insert-before-button() insert-button()
patrick@62
   191
           text(" Type = ", font-size, 75%)
patrick@62
   192
           text-field(attribute, type, columns, 10, color, black, font-size, 75%);
patrick@62
   193
}
patrick@62
   194
patrick@61
   195
section {
patrick@61
   196
  display: block;
patrick@61
   197
}
patrick@62
   198
section[type="box"] {
patrick@62
   199
  margin: .5em 0 .5em 0;
patrick@62
   200
  padding: 5px;
patrick@62
   201
  background-color: #e8f0f7;
patrick@62
   202
  border-radius: 0.2em;
patrick@62
   203
}
patrick@62
   204
section[type="sign"] { text-align: right; }
patrick@62
   205
patrick@62
   206
section section {
patrick@62
   207
  margin-left: 1em;  
patrick@62
   208
}
patrick@62
   209
patrick@62
   210
section:after {
patrick@62
   211
  color: #7f7f7f;
patrick@62
   212
  content: insert-after-button();
patrick@61
   213
}
patrick@61
   214
patrick@59
   215
patrick@60
   216
/* Block level ============================================================= */
patrick@59
   217
patrick@62
   218
p:before, speech:before, list:before,
patrick@62
   219
blockquote:before, table:before, media:before {
patrick@62
   220
  display: marker;  
patrick@62
   221
  content: insert-before-button(color, #7f7f7f, icon, icon(left-half-disc))
patrick@62
   222
           insert-after-button(color, #7f7f7f, icon, icon(right-half-disc));
patrick@62
   223
}
patrick@62
   224
patrick@62
   225
p, speech, list, blockquote, table, media {
patrick@61
   226
  display: block;
patrick@62
   227
  margin-left: 24px;
patrick@62
   228
  font-size: 110%;
patrick@62
   229
  font-family: serif;
patrick@61
   230
}
patrick@61
   231
patrick@61
   232
/* List ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
patrick@61
   233
patrick@61
   234
list {
patrick@62
   235
  margin: .3em 0 .3em 24px;
patrick@61
   236
}
patrick@61
   237
patrick@61
   238
item {
patrick@61
   239
  display: list-item;
patrick@61
   240
}
patrick@61
   241
list[type="ordered"] > item {
patrick@61
   242
  list-style-type: decimal;
patrick@61
   243
}
patrick@61
   244
patrick@61
   245
list[type="glossary"] > item > label {
patrick@61
   246
  font-weight: bold;
patrick@61
   247
}
patrick@61
   248
patrick@62
   249
/* Blockquote ~~~~~~~~~~~~~~~~~~~~~~ */
patrick@62
   250
patrick@62
   251
attribution { font-style: italic; }
patrick@62
   252
patrick@59
   253
patrick@60
   254
/* Inline level ============================================================ */
patrick@59
   255
patrick@60
   256
sup { vertical-align: super; font-size: 75%; }
patrick@60
   257
sub { vertical-align: sub;   font-size: 75%; }
patrick@62
   258
patrick@62
   259
note:before { content: "("; }
patrick@62
   260
note { color: #7f7f7f; font-size: 85%; font-family: sans-serif; }
patrick@62
   261
note:after { content: ")"; }
patrick@62
   262
note p { display:inline; }
patrick@62
   263
patrick@62
   264
highlight { font-weight: bold; }