mice 0.2.10 → 0.2.11

Sign up to get free protection for your applications and to get access to all the features.
Files changed (69) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile.lock +44 -36
  3. data/lib/mice/version.rb +1 -1
  4. metadata +2 -67
  5. data/vendor/assets/fonts/FontAwesome.otf +0 -0
  6. data/vendor/assets/fonts/fontawesome-webfont.eot +0 -0
  7. data/vendor/assets/fonts/fontawesome-webfont.svg +0 -414
  8. data/vendor/assets/fonts/fontawesome-webfont.ttf +0 -0
  9. data/vendor/assets/fonts/fontawesome-webfont.woff +0 -0
  10. data/vendor/assets/images/ZeroClipboard.swf +0 -0
  11. data/vendor/assets/javascripts/mice/ZeroClipboard.js +0 -1031
  12. data/vendor/assets/javascripts/mice/ZeroClipboard.min.js +0 -9
  13. data/vendor/assets/javascripts/mice/alert.js +0 -92
  14. data/vendor/assets/javascripts/mice/carousel.js +0 -66
  15. data/vendor/assets/javascripts/mice/jquery.autocomplete.min.js +0 -29
  16. data/vendor/assets/javascripts/mice/jquery.autofix_anything.js +0 -83
  17. data/vendor/assets/javascripts/mice/jquery.email-autocomplete.js +0 -178
  18. data/vendor/assets/javascripts/mice/jquery.js +0 -9597
  19. data/vendor/assets/javascripts/mice/jquery.min.js +0 -5
  20. data/vendor/assets/javascripts/mice/jquery.min.map +0 -1
  21. data/vendor/assets/javascripts/mice/jquery.onepage-scroll.js +0 -411
  22. data/vendor/assets/javascripts/mice/message.coffee +0 -104
  23. data/vendor/assets/javascripts/mice/modal.coffee +0 -237
  24. data/vendor/assets/javascripts/mice/slider.coffee +0 -20
  25. data/vendor/assets/javascripts/mice/slider.js +0 -223
  26. data/vendor/assets/javascripts/mice/tooltip.coffee +0 -338
  27. data/vendor/assets/javascripts/mice/transition.coffee +0 -36
  28. data/vendor/assets/javascripts/mice.js +0 -6
  29. data/vendor/assets/stylesheets/mice/_alerts.scss +0 -70
  30. data/vendor/assets/stylesheets/mice/_autofix_anything.scss +0 -14
  31. data/vendor/assets/stylesheets/mice/_breadcrumbs.scss +0 -26
  32. data/vendor/assets/stylesheets/mice/_buttons.scss +0 -407
  33. data/vendor/assets/stylesheets/mice/_callouts.scss +0 -71
  34. data/vendor/assets/stylesheets/mice/_close.scss +0 -35
  35. data/vendor/assets/stylesheets/mice/_code.scss +0 -63
  36. data/vendor/assets/stylesheets/mice/_component-animations.scss +0 -11
  37. data/vendor/assets/stylesheets/mice/_forms.scss +0 -402
  38. data/vendor/assets/stylesheets/mice/_grid.scss +0 -95
  39. data/vendor/assets/stylesheets/mice/_icons.scss +0 -564
  40. data/vendor/assets/stylesheets/mice/_images.scss +0 -250
  41. data/vendor/assets/stylesheets/mice/_labels.scss +0 -82
  42. data/vendor/assets/stylesheets/mice/_lists.scss +0 -186
  43. data/vendor/assets/stylesheets/mice/_media.scss +0 -53
  44. data/vendor/assets/stylesheets/mice/_menu.scss +0 -42
  45. data/vendor/assets/stylesheets/mice/_message.scss +0 -78
  46. data/vendor/assets/stylesheets/mice/_mixins.scss +0 -176
  47. data/vendor/assets/stylesheets/mice/_modals.scss +0 -160
  48. data/vendor/assets/stylesheets/mice/_navbar.scss +0 -86
  49. data/vendor/assets/stylesheets/mice/_normalize.scss +0 -425
  50. data/vendor/assets/stylesheets/mice/_pagination.scss +0 -171
  51. data/vendor/assets/stylesheets/mice/_panels.scss +0 -236
  52. data/vendor/assets/stylesheets/mice/_progress.scss +0 -65
  53. data/vendor/assets/stylesheets/mice/_scaffolding.scss +0 -101
  54. data/vendor/assets/stylesheets/mice/_sidebar.scss +0 -37
  55. data/vendor/assets/stylesheets/mice/_slider.scss +0 -310
  56. data/vendor/assets/stylesheets/mice/_tables.scss +0 -144
  57. data/vendor/assets/stylesheets/mice/_tabs.scss +0 -70
  58. data/vendor/assets/stylesheets/mice/_timeline.scss +0 -157
  59. data/vendor/assets/stylesheets/mice/_tipsy.scss +0 -36
  60. data/vendor/assets/stylesheets/mice/_tooltips.scss +0 -124
  61. data/vendor/assets/stylesheets/mice/_typography.scss +0 -113
  62. data/vendor/assets/stylesheets/mice/_utilities.scss +0 -48
  63. data/vendor/assets/stylesheets/mice/_variables.scss +0 -577
  64. data/vendor/assets/stylesheets/mice-mobile.scss +0 -23
  65. data/vendor/assets/stylesheets/mice.scss +0 -46
  66. data/vendor/assets/stylesheets/mobile/bars.scss +0 -76
  67. data/vendor/assets/stylesheets/mobile/base.scss +0 -52
  68. data/vendor/assets/stylesheets/mobile/cards.scss +0 -29
  69. data/vendor/assets/stylesheets/mobile/variables.scss +0 -37
