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