# HG changeset patch # User Patrick PIERRE # Date 1359582606 -3600 # Node ID a86b4f6d95b4ed5cf0b5a685a328d6e49d722881 # Parent 4d3804ea2b8da9fece18b10825d701dd6b241d22 CSS complétée diff -r 4d3804ea2b8d -r a86b4f6d95b4 Pdf/BaladeNature/Css/balade_nature.css --- a/Pdf/BaladeNature/Css/balade_nature.css ven. janv. 25 11:26:07 2013 +0100 +++ b/Pdf/BaladeNature/Css/balade_nature.css mer. janv. 30 22:50:06 2013 +0100 @@ -14,31 +14,66 @@ } body.pdocTopic { padding: 0; } +img { max-width: 100%; max-height: 100%; } + + + +/* ======= BLOCK LEVEL ====== */ + + /* ~~~~~~~ pdocMedia ~~~~~~~~ */ .pdocMedia { + position: relative; margin: 0; } .pdocMediaCaptionAbsolute { + position: absolute; text-align: center; width: 100%; } /* ~~~~~~~ pdocImage ~~~~~~~~ */ +.pdocImage { + max-width: 100%; + max-height: 100%; +} + +.pdocImage.tooltip, .pdocImage.hotspot { + float: left; + position: relative; +} + +.pdocImageHotspot { + position: absolute; +} + +.pdocImageHotspot a { + display: block; + text-decoration: none; + border: 1px dotted gray; +} + +.pdocImagePulse { + position: absolute; + cursor: pointer; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + .pdocImageTooltip { + position: absolute; + display: none; + color: white; font-size: 140%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + text-shadow: 1px 1px 1px #bbbbbb; } .pdocImageTooltip .pdocP { color: white; } -.pdocImagePulse { - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -} - /* ~~~~~~~~~~ pdocP ~~~~~~~~~ */ .pdocP { @@ -74,5 +109,5 @@ height: 200%; cursor: none; background: -moz-radial-gradient(center 45deg, circle closest-side, transparent 10%, rgba(0, 0, 0, 0.75) 33%); - background: -webkit-gradient(radial, center center, 30, center center, 300, from(rgba(0,0,0,0)), to(rgba(0,0,0,.75))); + /* background: -webkit-gradient(radial, center center, 30, center center, 300, from(rgba(0,0,0,0)), to(rgba(0,0,0,.75))); */ } \ No newline at end of file