]> git.openstreetmap.org Git - rails.git/blob - app/assets/stylesheets/bootstrap-tooltips.css
JSON: move root_attributes to shared folder
[rails.git] / app / assets / stylesheets / bootstrap-tooltips.css
1 /* Rules for bootstrap tooltips */
2
3 .tooltip {
4   position: absolute;
5   display: none;
6   color: #333;
7   text-align: left;
8   font-size: 12px;
9   max-width: 250px;
10 }
11
12 .tooltip.in {
13   opacity: 0.8;
14   z-index: 1030;
15   height: auto;
16   display: block;
17 }
18
19 .tooltip.top {
20   margin-top: -10px;
21   text-align: center;
22 }
23
24 .tooltip.right {
25   margin-left: 10px;
26 }
27
28 .tooltip.bottom {
29   margin-top: 10px;
30   text-align: center;
31 }
32
33 .tooltip.left {
34   margin-left: -10px;
35   text-align: right;
36 }
37
38 .tooltip-inner {
39   display: inline-block;
40   padding: 10px;
41   font-weight: normal;
42   background-color: white;
43 }
44
45 .tooltip-arrow {
46   position: absolute;
47   width: 0;
48   height: 0;
49   border-color: transparent;
50   border-style: solid;
51 }
52
53 .tooltip.top .tooltip-arrow {
54   bottom: -5px;
55   left: 50%;
56   margin-left: -5px;
57   border-top-color: white;
58   border-width: 5px 5px 0;
59 }
60
61 .tooltip.right .tooltip-arrow {
62   top: 50%;
63   left: -5px;
64   margin-top: -5px;
65   border-right-color: white;
66   border-width: 5px 5px 5px 0;
67 }
68
69 .tooltip.left .tooltip-arrow {
70   top: 50%;
71   right: -5px;
72   margin-top: -5px;
73   border-left-color: white;
74   border-width: 5px 0 5px 5px;
75 }
76
77 .tooltip.bottom .tooltip-arrow {
78   top: -5px;
79   left: 50%;
80   margin-left: -5px;
81   border-bottom-color: white;
82   border-width: 0 5px 5px;
83 }