Xxe/Css/publidoc.css
author Yvon BOURBOTTE <yvon.bourbotte@prismallia.fr>
mer., 01 févr. 2012 18:19:33 +0100
changeset 86 2d51a1795ed3
parent 72 c85252fac80c
child 89 208625c74410
permissions -rw-r--r--
ajout de contributor role packager
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@72
   325
  color: #7f7f7f;
patrick@72
   326
  content: insert-before-button(icon, icon(left-half-disc))
patrick@72
   327
           insert-after-button(icon, icon(right-half-disc));
patrick@62
   328
}
patrick@62
   329
patrick@62
   330
p, speech, list, blockquote, table, media {
patrick@61
   331
  display: block;
patrick@62
   332
  margin-left: 24px;
patrick@63
   333
  font-size: 115%;
patrick@62
   334
  font-family: serif;
patrick@61
   335
}
patrick@61
   336
patrick@67
   337
/* speech ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
patrick@65
   338
patrick@65
   339
speaker {
patrick@65
   340
  font-weight: bold;
patrick@65
   341
}
patrick@65
   342
patrick@65
   343
stage:before, stage:after {
patrick@65
   344
  color: #7f7f7f;
patrick@65
   345
  content: "(";
patrick@65
   346
}
patrick@65
   347
stage:before {
patrick@65
   348
  content: " (";
patrick@65
   349
}
patrick@65
   350
stage {
patrick@65
   351
  font-style: italic;  
patrick@65
   352
}
patrick@65
   353
stage:after {
patrick@65
   354
  content: ")";
patrick@65
   355
}
patrick@65
   356
patrick@63
   357
/* list ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
patrick@61
   358
patrick@72
   359
list:before {
patrick@72
   360
  content: insert-before-button(color, #7f7f7f, icon, icon(left-half-disc))
patrick@72
   361
           insert-after-button(color, #7f7f7f, icon, icon(right-half-disc))
patrick@72
   362
           command-button(command, "putAttribute", parameter, "type ordered", icon, icon(convert));
patrick@72
   363
}
patrick@72
   364
list[type="ordered"]:before {
patrick@72
   365
  content: insert-before-button(color, #7f7f7f, icon, icon(left-half-disc))
patrick@72
   366
           insert-after-button(color, #7f7f7f, icon, icon(right-half-disc))
patrick@72
   367
           command-button(command, "removeAttribute", parameter, "type", icon, icon(convert));
patrick@72
   368
}
patrick@72
   369
list[type="glossary"]:before {
patrick@72
   370
  content: insert-before-button(color, #7f7f7f, icon, icon(left-half-disc))
patrick@72
   371
           insert-after-button(color, #7f7f7f, icon, icon(right-half-disc));
patrick@72
   372
}
patrick@72
   373
patrick@61
   374
list {
patrick@72
   375
  margin: .3em 0 .3em 36px;
patrick@72
   376
}
patrick@72
   377
list[type="glossary"] {
patrick@62
   378
  margin: .3em 0 .3em 24px;
patrick@61
   379
}
patrick@61
   380
patrick@63
   381
list > head {
patrick@63
   382
  font-size: 75%;
patrick@63
   383
}
patrick@63
   384
patrick@61
   385
item {
patrick@61
   386
  display: list-item;
patrick@61
   387
}
patrick@61
   388
list[type="ordered"] > item {
patrick@61
   389
  list-style-type: decimal;
patrick@72
   390
  list-style-position: inside;
patrick@61
   391
}
patrick@61
   392
patrick@63
   393
item:after {
patrick@63
   394
  content: insert-same-after-button(color, #7f7f7f, icon, icon(right-half-disc));
patrick@63
   395
}
patrick@63
   396
patrick@72
   397
list:not([type="glossary"]) > item > p:before {
patrick@72
   398
  color: #7f7f7f;
patrick@72
   399
  content: insert-same-before-button(icon, icon(left-half-disc))
patrick@72
   400
           insert-same-after-button(icon, icon(right-half-disc));
patrick@72
   401
}
patrick@72
   402
list:not([type="glossary"]) > item > p {
patrick@72
   403
  display: inline;
patrick@72
   404
}
patrick@72
   405
list:not([type="glossary"]) > item > p:after {
patrick@72
   406
  color: #7f7f7f;  
patrick@72
   407
  content: "\A";
patrick@72
   408
}
patrick@72
   409
patrick@61
   410
list[type="glossary"] > item > label {
patrick@61
   411
  font-weight: bold;
patrick@61
   412
}
patrick@61
   413
patrick@63
   414
/* blockquote ~~~~~~~~~~~~~~~~~~~~~~ */
patrick@62
   415
