| author | Patrick PIERRE <patrick.pierre@prismallia.fr> |
| sam., 28 juil. 2012 08:25:43 +0200 | |
| changeset 19 | 20e0ea3ff2fc |
| parent 16 | 3b696abda836 |
| child 23 | 9fe44f4d31c9 |
| permissions | -rw-r--r-- |
| 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 |
} |