_tooltips.sass

Tooltips

@mixin rounded_corners {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.tooltip {
  @include rounded_corners;
  display: none;
  background: #090;
	font-size: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 12px;
	padding-right: 12px;
	max-width: 200px;
	color: #fff;
	position: relative;
	z-index: 100;
	
	-moz-box-shadow: 0 0 5px #000;
	-webkit-box-shadow: 0 0 5px #000;
	
	/* Generated at http://gradients.glrzad.com/ */
  background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.35, #255C1A),
      color-stop(0.68, #2D8031),
      color-stop(0.84, #229949)
  );
  background-image: -moz-linear-gradient(
      center bottom,
      #255C1A 35%,
      #2D8031 68%,
      #229949 84%
  );
}