mice 0.2.10 → 0.2.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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; }