Pdf/BaladeNature/Css/balade_nature.css
author Patrick PIERRE <patrick.pierre@prismallia.fr>
jeu., 05 sept. 2013 22:54:41 +0200
changeset 101 82670acbc12c
parent 84 cc79caacc4d8
child 102 80ea8e27ea0c
permissions -rw-r--r--
Ajout des polices manquantes
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@101
    11
@font-face {
patrick@101
    12
  font-family: TimesNewRomanPSMT;
patrick@101
    13
  src: url("../Fonts/TimesNewRomanPSMT.otf") format("opentype");
patrick@101
    14
}
patrick@101
    15
patrick@101
    16
@font-face {
patrick@101
    17
  font-family: TriplexLight;
patrick@101
    18
  src: url("../Fonts/TriplexLight.otf") format("opentype");
patrick@101
    19
}
patrick@101
    20
patrick@0
    21
body {
patrick@0
    22
  width: ${width}px;
patrick@0
    23
  height: ${height}px;
patrick@0
    24
}
Patrick@63
    25
body.pdocTopic { padding: 0; margin: 0; }
patrick@0
    26
patrick@56
    27
img { max-width: 100%; max-height: 100%; }
patrick@56
    28
patrick@56
    29
patrick@56
    30
patrick@56
    31
/* ======= BLOCK LEVEL ====== */
patrick@56
    32
patrick@56
    33
patrick@0
    34
/* ~~~~~~~ pdocMedia ~~~~~~~~ */
patrick@0
    35
patrick@0
    36
.pdocMedia {
patrick@56
    37
  position: relative;
patrick@0
    38
  margin: 0;
patrick@0
    39
}
patrick@0
    40
patrick@0
    41
.pdocMediaCaptionAbsolute {
patrick@56
    42
  position: absolute;
patrick@0
    43
  text-align: center;
patrick@0
    44
  width: 100%;
patrick@0
    45
}
patrick@0
    46
patrick@23
    47
/* ~~~~~~~ pdocImage ~~~~~~~~ */
patrick@23
    48
patrick@56
    49
.pdocImage {
patrick@56
    50
  max-width: 100%;
patrick@56
    51
  max-height: 100%;
patrick@56
    52
}
patrick@56
    53
Patrick@74
    54
.pdocImageHotspot {
patrick@56
    55
  float: left;
patrick@56
    56
  position: relative;
patrick@56
    57
}
patrick@56
    58
Patrick@74
    59
/* ~~~~~~ pdocHotspot ~~~~~~~ */
Patrick@74
    60
Patrick@74
    61
.pdocHotspot, .pdocHotspotContent {
patrick@56
    62
  position: absolute;
Patrick@74
    63
  font-size: 140%;
patrick@56
    64
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
patrick@56
    65
}
patrick@56
    66
Patrick@74
    67
.pdocHotspotContent .pdocP {
patrick@0
    68
  color: white;
patrick@0
    69
}
patrick@0
    70
patrick@0
    71
/* ~~~~~~~~~~ pdocP ~~~~~~~~~ */
patrick@0
    72
patrick@0
    73
.pdocP {
patrick@0
    74
  font-family: MinyaNouvelle;
Patrick@84
    75
  font-size: 200%;
patrick@0
    76
  color: #603a19;
patrick@0
    77
}
patrick@0
    78
Patrick@74
    79
/* ~~~~~ media-overlay ~~~~~~ */
patrick@0
    80
patrick@0
    81
.-epub-media-overlay-active {
patrick@0
    82
  background-color: yellow;
patrick@16
    83
}
patrick@16
    84
patrick@16
    85
patrick@16
    86
/* ========= EFFECTS ======== */
patrick@16
    87
patrick@16
    88
patrick@16
    89
/* ~~~~~~~~~~ Glow ~~~~~~~~~~ */
patrick@16
    90
patrick@16
    91
#effectGlow {
patrick@16
    92
  position: relative;
patrick@16
    93
  width: 100%;
patrick@16
    94
  height: 100%;
patrick@16
    95
  overflow: hidden;
patrick@16
    96
}
patrick@16
    97
patrick@16
    98
#effectGlowSpot {
patrick@16
    99
  position: absolute;
patrick@16
   100
  top: -50%;
patrick@16
   101
  left: -50%;
patrick@16
   102
  width: 200%;
patrick@16
   103
  height: 200%;
patrick@16
   104
  cursor: none;
patrick@16
   105
  background: -moz-radial-gradient(center 45deg, circle closest-side, transparent 10%, rgba(0, 0, 0, 0.75) 33%);
Patrick@82
   106
  background: -webkit-radial-gradient(center, circle closest-side, transparent 10%, rgba(0, 0, 0, 0.75) 33%);
patrick@0
   107
}