Xxe/Css/publidoc.css
author Patrick PIERRE <patrick.pierre@prismallia.fr>
dim., 27 mai 2012 12:47:54 +0200
changeset 108 f8bc5e00b17f
parent 106 91000116e5d2
child 111 44de27e5c6cf
permissions -rw-r--r--
Ajout d'un exemple de section normale + gestion du son
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@108
   423
  margin-top: .5em;
patrick@108
   424
  margin-bottom: 1em;
patrick@108
   425
  padding: 10px;
patrick@108
   426
  border: 1px dashed #7f7f7f;
patrick@108
   427
}
patrick@108
   428
patrick@108
   429
media image, media audio {
patrick@108
   430
  display: block;
patrick@108
   431
  color: #7f7f7f;
patrick@108
   432
  font-family: sans-serif;
patrick@108
   433
}
patrick@108
   434
media image:after, media audio:after {
patrick@108
   435
  content: " " insert-after-button(color, #7f7f7f, icon, icon(right-half-disc));
patrick@68
   436
}
patrick@68
   437
patrick@64
   438
image {
patrick@108
   439
  content: concatenate("image('Images/", attr(id), ".png', -64, -64, smooth)");
patrick@108
   440
  vertical-align: middle;
patrick@108
   441
}
patrick@108
   442
media image {
patrick@108
   443
  content: "Image : "
patrick@108
   444
           concatenate("image('Images/", attr(id), ".png', -200, -200, smooth)");
patrick@108
   445
}
patrick@108
   446
patrick@108
   447
media audio {
patrick@108
   448
  content: "Audio : " text-field(attribute, id, color, black);
patrick@64
   449
}
patrick@64
   450
patrick@68
   451
caption {
patrick@68
   452
  font-style: italic;
patrick@68
   453
  font-size: 93%;
patrick@68
   454
}
patrick@108
   455
caption:after {
patrick@108
   456
  content: insert-after-button(color, #7f7f7f, icon, icon(right-half-disc));
patrick@108
   457
}
patrick@68
   458
patrick@64
   459
patrick@60
   460
/* Inline level ============================================================ */
patrick@59
   461
patrick@63
   462
/* sup, sub, var ~~~~~~~~~~~~~~~~~~~ */
patrick@62
   463
patrick@63
   464
sup { font-family: sans-serif; vertical-align: super; font-size: 75%; }
patrick@63
   465
sub { font-family: sans-serif; vertical-align: sub;   font-size: 75%; }
patrick@63
   466
var { font-family: sans-serif; font-style: italic; }
patrick@63
   467
patrick@65
   468
/* date ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
patrick@65
   469
patrick@65
   470
date[value]:after {
patrick@65
   471
  color: #7f7f7f;
patrick@65
   472
  content: " (" date-picker(attribute, value, columns, 7, color, black, font-size, 75%) ")";
patrick@65
   473
}
patrick@65
   474
head > date[value]:after {
patrick@65
   475
  color: #7f7f7f;
patrick@65
   476
  content: " (" date-picker(attribute, value, columns, 7, color, black, font-size, 75%)
patrick@65
   477
           ") " insert-after-button();
patrick@65
   478
}
patrick@65
   479
patrick@70
   480
/* name ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
patrick@70
   481
patrick@70
   482
name { font-family: sans-serif; color: #004080; }
patrick@70
   483
patrick@63
   484
/* note ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
patrick@63
   485
patrick@63
   486
note:before { font-size: 75%; content: "(Note : "; }
patrick@63
   487
note { font-family: sans-serif; color: #004080; font-size: 75%; }
patrick@63
   488
note:after { font-size: 75%; content: ")"; }
patrick@62
   489
note p { display:inline; }
patrick@62
   490
patrick@90
   491
/* foreign ~~~~~~~~~~~~~~~~~~~~~~~~~ */
patrick@90
   492
patrick@90
   493
foreign { font-family: sans-serif; font-style: italic; }
patrick@90
   494
patrick@63
   495
/* highlight ~~~~~~~~~~~~~~~~~~~~~~~ */
patrick@63
   496
patrick@62
   497
highlight { font-weight: bold; }
patrick@63
   498
patrick@89
   499
/* mentioned ~~~~~~~~~~~~~~~~~~~~~~~ */
patrick@89
   500
patrick@89
   501
mentioned { font-style: italic; }
patrick@89
   502
patrick@68
   503
/* term ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
patrick@68
   504
patrick@89
   505
term { font-family: sans-serif; }
patrick@68
   506
patrick@63
   507
/* link ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
patrick@63
   508
patrick@63
   509
link:before {
patrick@63
   510
  color: #7f7f7f;
patrick@63
   511
  font-family: sans-serif;
patrick@63
   512
  content: "["
patrick@63
   513
}
patrick@63
   514
patrick@63
   515
media link {
patrick@63
   516
  display: block;
patrick@63
   517
}
patrick@63
   518
patrick@63
   519
link:after {
patrick@63
   520
  color: #7f7f7f;
patrick@63
   521
  font-family: sans-serif;
patrick@63
   522
}
patrick@63
   523
link[uri]:after {
patrick@63
   524
  content: " ‣ " text-field(attribute, uri, color, black, font-size, 80%) "]";
patrick@63
   525
}
patrick@63
   526
link[idref]:after {
patrick@63
   527
  content: " ‣ " label(attribute, idref, color, black)
patrick@63
   528
           set-attribute-button(attribute, idref) "]";
patrick@63
   529
}
patrick@63
   530
patrick@106
   531
/* smil ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
patrick@106
   532
patrick@106
   533
smil {
patrick@106
   534
  background-color: #ffffc0;
patrick@106
   535
}