/* $Id$ */
/* balade_nature */
body {
width: ${width}px;
height: ${height}px;
}
body.pdocTopic { padding: 0; margin: 0; }
img { max-width: 100%; max-height: 100%; }
/* ======= BLOCK LEVEL ====== */
/* ~~~~~~~ pdocMedia ~~~~~~~~ */
.pdocMedia {
position: relative;
margin: 0;
text-align: center;
}
.pdocMediaCaptionAbsolute {
position: absolute;
text-align: center;
width: 100%;
}
/* ~~~~~~~ pdocImage ~~~~~~~~ */
.pdocImage {
max-width: 100%;
max-height: 100%;
text-align: center;
}
.pdocImageHotspot {
float: left;
position: relative;
}
/* ~~~~~~ pdocHotspot ~~~~~~~ */
.pdocHotspot, .pdocHotspotContent {
position: absolute;
font-size: 140%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.pdocHotspotContent .pdocP {
color: white;
}
/* ~~~~~~~~~~ pdocP ~~~~~~~~~ */
.pdocP {
font-family: MinyaNouvelle;
font-size: 200%;
color: #603a19;
}
/* ~~~~~ media-overlay ~~~~~~ */
.-epub-media-overlay-active {
background-color: yellow;
}
/* ========= EFFECTS ======== */
/* ~~~~~~~~~~ Glow ~~~~~~~~~~ */
#effectGlow {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
#effectGlowSpot {
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
cursor: none;
background: -moz-radial-gradient(center 45deg, circle closest-side, transparent 10%, rgba(0, 0, 0, 0.75) 33%);
background: -webkit-radial-gradient(center, circle closest-side, transparent 10%, rgba(0, 0, 0, 0.75) 33%);
}