|
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