Xxe/Css/publidoc.css
author Patrick PIERRE <patrick.pierre@prismallia.fr>
jeu., 12 janv. 2012 18:17:05 +0100
changeset 71 91ae8b8e07c6
parent 70 5d58a740a067
child 72 c85252fac80c
permissions -rw-r--r--
Ajout des tableaux
patrick@67
     1
@charset "UTF-8";
patrick@67
     2
patrick@59
     3
/* $Id$ */
patrick@59
     4
patrick@71
     5
@import url(xxe-config:common/css/cals_table.imp);
patrick@71
     6
patrick@60
     7
*::comment { display: none; }
patrick@60
     8
patrick@61
     9
publidoc {
patrick@63
    10
  display: block;
patrick@61
    11
  font-family: sans-serif;
patrick@61
    12
  padding: 0;
patrick@61
    13
}
patrick@60
    14
patrick@60
    15
patrick@60
    16
/* Head level ============================================================== */
patrick@60
    17
patrick@61
    18
head {
patrick@63
    19
  display: block;
patrick@61
    20
  margin-bottom: .5em;
patrick@62
    21
  background-color: #fafafa;
patrick@61
    22
  padding: 0 .2em 0 .2em;
patrick@61
    23
  border: 1px solid #bbbbbb;
patrick@61
    24
  border-radius: 0.2em;
patrick@59
    25
}
patrick@59
    26
patrick@60
    27
head > *:before {
patrick@60
    28
 display: marker;
patrick@65
    29
 color:  #7f7f7f;
patrick@70
    30
 content: element-label() " :";
patrick@60
    31
}
patrick@60
    32
head > title:before { display: none; }
patrick@63
    33
head > subtitle:before { display: none; }
patrick@62
    34
head > identifier[type="uri"]:before { content: insert-before-button() " URI :"; }
patrick@62
    35
head > identifier[type="ean"]:before { content: insert-before-button() " EAN :"; }
patrick@61
    36
head > copyright:before { content: insert-before-button() " Copyright :"; }
patrick@67
    37
head > contributors:before { content: insert-before-button() " Contributeurs :"; }
patrick@60
    38
head > date:before { content: insert-before-button() " Date :"; }
patrick@60
    39
head > place:before { content: insert-before-button() " Lieu :"; }
patrick@60
    40
head > source:before { content: insert-before-button() " Source :"; }
patrick@60
    41
head > keywordset:before { content: insert-before-button() " Mots clés :"; }
patrick@61
    42
head > subjectset:before { content: insert-before-button() " Thèmes :"; }
patrick@61
    43
head > abstract:before { content: insert-before-button() " Résumé :"; }
patrick@61
    44
head > cover:before { content: insert-before-button() " Couverture :"; }
patrick@61
    45
head > annotation:before { content: insert-before-button() " Annotation :"; }
patrick@59
    46
patrick@60
    47
head > * {
patrick@60
    48
 display: block;
patrick@67
    49
 margin: 0 0 .8em 7.5em;
patrick@60
    50
}
patrick@67
    51
patrick@67
    52
head > *:after {
patrick@67
    53
  color:  #7f7f7f;
patrick@67
    54
  content: " " insert-after-button();
patrick@67
    55
}
patrick@67
    56
patrick@67
    57
/* title & subtitle ~~~~~~~~~~~~~~~~ */
patrick@67
    58
patrick@60
    59
head > title {
patrick@63
    60
  font-size: 120%;
patrick@60
    61
  font-weight: bold;
patrick@60
    62
  color: #004080;
patrick@63
    63
  margin: .2em 0 .2em 0;
patrick@61
    64
}
patrick@63
    65
head > subtitle {
patrick@63
    66
  font-weight: bold;
patrick@63
    67
  color: #004080;
patrick@63
    68
  margin: 0 0 .2em 0;
patrick@60
    69
}
patrick@60
    70
patrick@67
    71
/* contributors ~~~~~~~~~~~~~~~~~~~~ */
patrick@67
    72
patrick@67
    73
