guy
7 years ago
13 changed files with 951 additions and 200 deletions
@ -1,35 +1,108 @@
|
||||
.bi-bubble-combo .button-combo-triangle-wrapper { |
||||
position: fixed !important; |
||||
z-index: 10000000; |
||||
} |
||||
.bi-bubble-combo .bubble-combo-triangle-left { |
||||
z-index: 1; |
||||
width: 0; |
||||
height: 0; |
||||
border-top: 6px solid transparent; |
||||
border-left: 6px solid #3f8ce8; |
||||
border-bottom: 6px solid transparent; |
||||
position: absolute; |
||||
width: 16px; |
||||
height: 10px; |
||||
border-bottom: 1px solid #f5f5f5; |
||||
} |
||||
.bi-bubble-combo .bubble-combo-triangle-left:before { |
||||
position: absolute; |
||||
top: 0px; |
||||
right: 0px; |
||||
bottom: 0px; |
||||
border-bottom: 10px solid #ccc; |
||||
border-left: 8px solid transparent; |
||||
border-right: 8px solid transparent; |
||||
content: ""; |
||||
} |
||||
.bi-bubble-combo .bubble-combo-triangle-left:after { |
||||
position: absolute; |
||||
right: 1px; |
||||
top: 1px; |
||||
bottom: 0px; |
||||
border-bottom: 9px solid #ffffff; |
||||
border-left: 7px solid transparent; |
||||
border-right: 7px solid transparent; |
||||
content: ""; |
||||
} |
||||
.bi-bubble-combo .bubble-combo-triangle-right { |
||||
z-index: 1; |
||||
width: 0; |
||||
height: 0; |
||||
border-top: 6px solid transparent; |
||||
border-right: 6px solid #3f8ce8; |
||||
border-bottom: 6px solid transparent; |
||||
position: absolute; |
||||
width: 16px; |
||||
height: 6px; |
||||
border-bottom: 1px solid #f5f5f5; |
||||
} |
||||
.bi-bubble-combo .bubble-combo-triangle-right:before { |
||||
position: absolute; |
||||
top: 0px; |
||||
right: 0px; |
||||
bottom: 0px; |
||||
border-bottom: 10px solid #ccc; |
||||
border-left: 8px solid transparent; |
||||
border-right: 8px solid transparent; |
||||
content: ""; |
||||
} |
||||
.bi-bubble-combo .bubble-combo-triangle-right:after { |
||||
position: absolute; |
||||
right: 1px; |
||||
top: 1px; |
||||
bottom: 0px; |
||||
border-bottom: 9px solid #ffffff; |
||||
border-left: 7px solid transparent; |
||||
border-right: 7px solid transparent; |
||||
content: ""; |
||||
} |
||||
.bi-bubble-combo .bubble-combo-triangle-top { |
||||
z-index: 1; |
||||
width: 0; |
||||
height: 0; |
||||
border-left: 6px solid transparent; |
||||
border-right: 6px solid transparent; |
||||
border-top: 6px solid #3f8ce8; |
||||
position: absolute; |
||||
width: 16px; |
||||
height: 10px; |
||||
border-top: 1px solid #ffffff; |
||||
} |
||||
.bi-bubble-combo .bubble-combo-triangle-top:after { |
||||
position: absolute; |
||||
right: 1px; |
||||
top: 0px; |
||||
border-top: 6px solid #ffffff; |
||||
border-left: 7px solid transparent; |
||||
border-right: 7px solid transparent; |
||||
content: ""; |
||||
} |
||||
.bi-bubble-combo .bubble-combo-triangle-top:before { |
||||
position: absolute; |
||||
border-top: 7px solid #cccccc; |
||||
border-left: 8px solid transparent; |
||||
border-right: 8px solid transparent; |
||||
content: ""; |
||||
} |
||||
.bi-bubble-combo .bubble-combo-triangle-bottom { |
||||
z-index: 1; |
||||
width: 0; |
||||
height: 0; |
||||
border-left: 6px solid transparent; |
||||
border-right: 6px solid transparent; |
||||
border-bottom: 6px solid #3f8ce8; |
||||
position: absolute; |
||||
width: 16px; |
||||
height: 5px; |
||||
border-bottom: 1px solid #ffffff; |
||||
} |
||||
.bi-bubble-combo .bubble-combo-triangle-bottom:before { |
||||
position: absolute; |
||||
top: 0px; |
||||
right: 0px; |
||||
bottom: 0px; |
||||
border-bottom: 7px solid #ccc; |
||||
border-left: 8px solid transparent; |
||||
border-right: 8px solid transparent; |
||||
content: ""; |
||||
} |
||||
.bi-bubble-combo .bubble-combo-triangle-bottom:after { |
||||
position: absolute; |
||||
right: 1px; |
||||
top: 1px; |
||||
bottom: 0px; |
||||
border-bottom: 6px solid #ffffff; |
||||
border-left: 7px solid transparent; |
||||
border-right: 7px solid transparent; |
||||
content: ""; |
||||
} |
||||
|
Loading…
Reference in new issue