Skip to content

Commit 72d0ef0

Browse files
stefangabosstefangabos
committed
Cleaned CSS
1 parent 4face06 commit 72d0ef0

File tree

8 files changed

+165
-101
lines changed

8 files changed

+165
-101
lines changed

‎dist/css/bubble/zebra_tooltips.css

Lines changed: 38 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,54 +1,67 @@
11
.Zebra_Tooltip {
2-
background: 0 0;
2+
background: transparent;
33
position: absolute;
4-
z-index: 8000
4+
z-index: 8000;
55
}
6+
67
.Zebra_Tooltip .Zebra_Tooltip_Message {
8+
border-color: #FFF;
79
background: #000;
810
border-radius: 15px;
9-
box-shadow: 0 0 6px rgba(0,0,0,.6);
10-
color: #fff;
11+
border-style: solid;
12+
border-width: 2px;
13+
box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
14+
color: #FFF;
1115
font-size: 13px;
12-
font-family: Tahoma,Arial,Helvetica,sans-serif;
16+
font-family: Tahoma, Arial, Helvetica, sans-serif;
1317
line-height: 1.4;
1418
*margin-right: 0;
1519
max-width: 250px;
1620
padding: 15px;
1721
position: relative;
1822
_width: expression(document.body.clientWidth > 250px ? '250px': 'auto');
19-
border: 2px solid #fff
23+
/* max-width for IE6 */
2024
}
25+
2126
.Zebra_Tooltip .Zebra_Tooltip_Message.Zebra_Tooltip_Has_Close {
22-
padding-right: 23px
27+
padding-right: 23px;
2328
}
29+
2430
.Zebra_Tooltip .Zebra_Tooltip_Arrow {
2531
position: absolute;
2632
width: 28px;
2733
height: 14px;
28-
overflow: hidden
34+
overflow: hidden;
2935
}
36+
3037
.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Bottom {
31-
bottom: 2px
38+
bottom: 2px;
3239
}
40+
3341
.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Bottom div {
3442
top: 0;
3543
border-color: #000 transparent transparent;
36-
_border-bottom-color: pink
44+
_border-bottom-color: pink;
3745
}
46+
3847
.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Bottom div.Zebra_Tooltip_Arrow_Border {
39-
border-color: #fff transparent transparent
48+
border-color: #FFF transparent transparent;
4049
}
50+
4151
.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Top {
42-
top: 2px
52+
top: 2px;
4353
}
54+
4455
.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Top div {
4556
bottom: 0;
4657
border-color: transparent transparent #000;
47-
_border-top-color: pink
58+
_border-top-color: pink;
4859
}
60+
4961
.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Top div.Zebra_Tooltip_Arrow_Border {
50-
border-color: transparent transparent #fff
62+
border-color: transparent transparent #FFF;
5163
}
64+
5265
.Zebra_Tooltip .Zebra_Tooltip_Arrow div {
5366
position: absolute;
5467
border-style: solid;
@@ -58,27 +71,30 @@
5871
left: 4px;
5972
_border-left-color: pink;
6073
_border-right-color: pink;
61-
_filter: chroma(color=pink)
74+
_filter: chroma(color=pink);
6275
}
76+
6377
.Zebra_Tooltip .Zebra_Tooltip_Arrow div.Zebra_Tooltip_Arrow_Border {
6478
border-width: 14px;
65-
box-shadow: 0 0 6px rgba(0,0,0,.6);
66-
left: 0
79+
box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
80+
left: 0;
6781
}
82+
6883
.Zebra_Tooltip .Zebra_Tooltip_Close {
69-
color: #fff;
84+
color: #FFF;
7085
background: #222;
7186
border-radius: 15px;
72-
font-family: Arial,sans-serif;
87+
font-family: Arial, sans-serif;
7388
font-size: 18px;
7489
line-height: 1;
7590
padding: 0 4px;
7691
position: absolute;
7792
right: 2px;
7893
text-decoration: none;
79-
top: 2px
94+
top: 2px;
8095
}
96+
8197
.Zebra_Tooltip .Zebra_Tooltip_Close:hover {
8298
color: #000;
83-
background: #fff
84-
}
99+
background: #FFF;
100+
}

