1#livePreview { 2 background: #fff; 3 display: block; 4 height: 0; 5 margin: 0; 6 overflow: visible; 7 padding: 0; 8 position: absolute; 9 width: 0; 10} 11#livePreview .livePreviewIcon { 12 /* 13 * place for the icon 14 * background: transparent url("icons/exit.gif") no-repeat center left; 15 */ 16 background: #fff; 17 /* 18 * rest of the styles to make the icon work 19 * padding-left: 12px; height: 11px; margin-left: 2px; 20 */ 21 border: 1px dotted #cc12ef; 22 border-top: 0; 23 border-right: 0; 24 color: #000; 25 font-size: 12px; 26 font-weight: normal; 27 left: 0; 28 line-height: 1.2; 29 margin: 0; 30 padding: 2px; 31 position: absolute; 32 text-decoration: none; 33 top: -7px; 34 z-index: 10; 35} 36#livePreview .livePreviewIcon span { 37/* 38* hide it, if real icon is used 39*/ 40/* display: none*/ 41} 42 43/* insitu-footnotes */ 44div.livePreviewTooltip { 45 background: __light__; 46 border: 1px solid __dark__; 47 display: block; 48 line-height: 1; 49 overflow: hidden; 50 height: auto !important; 51 max-height: 400px; 52 text-align: left; 53 padding: 4px; 54 max-width: 80%; /* IE's width is handled in javascript */ 55 width: 80%; 56} 57html>body div.livePreviewTooltip { 58 width: auto; 59}