1/** @file tooltip/style.css 2 * @brief Default stylesheets for tooltip plugin 3 * @author Luis Machuca Bezzaza <luis [dot] machuca [at] gulix [dot] cl> 4 * @version 1.2 (2009-10-03) 5 * @license GPL v2 6 */ 7 8 9/** This file provides default styles for the "tooltip" 10 * (CSS-based tooltip sections) plugin for Dokuwiki. 11 * CUSTOMIZATION: 12 * To create your own style follow instructions at Wiki page. 13 */ 14 15/** 16 * The default styles ("_default") implement a box with outlines similar to 17 * Opera's "spatial navigation" outline boxes. 18 */ 19 20div.dokuwiki span.tooltip_default { 21 display: inline-block; 22 position: relative; 23 border-bottom: 2px dotted __text_neu__; 24 } 25 26div.dokuwiki span.tooltip_default .tip { 27 display: none; 28 } 29 30div.dokuwiki span.tooltip_default:hover { 31 z-index: 998; 32 } 33 34div.dokuwiki span.tooltip_default:hover .tip { 35 display: block; 36 position: absolute; 37 top: 100%; 38 left: 5px; 39 z-index: 999; 40 41 min-width: 12em; 42 min-height: 2em; 43 padding: 4px; 44 45 background-color: #d0d0d0; 46 color: __text_alt__; 47 border: 2px solid __existing__; 48 49 font-size: smaller; 50 line-height: 1.3em; 51 text-align: center; 52 53 } 54 55 56/** 57 * This is an alternate style based on Microsoft Windows's 58 * "cream tooltips". 59 */ 60 61div.dokuwiki span.tooltip_winlike { 62 display: inline-block; 63 position: relative; 64 border-bottom: 2px dotted black; 65 } 66 67div.dokuwiki span.tooltip_winlike .tip { 68 display: none; 69 } 70 71div.dokuwiki span.tooltip_winlike:hover { 72 z-index: 998; 73 } 74 75div.dokuwiki span.tooltip_winlike:hover .tip { 76 display: block; 77 position: absolute; 78 top: 100%; 79 left: 5px; 80 z-index: 999; 81 82 min-width: 12em; 83 min-height: 2em; 84 padding: 4px; 85 86 background-color: #e8e8d4; /* cream-like colour */ 87 color: black; 88 border: 1px solid #444444; 89 90 font-size: smaller; 91 letter-spacing: 0.2pt; 92 line-height: 1.3em; 93 text-align: center; 94 } 95 96 97 98/** 99 * The "inline style" is defined for the shorthand (one word) syntax 100 * and is based in Opera's "spatial navigation boxes" just like 101 * the default style. 102 */ 103 104span.tooltip_inline { 105 display: inline-block; 106 position: relative; 107 border-bottom: 1px dotted __text_neu__ !important; 108 } 109 110 111span.tooltip_inline .tip { 112 display: none; 113 } 114 115span.tooltip_inline:hover { 116 z-index: 998; 117 } 118 119span.tooltip_inline:hover .tip { 120 display: block; 121 position: absolute; 122 top: 100%; 123 z-index: 999; 124 125 min-width: 12em; 126 min-height: 2em; 127 padding: 2px; 128 129 background-color: #e0e0e0; 130 color: __text_alt__; 131 outline: 2px solid __existing__; 132 133 font-size: smaller; 134 line-height: 1.1em; 135 text-align: center; 136 } 137 138