You are here

Home » API reference » BeautyTips 8

beautytips.css in BeautyTips 8

Same filename and directory in other branches
  1. 6.2 css/beautytips.css
  2. 7.2 css/beautytips.css
/*hover here bubble*/
#beautytips-site-wide-popup {
  background: transparent url(../images/beauty-bubble.png) no-repeat scroll 0 0;
  float: right;
  height: 160px;
  width: 241px;
  margin-top: -192px;
  margin-right: 397px;
}
#beautytips-site-wide-popup #beauty-text {
  color: #eaeaea;
  font-style: italic;
  line-height: 14px;
  padding-left: 58px;
  padding-top: 41px;
  width: 140px;
  font-size: .8em;
}
/*click here bubble*/
#beautytips-popup-changes {
  background: transparent url(../images/blue-bubble.png) no-repeat scroll 0 0;
  float: right;
  height: 160px;
  width: 321px;
  margin-right: 702px;
}
#beautytips-popup-changes #beauty-click-text {
  color: #eaeaea;
  font-style: italic;
  line-height: 14px;
  padding-left: 48px;
  padding-top: 37px;
  width: 140px;
  font-size: .8em;
}
.beautytips-fixed-beautytips {
  position: fixed;
}
.fieldset-wrapper {
  position: relative;
}
/*##beautytips position fix for firefox##*/
body.gecko div#content {
  position: static;
}

File

css/beautytips.css
View source 
  1. /*hover here bubble*/

  2. #beautytips-site-wide-popup {

  3.   background: transparent url(../images/beauty-bubble.png) no-repeat scroll 0 0;

  4.   float: right;

  5.   height: 160px;

  6.   width: 241px;

  7.   margin-top: -192px;

  8.   margin-right: 397px;

  9. }

  10. #beautytips-site-wide-popup #beauty-text {

  11.   color: #eaeaea;

  12.   font-style: italic;

  13.   line-height: 14px;

  14.   padding-left: 58px;

  15.   padding-top: 41px;

  16.   width: 140px;

  17.   font-size: .8em;

  18. }

  19. /*click here bubble*/

  20. #beautytips-popup-changes {

  21.   background: transparent url(../images/blue-bubble.png) no-repeat scroll 0 0;

  22.   float: right;

  23.   height: 160px;

  24.   width: 321px;

  25.   margin-right: 702px;

  26. }

  27. #beautytips-popup-changes #beauty-click-text {

  28.   color: #eaeaea;

  29.   font-style: italic;

  30.   line-height: 14px;

  31.   padding-left: 48px;

  32.   padding-top: 37px;

  33.   width: 140px;

  34.   font-size: .8em;

  35. }

  36. .beautytips-fixed-beautytips {

  37.   position: fixed;

  38. }

  39. .fieldset-wrapper {

  40.   position: relative;

  41. }

  42. /*##beautytips position fix for firefox##*/

  43. body.gecko div#content {

  44.   position: static;

  45. }