contributor:before {
patrick@67
    74
  display: marker;
patrick@67
    75
  content: insert-before-button(color, #7f7f7f, icon, icon(left-half-disc))
patrick@67
    76
           insert-after-button(color, #7f7f7f, icon, icon(right-half-disc));
patrick@60
    77
}
patrick@67
    78
contributor {
patrick@67
    79
  display: block;
patrick@67
    80
  margin: 0 0 .2em 24px;
patrick@62
    81
}
patrick@60
    82
patrick@67
    83
firstname:after, secondname:after, lastname:after, label:after,
patrick@67
    84
address:after {
patrick@65
    85
  content: insert-after-button(color, #7f7f7f, icon, icon(right-half-disc));
patrick@65
    86
}
patrick@65
    87
patrick@67
    88
contributor > link[uri]:after {
patrick@67
    89
  content: " ‣ " text-field(attribute, uri, color, black, font-size, 80%) "]"
patrick@67
    90
           insert-after-button(icon, icon(right-half-disc));
patrick@67
    91
}
patrick@67
    92
contributor > link[idref]:after {
patrick@67
    93
  content: " ‣ " label(attribute, idref, color, black)
patrick@67
    94
           set-attribute-button(attribute, idref) "]"
patrick@67
    95
           insert-after-button(icon, icon(right-half-disc));
patrick@65
    96
}
patrick@65
    97
patrick@68
    98
contributor role {
patrick@67
    99
  color: #7f7f7f;
patrick@68
   100
  content: " rôle : " combo-box(element, role, font-size, 75%,
patrick@67
   101
             labels, "auteur\A illustrateur\A éditeur"
patrick@68
   102
             values, "author\A illustrator\A publisher", color, black)
patrick@68
   103
           insert-same-after-button(icon, icon(right-half-disc));
patrick@65
   104
}
patrick@65
   105
patrick@67
   106
/* source ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
patrick@67
   107
patrick@65
   108
head source[type="book"] {
patrick@65
   109
  display: none;
patrick@65
   110
}
patrick@65
   111
patrick@67
   112
/* keyword & subject ~~~~~~~~~~~~~~~ */
patrick@67
   113
patrick@65
   114
head keyword:after {
patrick@65
   115
  content: insert-same-after-button(color, #7f7f7f, icon, icon(right-half-disc))
patrick@65
   116
           " ";
patrick@65
   117
}
patrick@65
   118
patrick@65
   119
head subject:before {
patrick@65
   120
  color: #7F7f7f;
patrick@65
   121
  content: "ID = " text-field(attribute, id, columns, 10, color, black, font-size, 75%);
patrick@65
   122
}
patrick@65
   123
head subject:after {
patrick@65
   124
  content: insert-same-after-button(color, #7f7f7f, icon, icon(right-half-disc));
patrick@65
   125
}
patrick@65
   126
patrick@67
   127
/* annotation ~~~~~~~~~~~~~~~~~~~~~~ */
patrick@67
   128
patrick@67
   129
head > annotation:after { content: ""; }
patrick@67
   130
patrick@67
   131
patrick@60
   132
/* Division level ========================================================== */
patrick@60
   133
patrick@61
   134
division:before {
patrick@63
   135
  display: block;
patrick@61
   136
  color: #7f7f7f;
patrick@61
   137
  content: collapser() " " insert-before-button() insert-after-button()
patrick@61
   138
           " Division"
patrick@61
   139
}
patrick@61
   140
patrick@61
   141
division {
patrick@61
   142
  display: block;
patrick@61
   143
  border: 1px dotted #7f7f7f;
patrick@61
   144
  padding: 5px;
patrick@61
   145
  margin-bottom: .5em;
patrick@61
   146
  collapsible: yes;
patrick@61
   147
  not-collapsible-head: 1;
patrick@61
   148
}
patrick@61
   149
division:last-child {
patrick@61
   150
  margin-bottom: 0;
patrick@61
   151
}
patrick@61
   152
patrick@61
   153
division > head {
patrick@62
   154
  background-color: #ffffee;
patrick@61
   155
  padding: .3em .5em .3em .5em;
patrick@61
   156
  border-radius: 0.5em;
patrick@61
   157
}
patrick@61
   158
patrick@61
   159
patrick@60
   160
/* Component level ========================================================= */
patrick@60
   161
patrick@61
   162
topic:before {
patrick@61
   163
  display: block;
patrick@61
   164
  color: #7f7f7f;
patrick@61
   165
  background-color: #ddddcc;
patrick@63
   166
  border: 1px solid #aeaea0;
patrick@61
   167
  font-weight: bold;
patrick@61
   168
  padding: .5em 5px .5em 5px;
patrick@61
   169
  content: collapser() " " insert-before-button() insert-after-button()
patrick@61
   170
           " " add-attribute-button() " Topic";
patrick@61
   171
}
patrick@61
   172
topic[xml|id]:before {
patrick@61
   173
  content: collapser() " " insert-before-button() insert-after-button()
patrick@62
   174
           " " add-attribute-button() " Topic"
patrick@62
   175
           " – ID = " text-field(attribute, "xml:id", columns, 15, color, black);
patrick@61
   176
}
patrick@61
   177
topic[type]:before {
patrick@61
   178
  content: collapser() " " insert-before-button() insert-after-button()
patrick@62
   179
           " " add-attribute-button() " Topic"
patrick@62
   180
           " – Type = " text-field(attribute, type, columns, 10, color, black);
patrick@61
   181
}
patrick@61
   182
topic[xml|id][type]:before {
patrick@61
   183
  content: collapser() " " insert-before-button() insert-after-button()
patrick@62
   184
           " Topic"
patrick@62
   185
           " – ID = " text-field(attribute, "xml:id", columns, 15, color, black)
patrick@62
   186
           " – Type = " text-field(attribute, type, columns, 10, color, black);
patrick@61
   187
}
patrick@61
   188
patrick@61
   189
topic {
patrick@63
   190
  display: block;
patrick@63
   191
  border: 1px solid #aeaea0;
patrick@61
   192
  margin-bottom: .5em;
patrick@61
   193
  padding: 5px;
patrick@61
   194
  collapsible: yes;
patrick@61
   195
}
patrick@61
   196
topic:last-child {
patrick@61
   197
  margin-bottom: 0;
patrick@61
   198
}
patrick@61
   199
patrick@61
   200
topic > head {
patrick@62
   201
  background-color: #ffffee;
patrick@61
   202
  padding: .3em .5em .3em .5em;
patrick@61
   203
  border-radius: 0.5em;
patrick@61
   204
}
patrick@61
   205
patrick@61
   206
patrick@61
   207
/* Top level =============================================================== */
patrick@61
   208
patrick@61
   209
publidoc > *:before {
patrick@61
   210
  display: block;
patrick@61
   211
  color: #bbbbbb;
patrick@62
   212
  background: #993333 url('top.png') repeat-x top left;
patrick@61
   213
  font-weight: bold;
patrick@62
   214
  padding: 1.2em 5px 1em 5px;
patrick@61
   215
}
patrick@61
   216
publidoc > document:before {
patrick@67
   217
  content: add-attribute-button() " Document"
patrick@67
   218
           " – ID = " text-field(attribute, "xml:id", columns, 15, color, white);
patrick@67
   219
}
patrick@67
   220
publidoc > document[xml|id][xml|lang]:before {
patrick@67
   221
  content: "Document"
patrick@67
   222
           " – ID = " text-field(attribute, "xml:id", columns, 15, color, white)
patrick@67
   223
           " – Langue principale  = " combo-box(attribute, "xml:lang", font-size, 75%,
patrick@67
   224
             values, "en\A fr\A fr-FR\A es", color, white);
patrick@61
   225
}
patrick@61
   226
publidoc > topic[xml|id]:before {
patrick@67
   227
  content: add-attribute-button() " Topic"
patrick@67
   228
           " – ID = " text-field(attribute, "xml:id", columns, 15, color, white);
patrick@61
   229
}
patrick@61
   230
publidoc > topic[xml|id][type]:before {
patrick@67
   231
  content: add-attribute-button() " Topic"
patrick@62
   232
           " – ID = " text-field(attribute, "xml:id", columns, 15, color, white)
patrick@62
   233
           " – Type = " text-field(attribute, type, columns, 10, color, white);
patrick@61
   234
}
patrick@67
   235
publidoc > topic[xml|id][xml|lang]:before {
patrick@67
   236
  content: add-attribute-button() " Topic"
patrick@67
   237
           " – ID = " text-field(attribute, "xml:id", columns, 15, color, white)
patrick@70
   238
           " – Langue principale = " combo-box(attribute, "xml:lang", font-size, 75%,
patrick@67
   239
             values, "en\A fr\A fr-FR\A es", color, white);
patrick@67
   240
}
patrick@67
   241
publidoc > topic[xml|id][type][xml|lang]:before {
patrick@67
   242
  content: "Topic"
patrick@67
   243
           " – ID = " text-field(attribute, "xml:id", columns, 15, color, white)
patrick@67
   244
           " – Type = " text-field(attribute, type, columns, 10, color, white)
patrick@70
   245
           " – Langue principale = " combo-box(attribute, "xml:lang", font-size, 75%,
patrick@67
   246
             values, "en\A fr\A fr-FR\A es", color, white);
patrick@67
   247
}
patrick@61
   248
patrick@61
   249
publidoc > * {
patrick@63
   250
  display: block;
patrick@61
   251
  margin: 5px;
patrick@62
   252
  padding: 0;
patrick@61
   253
  border: 0;
patrick@61
   254
}
patrick@61
   255
patrick@61
   256
publidoc > * > head {
patrick@62
   257
  background-color: #ffffee;
patrick@61
   258
  padding: .3em .5em .3em .5em;
patrick@61
   259
  border-radius: 0.5em;
patrick@61
   260
}
patrick@61
   261
patrick@63
   262
publidoc > * > head > title {
patrick@63
   263
  font-size: 140%;
patrick@63
   264
}
patrick@63
   265
patrick@61
   266
patrick@60
   267
/* Section level =========================================================== */
patrick@60
   268
patrick@62
   269
section:before {
patrick@63
   270
  display: block;
patrick@62
   271
  color: #7f7f7f;
patrick@64
   272
  text-align: left;
patrick@64
   273
  font-style: normal;
patrick@64
   274
  font-size: 75%;
patrick@63
   275
  padding-bottom: 3px;
patrick@63
   276
  content: insert-before-button() add-attribute-button(icon, icon(plus-box));
patrick@62
   277
}
patrick@62
   278
section[type]:before {
patrick@64
   279
  content: insert-before-button() add-attribute-button(icon, icon(plus-box))
patrick@64
   280
           " Type = " text-field(attribute, type, columns, 5, color, black);
patrick@64
   281
}
patrick@64
   282
section[xml|lang]:before {
patrick@64
   283
  content: insert-before-button() add-attribute-button(icon, icon(plus-box))
patrick@64
   284
           " Langue = " text-field(attribute, "xml:lang", columns, 2, color, black);
patrick@64
   285
}
patrick@64
   286
section[type][xml|lang]:before {
patrick@63
   287
  content: insert-before-button()
patrick@64
   288
           " Type = " text-field(attribute, type, columns, 5, color, black)
patrick@64
   289
           " – Langue = " text-field(attribute, "xml:lang", columns, 2, color, black);
patrick@62
   290
}
patrick@63
   291
section section:before {
patrick@63
   292
  margin-left: 1em;
patrick@63
   293
}
patrick@62
   294
patrick@61
   295
section {
patrick@61
   296
  display: block;
patrick@61
   297
}
patrick@62
   298
section[type="box"] {
patrick@63
   299
  margin-bottom: .5em;
patrick@62
   300
  padding: 5px;
patrick@62
   301
  background-color: #e8f0f7;
patrick@62
   302
  border-radius: 0.2em;
patrick@62
   303
}
patrick@63
   304
section[type="ex"] { font-style: italic; }
patrick@62
   305
section[type="sign"] { text-align: right; }
patrick@62
   306
patrick@62
   307
section section {
patrick@63
   308
  margin-left: 1em;
patrick@62
   309
}
patrick@62
   310
patrick@62
   311
section:after {
patrick@62
   312
  color: #7f7f7f;
patrick@62
   313
  content: insert-after-button();
patrick@61
   314
}
patrick@64
   315
section section:after {
patrick@64
   316
  margin-left: 1em;
patrick@64
   317
}
patrick@61
   318
patrick@59
   319
patrick@60
   320
/* Block level ============================================================= */
patrick@59
   321
patrick@62
   322
p:before, speech:before, list:before,
patrick@62
   323
blockquote:before, table:before, media:before {
patrick@63
   324
  display: marker;
patrick@62
   325
  content: insert-before-button(color, #7f7f7f, icon, icon(left-half-disc))
patrick@62
   326
           insert-after-button(color, #7f7f7f, icon, icon(right-half-disc));
patrick@62
   327
}
patrick@62
   328
patrick@62
   329
p, speech, list, blockquote, table, media {
patrick@61
   330
  display: block;
patrick@62
   331
  margin-left: 24px;
patrick@63
   332
  font-size: 115%;
patrick@62
   333
  font-family: serif;
patrick@61
   334
}
patrick@61
   335
patrick@67
   336
/* speech ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
patrick@65
   337
patrick@65
   338
speaker {
patrick@65
   339
  font-weight: bold;
patrick@65
   340
}
patrick@65
   341
patrick@65
   342
stage:before, stage:after {
patrick@65
   343
  color: #7f7f7f;
patrick@65
   344
  content: "(";
patrick@65
   345
}
patrick@65
   346
stage:before {
patrick@65
   347
  content: " (";
patrick@65
   348
}
patrick@65
   349
stage {
patrick@65
   350
  font-style: italic;  
patrick@65
   351
}
patrick@65
   352
stage:after {
patrick@65
   353
  content: ")";
patrick@65
   354
}
patrick@65
   355
patrick@63
   356
/* list ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
patrick@61
   357
patrick@61
   358
list {
patrick@62
   359
  margin: .3em 0 .3em 24px;
patrick@61
   360
}
patrick@61
   361
patrick@63
   362
list > head {
patrick@63
   363
  font-size: 75%;
patrick@63
   364
}
patrick@63
   365
patrick@61
   366
item {
patrick@61
   367
  display: list-item;
patrick@61
   368
}
patrick@61
   369
list[type="ordered"] > item {
patrick@61
   370
  list-style-type: decimal;
patrick@61
   371
}
patrick@61
   372
patrick@63
   373
item:after {
patrick@63
   374
  content: insert-same-after-button(color, #7f7f7f, icon, icon(right-half-disc));
patrick@63
   375
}
patrick@63
   376
patrick@61
   377
list[type="glossary"] > item > label {
patrick@61
   378
  font-weight: bold;
patrick@61
   379
}
patrick@61
   380
patrick@63
   381
/* blockquote ~~~~~~~~~~~~~~~~~~~~~~ */
patrick@62
   382
patrick@62
   383
attribution { font-style: italic; }
patrick@62
   384
patrick@59
   385
patrick@64
   386
/* media ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
patrick@64
   387
patrick@68
   388
media {
patrick@68
   389
  text-align: center;
patrick@68
   390
}
patrick@68
   391
patrick@64
   392
image {
patrick@64
   393
  display: block;
patrick@64
   394
  margin: .5em;
patrick@64
   395
  content: concatenate("image('Images/", attr(id), ".png', -200, -200, smooth)");
patrick@64
   396
}
patrick@64
   397
patrick@68
   398
caption {
patrick@68
   399
  font-style: italic;
patrick@68
   400
  font-size: 93%;
patrick@68
   401
}
patrick@68
   402
patrick@64
   403
patrick@60
   404
/* Inline level ============================================================ */
patrick@59
   405
patrick@63
   406
/* sup, sub, var ~~~~~~~~~~~~~~~~~~~ */
patrick@62
   407
patrick@63
   408
sup { font-family: sans-serif; vertical-align: super; font-size: 75%; }
patrick@63
   409
sub { font-family: sans-serif; vertical-align: sub;   font-size: 75%; }
patrick@63
   410
var { font-family: sans-serif; font-style: italic; }
patrick@63
   411
patrick@65
   412
/* date ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
patrick@65
   413
patrick@65
   414
date[value]:after {
patrick@65
   415
  color: #7f7f7f;
patrick@65
   416
  content: " (" date-picker(attribute, value, columns, 7, color, black, font-size, 75%) ")";
patrick@65
   417
}
patrick@65
   418
head > date[value]:after {
patrick@65
   419
  color: #7f7f7f;
patrick@65
   420
  content: " (" date-picker(attribute, value, columns, 7, color, black, font-size, 75%)
patrick@65
   421
           ") " insert-after-button();
patrick@65
   422
}
patrick@65
   423
patrick@70
   424
/* name ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
patrick@70
   425
patrick@70
   426
name { font-family: sans-serif; color: #004080; }
patrick@70
   427
patrick@63
   428
/* note ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
patrick@63
   429
patrick@63
   430
note:before { font-size: 75%; content: "(Note : "; }
patrick@63
   431
note { font-family: sans-serif; color: #004080; font-size: 75%; }
patrick@63
   432
note:after { font-size: 75%; content: ")"; }
patrick@62
   433
note p { display:inline; }
patrick@62
   434
patrick@63
   435
/* highlight ~~~~~~~~~~~~~~~~~~~~~~~ */
patrick@63
   436
patrick@62
   437
highlight { font-weight: bold; }
patrick@63
   438
patrick@68
   439
/* term ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
patrick@68
   440
patrick@68
   441
term { font-style: italic; }
patrick@68
   442
patrick@63
   443
/* link ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
patrick@63
   444
patrick@63
   445
link:before {
patrick@63
   446
  color: #7f7f7f;
patrick@63
   447
  font-family: sans-serif;
patrick@63
   448
  content: "["
patrick@63
   449
}
patrick@63
   450
patrick@63
   451
media link {
patrick@63
   452
  display: block;
patrick@63
   453
}
patrick@63
   454
patrick@63
   455
link:after {
patrick@63
   456
  color: #7f7f7f;
patrick@63
   457
  font-family: sans-serif;
patrick@63
   458
}
patrick@63
   459
link[uri]:after {
patrick@63
   460
  content: " ‣ " text-field(attribute, uri, color, black, font-size, 80%) "]";
patrick@63
   461
}
patrick@63
   462
link[idref]:after {
patrick@63
   463
  content: " ‣ " label(attribute, idref, color, black)
patrick@63
   464
           set-attribute-button(attribute, idref) "]";
patrick@63
   465
}
patrick@63
   466