@@ -1,310 +0,0 @@
1
- //
2
- // Carousel
3
- // --------------------------------------------------
4
-
5
-
6
- // Wrapper for the slide container and indicators
7
- .carousel {
8
- position: relative;
9
-
10
- .inner {
11
- position: relative;
12
- overflow: hidden;
13
- width: 100%;
14
-
15
- > .item {
16
- display: none;
17
- position: relative;
18
- @include transition(.6s ease-in-out left);
19
-
20
- // Account for jankitude on images
21
- > img,
22
- > a > img {
23
- @include img-responsive();
24
- line-height: 1;
25
- }
26
- }
27
-
28
- > .active,
29
- > .next,
30
- > .prev {
31
- display: block;
32
- }
33
-
34
- > .active {
35
- left: 0;
36
- }
37
-
38
- > .next,
39
- > .prev {
40
- position: absolute;
41
- top: 0;
42
- width: 100%;
43
- }
44
-
45
- > .next {
46
- left: 100%;
47
- }
48
- > .prev {
49
- left: -100%;
50
- }
51
- > .next.left,
52
- > .prev.right {
53
- left: 0;
54
- }
55
-
56
- > .active.left {
57
- left: -100%;
58
- }
59
- > .active.right {
60
- left: 100%;
61
- }
62
-
63
- }
64
-
65
- // Left/right controls for nav
66
- // ---------------------------
67
-
68
- .control {
69
- position: absolute;
70
- top: 0;
71
- left: 0;
72
- bottom: 0;
73
- width: $carousel-control-width;
74
- @include opacity($carousel-control-opacity);
75
- font-size: $carousel-control-font-size;
76
- color: $carousel-control-color;
77
- text-align: center;
78
- text-shadow: $carousel-text-shadow;
79
- // We can't have this transition here because WebKit cancels the carousel
80
- // animation if you trip this while in the middle of another animation.
81
-
82
- // Set gradients for backgrounds
83
- &.left {
84
- // @include gradient-horizontal($start-color: rgba(0,0,0,.5), $end-color: rgba(0,0,0,.0001));
85
- }
86
- &.right {
87
- left: auto;
88
- right: 0;
89
- // @include gradient-horizontal($start-color: rgba(0,0,0,.0001), $end-color: rgba(0,0,0,.5));
90
- }
91
-
92
- // Hover/focus state
93
- &:hover,
94
- &:focus {
95
- outline: 0;
96
- color: $carousel-control-color;
97
- text-decoration: none;
98
- @include opacity(.9);
99
- }
100
-
101
- // Toggles
102
- .icon-prev,
103
- .icon-next,
104
- .chevron-left,
105
- .chevron-right {
106
- position: absolute;
107
- top: 50%;
108
- z-index: 5;
109
- display: inline-block;
110
- }
111
- .icon-prev,
112
- .chevron-left {
113
- left: 50%;
114
- margin-left: -10px;
115
- }
116
- .icon-next,
117
- .chevron-right {
118
- right: 50%;
119
- margin-right: -10px;
120
- }
121
- .icon-prev,
122
- .icon-next {
123
- width: 20px;
124
- height: 20px;
125
- margin-top: -10px;
126
- font-family: serif;
127
- }
128
-
129
-
130
- .icon-prev {
131
- &:before {
132
- content: '\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)
133
- }
134
- }
135
- .icon-next {
136
- &:before {
137
- content: '\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)
138
- }
139
- }
140
- }
141
-
142
- // Optional indicator pips
143
- //
144
- // Add an unordered list with the following class and add a list item for each
145
- // slide your carousel holds.
146
-
147
- .indicators {
148
- position: absolute;
149
- bottom: 10px;
150
- left: 50%;
151
- z-index: 15;
152
- width: 60%;
153
- margin-left: -30%;
154
- padding-left: 0;
155
- list-style: none;
156
- text-align: center;
157
-
158
- li {
159
- display: inline-block;
160
- width: 10px;
161
- height: 10px;
162
- margin: 1px;
163
- text-indent: -999px;
164
- border: 1px solid $carousel-indicator-border-color;
165
- border-radius: 10px;
166
- cursor: pointer;
167
-
168
- // IE8-9 hack for event handling
169
- //
170
- // Internet Explorer 8-9 does not support clicks on elements without a set
171
- // `background-color`. We cannot use `filter` since that's not viewed as a
172
- // background color by the browser. Thus, a hack is needed.
173
- //
174
- // For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we
175
- // set alpha transparency for the best results possible.
176
- background-color: #000 \9; // IE8
177
- background-color: rgba(0,0,0,0); // IE9
178
- }
179
- .active {
180
- margin: 0;
181
- width: 12px;
182
- height: 12px;
183
- background-color: $carousel-indicator-active-background;
184
- }
185
- }
186
-
187
- // Optional captions
188
- // -----------------------------
189
- // Hidden by default for smaller viewports
190
- .caption {
191
- position: absolute;
192
- left: 15%;
193
- right: 15%;
194
- bottom: 20px;
195
- z-index: 10;
196
- padding-top: 20px;
197
- padding-bottom: 20px;
198
- color: $carousel-caption-color;
199
- text-align: center;
200
- text-shadow: $carousel-text-shadow;
201
- & .btn {
202
- text-shadow: none; // No shadow for button elements in carousel-caption
203
- }
204
- }
205
- }
206
-
207
-
208
- // Scale up controls for tablets and up
209
- @media screen and (min-width: $screen-sm-min) {
210
-
211
- .carousel{
212
- // Scale up the controls a smidge
213
- .control {
214
- .chevron-left,
215
- .chevron-right,
216
- .icon-prev,
217
- .icon-next {
218
- width: 30px;
219
- height: 30px;
220
- margin-top: -15px;
221
- font-size: 30px;
222
- }
223
- .chevron-left,
224
- .icon-prev {
225
- margin-left: -15px;
226
- }
227
- .chevron-right,
228
- .icon-next {
229
- margin-right: -15px;
230
- }
231
- }
232
-
233
- // Show and left align the captions
234
- .caption {
235
- left: 20%;
236
- right: 20%;
237
- padding-bottom: 30px;
238
- }
239
-
240
- // Move up the indicators
241
- .indicators {
242
- bottom: 20px;
243
- }
244
- }
245
- }
246
-
247
-
248
- .thumb-carousel{
249
- overflow:hidden;
250
- position: relative;
251
-
252
- .viewport {
253
- width: 100%;
254
- height: 150px;
255
- position: relative;
256
- z-index: 98;
257
- }
258
-
259
- .control {
260
- display: block;
261
- color: #FFF;
262
- text-align: center;
263
- text-decoration: none;
264
- position: absolute;
265
- top: 50%;
266
- margin-top: -5px;
267
- z-index: 99;
268
-
269
- &.left { left: 0; }
270
- &.right { right: 0; }
271
- }
272
-
273
- .control i.icon{ margin: 0;}
274
- .control.disable {
275
- cursor: not-allowed;
276
- /*cursor: no-drop;*/
277
- }
278
- .overview {
279
- padding: 0;
280
- margin: 0;
281
- list-style: none;
282
- position: absolute;
283
- top: 0;
284
- z-index: 9;
285
-
286
- li{
287
- float: left;
288
- padding: 1px;
289
- border: 1px solid #FFF;
290
-
291
- &.active{
292
- border-color: #666;
293
- z-index: 99;
294
- }
295
- & img{
296
- opacity: 0.7;
297
- -webkit-transition: all 0.15s ease-out;
298
- -webkit-transition-delay: 0s;
299
- -moz-transition: all 0.15s ease-out 0s;
300
- -o-transition: all 0.15s ease-out 0s;
301
- transition: all 0.15s ease-out 0s;
302
- }
303
- &.active img,
304
- & img:hover{
305
- opacity: 1;
306
- }
307
- }
308
- }
309
-
310
- }
@@ -1,144 +0,0 @@
1
- // Tables
2
- // --------------------------------------------------
3
-
4
- table{
5
- display: table;
6
- width: 100%;
7
- max-width: 100%;
8
- margin-bottom: 15px;
9
- border-collapse: collapse;
10
- border-spacing: 0;
11
- background-color: $table-background;
12
- }
13
-
14
- table > thead,
15
- table > tbody,
16
- table > tfoot{
17
- > tr {
18
- &.active > th, th.active , &.active > td, td.active { background-color: $table-background-active; }
19
- &.primary > th, th.primary, &.primary > td, td.primary { background-color: lighten($brand-primary, 32%); }
20
- &.success > th, th.success, &.success > td, td.success { background-color: lighten($brand-success, 32%); }
21
- &.info > th, th.info , &.info > td, td.info { background-color: lighten($brand-info, 32%); }
22
- &.warning > th, th.warning, &.warning > td, td.warning { background-color: lighten($brand-warning, 32%); }
23
- &.danger > th, th.danger , &.danger > td, td.danger { background-color: lighten($brand-danger, 32%); }
24
- }
25
- }
26
-
27
- table > thead,
28
- table > tbody,
29
- table > tfoot{
30
- > tr{
31
- > th, > td{
32
- border-collapse: collapse;
33
- padding: $table-cell-padding;
34
- border: none;
35
- border-bottom: 1px solid $table-border-color;
36
- }
37
- }
38
- }
39
-
40
- table > thead > tr > td,
41
- table > thead > tr > th,
42
- table > tbody > tr > th,
43
- table > tfoot > tr > td,
44
- table > tfoot > tr > th{
45
- font-weight: bold;
46
- text-align: left
47
- }
48
-
49
- table{
50
-
51
- // Condensed table
52
- // -------------------------
53
- &.condensed{
54
- > thead,
55
- > tbody,
56
- > tfoot{
57
- > tr{
58
- > th, > td{
59
- padding: $table-condensed-cell-padding;
60
- }
61
- }
62
- }
63
- }
64
-
65
- // Bordered
66
- // -------------------------
67
- &.bordered {
68
- &, > thead, > tbody, > tfoot {
69
- tr{
70
- > th, > td{
71
- border: 1px solid $table-border-color;
72
- }
73
- }
74
- }
75
- }
76
-
77
- // Striped
78
- // -------------------------
79
- &.striped > tbody > tr:nth-child(odd) {
80
- > th, > td {
81
- background-color: $table-background-accent;
82
- }
83
- }
84
-
85
- // Hover
86
- // -------------------------
87
- &.hover > tbody > tr:hover {
88
- > th, > td {
89
- background-color: $table-background-hover;
90
- }
91
- }
92
-
93
- }
94
-
95
-
96
- // Responsive Table
97
- // --------------------------------------------------
98
- .table.responsive{
99
- width: 100%;
100
- overflow-y: hidden;
101
- overflow-x: scroll;
102
- -ms-overflow-style: -ms-autohiding-scrollbar;
103
- -webkit-overflow-scrolling: touch;
104
- border: 1px solid $table-border-color;
105
-
106
- > table{
107
- margin-bottom: 0;
108
-
109
- &.bordered{
110
- border: none;
111
-
112
- > thead,
113
- > tbody,
114
- > tfoot {
115
- > tr {
116
- > th:first-child, > td:first-child { border-left: 0; }
117
- > th:last-child, > td:last-child { border-right: 0; }
118
- }
119
- }
120
-
121
- > thead,
122
- > tbody {
123
- > tr:first-child {
124
- > th, > td { border-top: 0; }
125
- }
126
- }
127
- }
128
-
129
- > thead,
130
- > tbody,
131
- > tfoot {
132
- > tr {
133
- > th, > td { white-space: nowrap; }
134
- }
135
- }
136
-
137
- > *:last-child {
138
- > tr:last-child {
139
- > th, > td{ border-bottom: none; }
140
- }
141
- }
142
-
143
- }
144
- }
@@ -1,70 +0,0 @@
1
- //
2
- // Tabs
3
- // --------------------------------------------------
4
-
5
- .tabs{
6
- list-style: none;
7
- border-bottom: 1px solid $tabs-border-color;
8
- padding: 0;
9
- @include clearfix();
10
-
11
- > li {
12
- display: block;
13
- position: relative;
14
- float: left;
15
- margin-bottom: -1px;
16
-
17
- > a {
18
- position: relative;
19
- display: block;
20
- padding: 10px 15px;
21
-
22
- margin-right: 2px;
23
- line-height: $line-height-base;
24
- border: 1px solid transparent;
25
- border-radius: $border-radius $border-radius 0 0;
26
- text-decoration: none;
27
-
28
- &:hover {
29
- border-color: $tabs-link-hover-border-color $tabs-link-hover-border-color $tabs-border-color;
30
- background-color: $tabs-link-hover-background-color;
31
- }
32
- }
33
-
34
- // Active state, and its :hover to override normal :hover
35
- &.active > a {
36
- &,
37
- &:hover,
38
- &:focus {
39
- color: $tabs-active-link-hover-color;
40
- background-color: $tabs-active-link-hover-background;
41
- border: 1px solid $tabs-active-link-hover-border-color;
42
- border-bottom-color: transparent;
43
- cursor: default;
44
- }
45
- }
46
- }
47
-
48
- &.justified{
49
- width: 100%;
50
- border-bottom: 0;
51
-
52
- > li {
53
- display: table-cell;
54
- width: 1%;
55
- float: none;
56
- > a {
57
- text-align: center;
58
- margin-right: 0;
59
- border-bottom: 1px solid $tabs-justified-link-border-color;
60
- border-radius: $border-radius $border-radius 0 0;
61
- }
62
- }
63
-
64
- > .active > a,
65
- > .active > a:hover,
66
- > .active > a:focus {
67
- border-bottom-color: $tabs-justified-active-link-border-color;
68
- }
69
- }
70
- }
@@ -1,157 +0,0 @@
1
- //
2
- // Timeline
3
- // --------------------------------------------------
4
-
5
- @mixin timeline-variant($parent, $color){
6
- .timeline#{$parent} {
7
- > ul, > ol{
8
- > li{
9
- box-shadow: 0 0 0 2px $color inset;
10
-
11
- &:hover {
12
- box-shadow: 0 0 0 30px $color inset;
13
- }
14
-
15
- &.active {
16
- background-color: $color;
17
- }
18
- }
19
- }
20
- }
21
- }
22
-
23
- @mixin timeline-size($parent, $size, $font-size, $border){
24
-
25
- .timeline#{$parent}{
26
- position: relative;
27
- margin-top: 20px;
28
- margin-bottom: 10px;
29
-
30
- &:before{
31
- height: $border;
32
- left: 0;
33
- z-index: 10;
34
- top: $size / 2;
35
- }
36
-
37
- > ul, > ol{
38
- > li{
39
- z-index: 11;
40
- height: $size;
41
- width: $size;
42
- border-radius: 50%;
43
- box-shadow: 0 0 0 $border $timeline-background-default inset;
44
-
45
- &:hover {
46
- box-shadow: 0 0 0 $size / 2 $timeline-background-default inset;
47
- }
48
-
49
- > .title{
50
- line-height: $size;
51
- font-size: $font-size;
52
- }
53
- }
54
- }
55
- }
56
-
57
- }
58
-
59
- .timeline{
60
- position: relative;
61
- margin-top: 20px;
62
- margin-bottom: 10px;
63
-
64
- &:before{
65
- display: block;
66
- content: '';
67
- width: 100%;
68
- height: 2px;
69
- position: absolute;
70
- left: 0;
71
- z-index: 10;
72
- top: 30px;
73
- background-color: #EBEBEB;
74
- }
75
-
76
- > ul, > ol{
77
- padding: 0;
78
- margin: 0;
79
- overflow: hidden;
80
- text-align: justify;
81
- line-height: 0;
82
-
83
- &:after{
84
- display: inline-block;
85
- content: '';
86
- height: 0;
87
- width: 100%;
88
- overflow: hidden;
89
- visibility: hidden;
90
- }
91
-
92
- > li{
93
- display: inline-block;
94
- text-align: center;
95
- position: relative;
96
- z-index: 11;
97
- height: 60px;
98
- width: 60px;
99
- border-radius: 50%;
100
- overflow: hidden;
101
- background-color: #FFF;
102
- box-shadow: 0 0 0 2px $timeline-background-default inset;
103
- -webkit-transition: all 0.25s ease;
104
- transition: all 0.25s ease;
105
-
106
- &:hover {
107
- box-shadow: 0 0 0 30px $timeline-background-default inset;
108
- color: #FFF;
109
- }
110
-
111
- &.active {
112
- box-shadow: none;
113
- background-color: $timeline-background-default;
114
- color: #FFF;
115
- }
116
-
117
- &:hover,
118
- &.active {
119
- > .title{
120
- color: #FFF;
121
- }
122
- }
123
-
124
- > .title{
125
- display: block;
126
- width: 100%;
127
- height: 100%;
128
- border-radius: 50%;
129
- line-height: 60px;
130
- font-size: 14px;
131
- position: absolute;
132
- left: 0;
133
- top: 0;
134
- text-decoration: none;
135
- color: #333;
136
- -webkit-transition: all 0.25s ease;
137
- transition: all 0.25s ease;
138
- }
139
- }
140
- }
141
- }
142
-
143
-
144
- // Colors
145
-
146
- @include timeline-variant(".primary", $timeline-background-primary);
147
- @include timeline-variant(".success", $timeline-background-success);
148
- @include timeline-variant(".info", $timeline-background-info);
149
- @include timeline-variant(".warning", $timeline-background-warning);
150
- @include timeline-variant(".danger", $timeline-background-danger);
151
-
152
-
153
- // Sizing
154
- @include timeline-size(".small", $timeline-small-size, $timeline-small-font-size, $timeline-small-border);
155
- // @include timeline-size(".default", $timeline-default-size, $timeline-default-font-size, $timeline-default-border);
156
- @include timeline-size(".large", $timeline-large-size, $timeline-large-font-size, $timeline-large-border);
157
-
@@ -1,36 +0,0 @@
1
- //
2
- // Tooltips
3
- // --------------------------------------------------
4
-
5
-
6
- .tooltip {
7
- font-size: 10px; position: absolute; padding: 5px; z-index: 100000;
8
- }
9
- .tooltip-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }
10
-
11
- /* Rounded corners */
12
- .tooltip-inner {
13
- border-radius: $border-radius;
14
- }
15
-
16
- /* Uncomment for shadow */
17
- /*.tooltip-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
18
-
19
- .tooltip-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
20
-
21
- /* Rules to colour arrows */
22
- .tooltip-arrow-bottom { border-bottom-color: #000; }
23
- .tooltip-arrow-top { border-top-color: #000; }
24
- .tooltip-arrow-left { border-left-color: #000; }
25
- .tooltip-arrow-right { border-right-color: #000; }
26
-
27
- .tooltip-bottom .tooltip-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
28
- .tooltip-nw .tooltip-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
29
- .tooltip-ne .tooltip-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
30
-
31
- .tooltip-top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
32
- .tooltip-sw .tooltip-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
33
- .tooltip-se .tooltip-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
34
-
35
- .tooltip-left .tooltip-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
36
- .tooltip-right .tooltip-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }