← Back to branch summary

~stephen-stewart/online-services-common-js/update-global-nav

« back to all changes in this revision

Viewing changes to src/widget-tooltip/assets/one-widget-tooltip-core.css

  • Committer: Stephen Stewart
  • Date: 2014-02-22 15:05:16 UTC
  • Revision ID: stephen.stewart@canonical.com-20140222150516-rkzti2c43ggwr2ta
import latest js, convert

Show diffs side-by-side

added added

removed removed

Lines of Context:
src/widget-tooltip/assets/one-widget-tooltip-core.css
1
 
.yui3-hastooltip {
2
 
  cursor:default;
3
 
}
4
 
 
5
 
.yui3-tooltip {
6
 
  position:absolute;
7
 
  opacity:1;
8
 
  transition:opacity 750ms ease-in-out;
9
 
  padding:10px;
10
 
  max-width:10em;
11
 
}
12
 
 
13
 
.yui3-tooltip-content {
14
 
  position:relative;
15
 
  background:rgb(30,30,30);
16
 
  border-color:rgb(30,30,30);
17
 
  border-radius:3px;
18
 
  padding:10px;
19
 
  color:rgb(200,200,200);
20
 
  font-size:11px;
21
 
  line-height:1.4;
22
 
}
23
 
 
24
 
.yui3-tooltip-hidden {
25
 
  opacity:0;
26
 
  visibility:hidden;
27
 
  display: block;
28
 
}
29
 
 
30
 
.yui3-tooltip .yui3-tooltip-content::before {
31
 
  content: "";
32
 
  position:absolute;
33
 
}
34
 
 
35
 
.yui3-tooltip-position-north .yui3-tooltip-content::before {
36
 
  bottom:-4px;
37
 
  left:50%;
38
 
  margin-left:-4px;
39
 
  border-top: 4px solid black;
40
 
  border-top-color: inherit;
41
 
  border-left: 4px solid transparent;
42
 
  border-right: 4px solid transparent;
43
 
}
44
 
 
45
 
.yui3-tooltip-position-east .yui3-tooltip-content::before {
46
 
  top:50%;
47
 
  left:-4px;
48
 
  margin-top:-4px;
49
 
  border-right: 4px solid black;
50
 
  border-right-color: inherit;
51
 
  border-top: 4px solid transparent;
52
 
  border-bottom: 4px solid transparent;
53
 
}
54
 
 
55
 
.yui3-tooltip-position-south .yui3-tooltip-content::before {
56
 
  top:-4px;
57
 
  left:50%;
58
 
  margin-left:-4px;
59
 
  border-bottom: 4px solid black;
60
 
  border-bottom-color: inherit;
61
 
  border-left: 4px solid transparent;
62
 
  border-right: 4px solid transparent; 
63
 
}
64
 
 
65
 
.yui3-tooltip-position-west .yui3-tooltip-content::before {
66
 
  top:50%;
67
 
  right:-4px;
68
 
  margin-top:-4px;
69
 
  border-left: 4px solid black;
70
 
  border-left-color: inherit;
71
 
  border-top: 4px solid transparent;
72
 
  border-bottom: 4px solid transparent;
73
 
}