patrick@72
   416
blockquote { color: #004080; }
patrick@72
   417
patrick@62
   418
attribution { font-style: italic; }
patrick@62
   419
patrick@64
   420
/* media ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
patrick@64
   421
patrick@68
   422
media {
patrick@68
   423
  text-align: center;
patrick@68
   424
}
patrick@68
   425
patrick@64
   426
image {
patrick@64
   427
  display: block;
patrick@64
   428
  margin: .5em;
patrick@64
   429
  content: concatenate("image('Images/", attr(id), ".png', -200, -200, smooth)");
patrick@64
   430
}
patrick@64
   431
patrick@68
   432
caption {
patrick@68
   433
  font-style: italic;
patrick@68
   434
  font-size: 93%;
patrick@68
   435
}
patrick@68
   436
patrick@64
   437
patrick@60
   438
/* Inline level ============================================================ */
patrick@59
   439
patrick@63
   440
/* sup, sub, var ~~~~~~~~~~~~~~~~~~~ */
patrick@62
   441
patrick@63
   442
sup { font-family: sans-serif; vertical-align: super; font-size: 75%; }
patrick@63
   443
sub { font-family: sans-serif; vertical-align: sub;   font-size: 75%; }
patrick@63
   444
var { font-family: sans-serif; font-style: italic; }
patrick@63
   445
patrick@65
   446
/* date ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
patrick@65
   447
patrick@65
   448
date[value]:after {
patrick@65
   449
  color: #7f7f7f;
patrick@65
   450
  content: " (" date-picker(attribute, value, columns, 7, color, black, font-size, 75%) ")";
patrick@65
   451
}
patrick@65
   452
head > date[value]:after {
patrick@65
   453
  color: #7f7f7f;
patrick@65
   454
  content: " (" date-picker(attribute, value, columns, 7, color, black, font-size, 75%)
patrick@65
   455
           ") " insert-after-button();
patrick@65
   456
}
patrick@65
   457
patrick@70
   458
/* name ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
patrick@70
   459
patrick@70
   460
name { font-family: sans-serif; color: #004080; }
patrick@70
   461
patrick@63
   462
/* note ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
patrick@63
   463
patrick@63
   464
note:before { font-size: 75%; content: "(Note : "; }
patrick@63
   465
note { font-family: sans-serif; color: #004080; font-size: 75%; }
patrick@63
   466
note:after { font-size: 75%; content: ")"; }
patrick@62
   467
note p { display:inline; }
patrick@62
   468
patrick@63
   469
/* highlight ~~~~~~~~~~~~~~~~~~~~~~~ */
patrick@63
   470
patrick@62
   471
highlight { font-weight: bold; }
patrick@63
   472
patrick@68
   473
/* term ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
patrick@68
   474
patrick@68
   475
term { font-style: italic; }
patrick@68
   476
patrick@63
   477
/* link ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
patrick@63
   478
patrick@63
   479
link:before {
patrick@63
   480
  color: #7f7f7f;
patrick@63
   481
  font-family: sans-serif;
patrick@63
   482
  content: "["
patrick@63
   483
}
patrick@63
   484
patrick@63
   485
media link {
patrick@63
   486
  display: block;
patrick@63
   487
}
patrick@63
   488
patrick@63
   489
link:after {
patrick@63
   490
  color: #7f7f7f;
patrick@63
   491
  font-family: sans-serif;
patrick@63
   492
}
patrick@63
   493
link[uri]:after {
patrick@63
   494
  content: " ‣ " text-field(attribute, uri, color, black, font-size, 80%) "]";
patrick@63
   495
}
patrick@63
   496
link[idref]:after {
patrick@63
   497
  content: " ‣ " label(attribute, idref, color, black)
patrick@63
   498
           set-attribute-button(attribute, idref) "]";
patrick@63
   499
}
patrick@63
   500