Pdf/BaladeNature/Css/balade_nature.css
author Marc HINDÉLAIBILE
ven., 01 mai 2015 16:20:56 +0200
changeset 142 dbd27d497fbf
parent 140 3981451c7322
permissions -rw-r--r--
Copie à partir de la sélection
patrick@0
     1
/* $Id$ */
patrick@0
     2
/* balade_nature */
patrick@0
     3
patrick@0
     4
body {
patrick@0
     5
  width: ${width}px;
patrick@0
     6
  height: ${height}px;
patrick@0
     7
}
Patrick@63
     8
body.pdocTopic { padding: 0; margin: 0; }
patrick@0
     9
patrick@56
    10
img { max-width: 100%; max-height: 100%; }
patrick@56
    11
patrick@56
    12
patrick@56
    13
/* ======= BLOCK LEVEL ====== */
patrick@56
    14
patrick@56
    15
patrick@0
    16
/* ~~~~~~~ pdocMedia ~~~~~~~~ */
patrick@0
    17
patrick@0
    18
.pdocMedia {
patrick@56
    19
  position: relative;
patrick@0
    20
  margin: 0;
Patrick@110
    21
  text-align: center;
patrick@0
    22
}
patrick@0
    23
patrick@0
    24
.pdocMediaCaptionAbsolute {
patrick@56
    25
  position: absolute;
patrick@0
    26
  text-align: center;
patrick@0
    27
  width: 100%;
patrick@0
    28
}
patrick@0
    29
patrick@23
    30
/* ~~~~~~~ pdocImage ~~~~~~~~ */
patrick@23
    31
patrick@56
    32
.pdocImage {
patrick@56
    33
  max-width: 100%;
patrick@56
    34
  max-height: 100%;
Patrick@110
    35
  text-align: center;
patrick@56
    36
}
patrick@56
    37
Patrick@74
    38
.pdocImageHotspot {
patrick@56
    39
  float: left;
patrick@56
    40
  position: relative;
patrick@56
    41
}
patrick@56
    42
Patrick@74
    43
/* ~~~~~~ pdocHotspot ~~~~~~~ */
Patrick@74
    44
Patrick@74
    45
.pdocHotspot, .pdocHotspotContent {
patrick@56
    46
  position: absolute;
Patrick@74
    47
  font-size: 140%;
patrick@56
    48
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
patrick@56
    49
}
patrick@56
    50
Patrick@74
    51
.pdocHotspotContent .pdocP {
patrick@0
    52
  color: white;
patrick@0
    53
}
patrick@0
    54
patrick@0
    55
/* ~~~~~~~~~~ pdocP ~~~~~~~~~ */
patrick@0
    56
patrick@0
    57
.pdocP {
patrick@0
    58
  font-family: MinyaNouvelle;
patrick@0
    59
  color: #603a19;
patrick@0
    60
}
patrick@0
    61
Patrick@74
    62
/* ~~~~~ media-overlay ~~~~~~ */
patrick@0
    63
patrick@0
    64
.-epub-media-overlay-active {
patrick@0
    65
  background-color: yellow;
patrick@16
    66
}
patrick@16
    67
patrick@16
    68
patrick@16
    69
/* ========= EFFECTS ======== */
patrick@16
    70
patrick@16
    71
patrick@16
    72
/* ~~~~~~~~~~ Glow ~~~~~~~~~~ */
patrick@16
    73
patrick@16
    74
#effectGlow {
patrick@16
    75
  position: relative;
patrick@16
    76
  width: 100%;
patrick@16
    77
  height: 100%;
patrick@16
    78
  overflow: hidden;
patrick@16
    79
}
patrick@16
    80
patrick@16
    81
#effectGlowSpot {
patrick@16
    82
  position: absolute;
patrick@16
    83
  top: -50%;
patrick@16
    84
  left: -50%;
patrick@16
    85
  width: 200%;
patrick@16
    86
  height: 200%;
patrick@16
    87
  cursor: none;
patrick@16
    88
  background: -moz-radial-gradient(center 45deg, circle closest-side, transparent 10%, rgba(0, 0, 0, 0.75) 33%);
Patrick@82
    89
  background: -webkit-radial-gradient(center, circle closest-side, transparent 10%, rgba(0, 0, 0, 0.75) 33%);
patrick@0
    90
}