Pdf/BaladeNature/Css/balade_nature.css
author Patrick PIERRE
ven., 30 mai 2014 20:05:02 +0200
changeset 125 dc7473e2d1af
parent 110 b4d1430ee1c6
child 135 aac1191a3ab8
permissions -rw-r--r--
Mootools -> jQuery
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@84
    59
  font-size: 200%;
patrick@0
    60
  color: #603a19;
patrick@0
    61
}
patrick@0
    62
Patrick@74
    63
/* ~~~~~ media-overlay ~~~~~~ */
patrick@0
    64
patrick@0
    65
.-epub-media-overlay-active {
patrick@0
    66
  background-color: yellow;
patrick@16
    67
}
patrick@16
    68
patrick@16
    69
patrick@16
    70
/* ========= EFFECTS ======== */
patrick@16
    71
patrick@16
    72
patrick@16
    73
/* ~~~~~~~~~~ Glow ~~~~~~~~~~ */
patrick@16
    74
patrick@16
    75
#effectGlow {
patrick@16
    76
  position: relative;
patrick@16
    77
  width: 100%;
patrick@16
    78
  height: 100%;
patrick@16
    79
  overflow: hidden;
patrick@16
    80
}
patrick@16
    81
patrick@16
    82
#effectGlowSpot {
patrick@16
    83
  position: absolute;
patrick@16
    84
  top: -50%;
patrick@16
    85
  left: -50%;
patrick@16
    86
  width: 200%;
patrick@16
    87
  height: 200%;
patrick@16
    88
  cursor: none;
patrick@16
    89
  background: -moz-radial-gradient(center 45deg, circle closest-side, transparent 10%, rgba(0, 0, 0, 0.75) 33%);
Patrick@82
    90
  background: -webkit-radial-gradient(center, circle closest-side, transparent 10%, rgba(0, 0, 0, 0.75) 33%);
patrick@0
    91
}