← 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/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/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
}