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