/** @file     tooltip/style.css
 *  @brief    Default stylesheets for tooltip plugin
 *  @author   Luis Machuca Bezzaza <luis [dot] machuca [at] gulix [dot] cl>
 *  @version  1.2 (2009-10-03)
 *  @license  GPL v2
 */

 
/** This file provides default styles for the "tooltip"
 *  (CSS-based tooltip sections) plugin for Dokuwiki.
 *  CUSTOMIZATION:
 *  To create your own style follow instructions at Wiki page.
 */

/**
 *  The default styles ("_default") implement a box with outlines similar to
 *  Opera's "spatial navigation" outline boxes.
 */

div.dokuwiki span.tooltip_default {
  display: inline-block;
  position: relative;
  border-bottom: 2px dotted __text_neu__;
  }

div.dokuwiki span.tooltip_default .tip {
  display: none;
  }

div.dokuwiki span.tooltip_default:hover {
  z-index: 998;
  }

div.dokuwiki span.tooltip_default:hover .tip {
  display: block;
  position: absolute;
  top: 100%;
  left: 5px;
  z-index: 999;

  min-width: 12em;
  min-height: 2em;
  padding: 4px;
  
  background-color: #d0d0d0;
  color: __text_alt__;
  border: 2px solid __existing__;

  font-size: smaller;
  line-height: 1.3em;
  text-align: center;

  }


/**
 *  This is an alternate style based on Microsoft Windows's 
 *  "cream tooltips".
 */

div.dokuwiki span.tooltip_winlike {
  display: inline-block;
  position: relative;
  border-bottom: 2px dotted black;
  }

div.dokuwiki span.tooltip_winlike .tip {
  display: none;
  }

div.dokuwiki span.tooltip_winlike:hover {
  z-index: 998;
  }

div.dokuwiki span.tooltip_winlike:hover .tip {
  display: block;
  position: absolute;
  top: 100%;
  left: 5px;
  z-index: 999;

  min-width: 12em;
  min-height: 2em;
  padding: 4px;
  
  background-color: #e8e8d4; /* cream-like colour */
  color: black;
  border: 1px solid #444444;

  font-size: smaller;
  letter-spacing: 0.2pt;
  line-height: 1.3em;
  text-align: center;
  }



/**
 * The "inline style" is defined for the shorthand (one word) syntax
 * and is based in Opera's "spatial navigation boxes" just like
 * the default style.
 */

span.tooltip_inline {
  display: inline-block;
  position: relative;
  border-bottom: 1px dotted __text_neu__ !important;
  }


span.tooltip_inline .tip {
  display: none;
  }

span.tooltip_inline:hover {
  z-index: 998;
  }

span.tooltip_inline:hover .tip {
  display: block;
  position: absolute; 
  top: 100%;
  z-index: 999;

  min-width: 12em;
  min-height: 2em;
  padding: 2px;

  background-color: #e0e0e0;
  color: __text_alt__;
  outline: 2px solid __existing__;

  font-size: smaller;
  line-height: 1.1em;
  text-align: center;
  }