app/site-content/css/jquery-purr.css
author Madhusudan.C.S <madhusudancs@gmail.com>
Sun, 09 Aug 2009 23:24:48 +0530
changeset 23 91cf6872d853
child 24 7257b66a6766
permissions -rw-r--r--
Add jqeury purr plugin for help text.

/* jquery purr */

#purr-container {
  position:fixed;
  bottom:0;
  right:0;
}

.tooltip {
  position: relative;
  width: 300px;
}

.tooltip .close {
  position: absolute;
  top: 12px;
  right: 12px;
  display: block;
  width: 18px;
  height: 17px;
  text-indent: -9999px;
  background: url('/soc/content/images/purrClose.png') no-repeat 0 10px;
}

.tooltip-body {
  min-height: 50px;
  padding: 22px 22px 0 22px;
  background: url('/soc/content/images/purrTop.png') no-repeat left top;
  color: #f9f9f9;
}

.tooltip-body img {
  width: 50px;
  margin: 0 10px 0 0;
  float: left;
}

.tooltip-body h3 {
  margin: 0;
  font-size: 1.1em;
}

.tooltip-body p {
  margin: 5px 0 0 60px; 
  font-size: 0.8em; 
  line-height: 1.4em;
}

.tooltip-bottom {
  height: 22px;
  background: url('/soc/content/images/purrBottom.png') no-repeat left top;
}