‎dist/css/bubble/zebra_tooltips.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/css/default/zebra_tooltips.css

Lines changed: 39 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1,54 +1,67 @@
11
.Zebra_Tooltip {
2-
background: 0 0;
2+
background: transparent;
33
position: absolute;
4-
z-index: 8000
4+
z-index: 8000;
55
}
6+
67
.Zebra_Tooltip .Zebra_Tooltip_Message {
8+
border-color: #000;
79
background: #000;
810
border-radius: 5px;
9-
box-shadow: 0 0 6px rgba(0,0,0,.6);
10-
color: #fff;
11+
border-style: solid;
12+
border-width: 0;
13+
box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
14+
color: #FFF;
1115
font-size: 12px;
12-
font-family: Tahoma,Arial,Helvetica,sans-serif;
16+
font-family: Tahoma, Arial, Helvetica, sans-serif;
1317
line-height: 1.4;
1418
*margin-right: 0;
1519
max-width: 250px;
1620
padding: 10px;
1721
position: relative;
1822
_width: expression(document.body.clientWidth > 250px ? '250px': 'auto');
19-
border: 0 solid #000
23+
/* max-width for IE6 */
2024
}
25+
2126
.Zebra_Tooltip .Zebra_Tooltip_Message.Zebra_Tooltip_Has_Close {
22-
padding-right: 23px
27+
padding-right: 23px;
2328
}
29+
2430
.Zebra_Tooltip .Zebra_Tooltip_Arrow {
2531
position: absolute;
2632
width: 20px;
2733
height: 10px;
28-
overflow: hidden
34+
overflow: hidden;
2935
}
36+
3037
.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Bottom {
31-
bottom: 0
38+
bottom: 0;
3239
}
40+
3341
.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Bottom div {
3442
top: 0;
3543
border-color: #000 transparent transparent;
36-
_border-bottom-color: pink
44+
_border-bottom-color: pink;
3745
}
46+
3847
.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Bottom div.Zebra_Tooltip_Arrow_Border {
39-
border-color: #000 transparent transparent
48+
border-color: #000 transparent transparent;
4049
}
50+
4151
.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Top {
42-
top: 0
52+
top: 0;
4353
}
54+
4455
.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Top div {
4556
bottom: 0;
4657
border-color: transparent transparent #000;
47-
_border-top-color: pink
58+
_border-top-color: pink;
4859
}
60+
4961
.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Top div.Zebra_Tooltip_Arrow_Border {
50-
border-color: transparent transparent #000
62+
border-color: transparent transparent #000;
5163
}
64+
5265
.Zebra_Tooltip .Zebra_Tooltip_Arrow div {
5366
position: absolute;
5467
border-style: solid;
@@ -58,26 +71,29 @@
5871
left: 0;
5972
_border-left-color: pink;
6073
_border-right-color: pink;
61-
_filter: chroma(color=pink)
74+
_filter: chroma(color=pink);
6275
}
76+
6377
.Zebra_Tooltip .Zebra_Tooltip_Arrow div.Zebra_Tooltip_Arrow_Border {
6478
border-width: 10px;
65-
box-shadow: 0 0 6px rgba(0,0,0,.6);
66-
left: 0
79+
box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
80+
left: 0;
6781
}
82+
6883
.Zebra_Tooltip .Zebra_Tooltip_Close {
69-
color: #fff;
70-
font-family: Arial,sans-serif;
84+
color: #FFF;
85+
font-family: Arial, sans-serif;
7186
font-size: 18px;
7287
line-height: 1;
7388
padding: 0 4px;
7489
position: absolute;
7590
right: 2px;
7691
text-decoration: none;
77-
top: 2px
92+
top: 2px;
7893
}
94+
7995
.Zebra_Tooltip .Zebra_Tooltip_Close:hover {
8096
color: #000;
81-
background: #c2d076;
82-
border-radius: 5px
83-
}
97+
background: #C2D076;
98+
border-radius: 5px;
99+
}

‎dist/css/default/zebra_tooltips.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/css/mariner/zebra_tooltips.css

