Download as
Browse Code »

Commit 8603269f8019e1e7372edf5b3054464cf9b5c30e

Authored by Melissa Wen
1 parent fb143086
Exists in master and in 9 other branches bootstrap_modal, bug_fix_40, code_block, design_41_backup, event_block, master_with_pkg_fixes, pkg_fixes, r4, r5_design

Adding tooltip style

Showing 1 changed file with 40 additions and 0 deletions   Show diff stats
css/tooltip.css 0 → 100644
  Diff comments   View file @8603269
... ... @@ -0,0 +1,40 @@
  1 +.ui-tooltip {
  2 + position: relative;
  3 + width: -moz-fit-content;
  4 + width: -webkit-fit-content;
  5 + width: fit-content;
  6 + max-width:280px;
  7 + padding: 15px 10px 15px 20px;
  8 + background: #172638;
  9 + color: white;
  10 + font-family: Arial, sans-serif;
  11 + font-size: 13px;
  12 + border: 0px !important;
  13 + z-index: 1070;
  14 +}
  15 +
  16 +.ui-tooltip-bottom:after {
  17 + content: " ";
  18 + height: 0;
  19 + width: 0;
  20 + margin-left: -6px;
  21 + position: absolute;
  22 + bottom: 100%;
  23 + left: 50%;
  24 + border: solid transparent;
  25 + border-bottom-color: #172638;
  26 + border-width: 6px;
  27 +}
  28 +
  29 +.ui-tooltip-top:after {
  30 + content: " ";
  31 + height: 0;
  32 + width: 0;
  33 + margin-left: -6px;
  34 + position: absolute;
  35 + top: 100%;
  36 + left: 50%;
  37 + border: solid transparent;
  38 + border-top-color: #172638;
  39 + border-width: 6px;
  40 +}
... ...