Pdf/BaladeNature/Css/balade_nature.css
author Patrick PIERRE <patrick.pierre@prismallia.fr>
dim., 17 juin 2012 20:49:12 +0200
changeset 16 3b696abda836
parent 0 e8d6296c8d5e
child 23 9fe44f4d31c9
permissions -rw-r--r--
Nouveau positionnement des tooltips
patrick@0
     1
/* $Id$ */
patrick@0
     2
/* balade_nature */
patrick@0
     3
patrick@0
     4
@font-face {
patrick@0
     5
  font-family: MinyaNouvelle;
patrick@0
     6
  font-weight: normal;
patrick@0
     7
  font-style: normal;
patrick@0
     8
  src: url('../Fonts/minyanouvelle.otf') format('opentype');
patrick@0
     9
}
patrick@0
    10
patrick@0
    11
body {
patrick@0
    12
  width: ${width}px;
patrick@0
    13
  height: ${height}px;
patrick@0
    14
}
patrick@0
    15
body.pdocTopic { padding: 0; }
patrick@0
    16
patrick@0
    17
/* ~~~~~~~ pdocMedia ~~~~~~~~ */
patrick@0
    18
patrick@0
    19
.pdocMedia {
patrick@0
    20
  margin: 0;
patrick@0
    21
}
patrick@0
    22
patrick@0
    23
.pdocMediaCaptionAbsolute {
patrick@0
    24
  text-align: center;
patrick@0
    25
  width: 100%;
patrick@0
    26
}
patrick@0
    27
patrick@0
    28
.pdocImageTooltip {
patrick@0
    29
  font-size: 140%;
patrick@0
    30
}
patrick@0
    31
.pdocImageTooltip .pdocP {
patrick@0
    32
  color: white;
patrick@0
    33
}
patrick@0
    34
patrick@0
    35
/* ~~~~~~~~~~ pdocP ~~~~~~~~~ */
patrick@0
    36
patrick@0
    37
.pdocP {
patrick@0
    38
  font-family: MinyaNouvelle;
patrick@0
    39
  font-size: 220%;
patrick@0
    40
  color: #603a19;
patrick@0
    41
}
patrick@0
    42
patrick@0
    43
/* ~~~~~ media-overlay ~~~ */
patrick@0
    44
patrick@0
    45
.-epub-media-overlay-active {
patrick@0
    46
  background-color: yellow;
patrick@16
    47
}
patrick@16
    48
patrick@16
    49
patrick@16
    50
/* ========= EFFECTS ======== */
patrick@16
    51
patrick@16
    52
patrick@16
    53
/* ~~~~~~~~~~ Glow ~~~~~~~~~~ */
patrick@16
    54
patrick@16
    55
#effectGlow {
patrick@16
    56
  position: relative;
patrick@16
    57
  width: 100%;
patrick@16
    58
  height: 100%;
patrick@16
    59
  overflow: hidden;
patrick@16
    60
}
patrick@16
    61
patrick@16
    62
#effectGlowSpot {
patrick@16
    63
  position: absolute;
patrick@16
    64
  top: -50%;
patrick@16
    65
  left: -50%;
patrick@16
    66
  width: 200%;
patrick@16
    67
  height: 200%;
patrick@16
    68
  cursor: none;
patrick@16
    69
  background: -moz-radial-gradient(center 45deg, circle closest-side, transparent 10%, rgba(0, 0, 0, 0.75) 33%);
patrick@16
    70
  background: -webkit-gradient(radial, center center, 30, center center, 300, from(rgba(0,0,0,0)), to(rgba(0,0,0,.75)));
patrick@0
    71
}