Lines changed: 43 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -1,55 +1,68 @@
11
.Zebra_Tooltip {
2-
background: 0 0;
2+
background: transparent;
33
position: absolute;
4-
z-index: 8000
4+
z-index: 8000;
55
}
6+
67
.Zebra_Tooltip .Zebra_Tooltip_Message {
7-
background: #fff;
8+
border-color: #317CC5;
9+
background: #FFF;
810
border-radius: 15px;
9-
box-shadow: 0 0 6px rgba(153,129,11,.6);
10-
color: #317cc5;
11+
border-style: solid;
12+
border-width: 4px;
13+
box-shadow: 0 0 6px rgba(153, 129, 11, 0.6);
14+
color: #317CC5;
1115
font-size: 13px;
12-
font-family: Tahoma,Arial,Helvetica,sans-serif;
16+
font-family: Tahoma, Arial, Helvetica, sans-serif;
1317
line-height: 1.4;
1418
*margin-right: 0;
1519
max-width: 250px;
1620
padding: 15px;
1721
position: relative;
1822
text-align: left;
1923
_width: expression(document.body.clientWidth > 250px ? '250px': 'auto');
20-
border: 4px solid #317cc5
24+
/* max-width for IE6 */
2125
}
26+
2227
.Zebra_Tooltip .Zebra_Tooltip_Message.Zebra_Tooltip_Has_Close {
23-
padding-right: 23px
28+
padding-right: 23px;
2429
}
30+
2531
.Zebra_Tooltip .Zebra_Tooltip_Arrow {
2632
position: absolute;
2733
width: 28px;
2834
height: 14px;
29-
overflow: hidden
35+
overflow: hidden;
3036
}
37+
3138
.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Bottom {
32-
bottom: 4px
39+
bottom: 4px;
3340
}
41+
3442
.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Bottom div {
3543
top: 0;
36-
border-color: #fff transparent transparent;
37-
_border-bottom-color: pink
44+
border-color: #FFF transparent transparent;
45+
_border-bottom-color: pink;
3846
}
47+
3948
.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Bottom div.Zebra_Tooltip_Arrow_Border {
40-
border-color: #317cc5 transparent transparent
49+
border-color: #317CC5 transparent transparent;
4150
}
51+
4252
.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Top {
43-
top: 4px
53+
top: 4px;
4454
}
55+
4556
.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Top div {
4657
bottom: 0;
47-
border-color: transparent transparent #fff;
48-
_border-top-color: pink
58+
border-color: transparent transparent #FFF;
59+
_border-top-color: pink;
4960
}
61+
5062
.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Top div.Zebra_Tooltip_Arrow_Border {
51-
border-color: transparent transparent #317cc5
63+
border-color: transparent transparent #317CC5;
5264
}
65+
5366
.Zebra_Tooltip .Zebra_Tooltip_Arrow div {
5467
position: absolute;
5568
border-style: solid;
@@ -59,26 +72,29 @@
5972
left: 8px;
6073
_border-left-color: pink;
6174
_border-right-color: pink;
62-
_filter: chroma(color=pink)
75+
_filter: chroma(color=pink);
6376
}
77+
6478
.Zebra_Tooltip .Zebra_Tooltip_Arrow div.Zebra_Tooltip_Arrow_Border {
6579
border-width: 14px;
66-
box-shadow: 0 0 6px rgba(153,129,11,.6);
67-
left: 0
80+
box-shadow: 0 0 6px rgba(153, 129, 11, 0.6);
81+
left: 0;
6882
}
83+
6984
.Zebra_Tooltip .Zebra_Tooltip_Close {
70-
color: #317cc5;
71-
font-family: Arial,sans-serif;
85+
color: #317CC5;
86+
font-family: Arial, sans-serif;
7287
font-size: 18px;
7388
line-height: 1;
7489
padding: 0 4px;
7590
position: absolute;
7691
right: 2px;
7792
text-decoration: none;
78-
top: 2px
93+
top: 2px;
7994
}
95+
8096
.Zebra_Tooltip .Zebra_Tooltip_Close:hover {
81-
color: #fff;
82-
background: #317cc5;
83-
border-radius: 15px
84-
}
97+
color: #FFF;
98+
background: #317CC5;
99+
border-radius: 15px;
100+
}

0 commit comments

Comments
 (0)