|
14 | 14 | <link rel="stylesheet" href="css/style.tooltip.css"> |
15 | 15 | <link rel="stylesheet" href="css/style.tooltip.theme.css"> |
16 | 16 |
|
17 | | - <!-- only for demopage --> |
| 17 | + <!-- style only for this page --> |
18 | 18 | <style> |
19 | 19 | body { |
20 | 20 | font-family: 'Open Sans', sans-serif; |
|
37 | 37 | <h2>CSS UI - Tooltip</h2> |
38 | 38 | <div class="row"> |
39 | 39 | <div class="two columns"> |
40 | | - |
41 | | - <!-- primary --> |
42 | 40 | <p style="color: #1ba2eb; padding-top: 25px;"><b>Primary</b></p> |
43 | 41 | <p><span class="tooltip">Top <span class="primary top">Top</span></span></p> |
44 | 42 | <p><span class="tooltip">Bottom <span class="primary bottom">Bottom</span></span></p> |
45 | 43 | <p><span class="tooltip">Left <span class="primary left">Left</span></span></p> |
46 | 44 | <p><span class="tooltip">Right <span class="primary right">Right</span></span></p> |
47 | 45 | </div> |
48 | 46 | <div class="two columns"> |
49 | | - |
50 | | - <!-- common --> |
51 | 47 | <p style="color: #545454; padding-top: 25px;"><b>Common</b></p> |
52 | 48 | <p><span class="tooltip">Top <span class="common top">Top</span></span></p> |
53 | 49 | <p><span class="tooltip">Bottom <span class="common bottom">Bottom</span></span></p> |
54 | 50 | <p><span class="tooltip">Left <span class="common left">Left</span></span></p> |
55 | 51 | <p><span class="tooltip">Right <span class="common right">Right</span></span></p> |
56 | 52 | </div> |
57 | 53 | <div class="two columns"> |
58 | | - |
59 | | - <!-- success --> |
60 | 54 | <p style="color: #52d064; padding-top: 25px;"><b>Success</b></p> |
61 | 55 | <p><span class="tooltip">Top <span class="success top">Top</span></span></p> |
62 | 56 | <p><span class="tooltip">Bottom <span class="success bottom">Bottom</span></span></p> |
63 | 57 | <p><span class="tooltip">Left <span class="success left">Left</span></span></p> |
64 | 58 | <p><span class="tooltip">Right <span class="success right">Right</span></span></p> |
65 | 59 | </div> |
66 | 60 | <div class="two columns"> |
67 | | - |
68 | | - <!-- warning --> |
69 | 61 | <p style="color: #ffd965; padding-top: 25px;"><b>Warning</b></p> |
70 | 62 | <p><span class="tooltip">Top <span class="warning top">Top</span></span></p> |
71 | 63 | <p><span class="tooltip">Bottom <span class="warning bottom">Bottom</span></span></p> |
72 | 64 | <p><span class="tooltip">Left <span class="warning left">Left</span></span></p> |
73 | 65 | <p><span class="tooltip">Right <span class="warning right">Right</span></span></p> |
74 | 66 | </div> |
75 | 67 | <div class="two columns"> |
76 | | - |
77 | | - <!-- danger --> |
78 | 68 | <p style="color: #ff3e59; padding-top: 25px;"><b>Danger</b></p> |
79 | 69 | <p><span class="tooltip">Top <span class="danger top">Top</span></span></p> |
80 | 70 | <p><span class="tooltip">Bottom <span class="danger bottom">Bottom</span></span></p> |
|
0 commit comments