This repository has been archived by the owner on Mar 11, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
stickerbomb.css
executable file
·2 lines (2 loc) · 6.54 KB
/
stickerbomb.css
1
2
.stickerbomb{-moz-user-select:none;-ms-user-select:none;-o-user-select:none;-webkit-user-select:none;background-color:#100000;box-sizing:border-box;display:inline-block;font-family:"Arial";font-size:0px;overflow:hidden;padding:0px 2.5rem 2.5rem 2.5rem;position:relative;text-align:center;user-select:none;width:100%;min-height:17rem}@media screen and (max-width: 500px){.stickerbomb{padding:0px 2rem 2rem 2rem}}.stickerbomb div{box-sizing:border-box}.sb_canvas{width:100%;min-height:1rem;cursor:pointer;position:relative;z-index:1;-webkit-tap-highlight-color:transparent;transition:opacity 200ms linear;opacity:1}.sb_canvas.fade{opacity:0.5}.sb_logo{position:absolute;z-index:3;right:0.5rem;bottom:4rem;width:2rem}.sb_popup{background-color:#100000;box-shadow:0px 0px 0px #100011;left:10%;opacity:0;padding:1.2rem;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:opacity 200ms linear;width:80%;z-index:5;font-size:1rem;color:#100015}@media screen and (max-width: 500px){.sb_popup{padding:0.3rem;top:25%;width:70%;left:15%;-webkit-transform:translateY(-25%)}}.sb_popup.active{opacity:1;pointer-events:auto}.sb_popup p{margin-top:0px}.sb_popup input{border:0px;background-color:#100012;width:100%;padding:0.5rem;margin-bottom:0.5rem;box-sizing:border-box;color:#100015}.sb_popup button,.sb_popup a.button{background-color:#100012;color:#100015;padding:0.5rem;margin:0px 0.25rem;display:inline-block;cursor:pointer}.sb_bar{position:absolute;top:0px;display:inline-block;z-index:2;height:100%;overflow:visible;padding-bottom:2.5rem}@media screen and (max-width: 500px){.sb_bar{padding-bottom:2rem}}.sb_bar.sb_tools{background-color:#100001;box-shadow:0px 0px 0px #100001;left:0px}.sb_bar.sb_tools .sb_icon{background-color:#100002;color:#100005}.sb_bar.sb_tools .sb_icon:hover{background-color:#100003;color:#100006}.sb_bar.sb_tools .sb_icon.active{background-color:#100004;color:#100007}.sb_bar.sb_actions{background-color:#100011;box-shadow:0px 0px 0px #100011;right:0px}.sb_bar.sb_actions .sb_icon{background-color:#100012;color:#100015}.sb_bar.sb_actions .sb_icon:hover{background-color:#100013;color:#100016}.sb_bar.sb_actions .sb_icon.active{background-color:#100014;color:#100017}.sb_icon{display:block;position:relative;width:2.5rem;height:2.5rem;text-align:center;cursor:pointer;font-size:1.5rem;line-height:2.5rem}.sb_icon i{font-size:1.5rem;line-height:2.5rem}@media screen and (max-width: 500px){.sb_icon{width:2rem;height:2rem;font-size:1.3rem;line-height:2rem}.sb_icon i{font-size:1.3rem;line-height:2rem}}.sb_icon .sb_tooltip{display:none;pointer-events:none;font-size:1rem;line-height:1rem;padding:0.5rem;background-color:#100022;color:#100021;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);white-space:nowrap;width:auto;height:auto;z-index:2}.sb_tool .sb_tooltip{left:108%}.sb_action .sb_tooltip{right:108%}.sb_icon:hover .sb_tooltip{display:inline-block}.sb_icon .sb_tooltip:after{content:"";position:absolute;border-style:solid;display:block;width:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}.sb_tools .sb_icon .sb_tooltip:after{border-color:transparent #100022;border-width:7px 10px 7px 0px;right:100%}.sb_actions .sb_icon .sb_tooltip:after{border-color:transparent #100022;border-width:7px 0px 7px 10px;left:100%}.sb_drawers{background-color:#100041;bottom:-11rem;box-shadow:0px 0px 0px #100031;display:block;height:13.5rem;left:0px;overflow-x:auto;position:absolute;transition:bottom 200ms linear;width:100%;z-index:4;overflow-x:hidden}@media screen and (max-width: 500px){.sb_drawers{bottom:-6rem;height:8rem}}.sb_drawers:after{content:"";height:11rem;left:0px;pointer-events:none;position:absolute;top:2.5rem;width:100%;z-index:2}@media screen and (max-width: 500px){.sb_drawers:after{height:6rem;top:2rem}}.sb_drawers.active{bottom:0px}.sb_drawers .sb_drawer_buttons{background-color:#100031;height:4.5rem;padding:0px 2.5rem;overflow-x:auto}@media screen and (max-width: 500px){.sb_drawers .sb_drawer_buttons{height:4rem;padding:0px 2rem}}.sb_drawers .sb_drawer_buttons .sb_drawer_slider{display:inline-block;position:relative;white-space:nowrap}.sb_drawers .sb_drawer_buttons .sb_drawer_scroll{display:inline-block;position:absolute;top:0px;height:2.5rem;width:2.5rem;background-color:#100051;color:#100053;z-index:2;font-size:1.5rem;line-height:2.5rem;cursor:pointer}@media screen and (max-width: 500px){.sb_drawers .sb_drawer_buttons .sb_drawer_scroll{height:2rem;width:2rem;font-size:1.3rem;line-height:2rem}}.sb_drawers .sb_drawer_buttons .sb_drawer_scroll.sb_left{left:0px;border-right:1px solid #100052}.sb_drawers .sb_drawer_buttons .sb_drawer_scroll.sb_right{right:0px;border-left:1px solid #100052}.sb_drawers .sb_drawer_buttons .sb_drawer_scroll:hover{background-color:#100054;color:#100056}.sb_drawers .sb_drawer_buttons .sb_drawer_scroll:hover.sb_left{border-right:1px solid #100055}.sb_drawers .sb_drawer_buttons .sb_drawer_scroll:hover.sb_right{border-left:1px solid #100055}@media screen and (max-width: 500px){.sb_drawers .sb_drawer_buttons .sb_drawer_scroll{display:none}}.sb_drawers .sb_drawer_buttons .sb_button{color:#100035;background-color:#100032;cursor:pointer;display:inline-block;font-size:1.2rem;line-height:2.5rem;height:2.5rem;padding:0px 1rem;position:relative}@media screen and (max-width: 500px){.sb_drawers .sb_drawer_buttons .sb_button{font-size:1rem;line-height:2rem;height:2rem}}.sb_drawers .sb_drawer_buttons .sb_button:hover{background-color:#100033;color:#100036}.sb_drawers .sb_drawer_buttons .sb_button.active{background-color:#100034;color:#100037}.sb_drawers .sb_content_wrapper{background-color:#100041;top:2.5rem;left:0px;position:absolute;width:100%;height:11rem}@media screen and (max-width: 500px){.sb_drawers .sb_content_wrapper{top:2rem;height:6rem}}.sb_drawers .sb_content_wrapper .sb_content{background-color:#100041;position:absolute;top:0px;width:100%;opacity:0;transition:opacity 150ms linear;height:11rem;padding:0px 1rem;pointer-events:none;white-space:nowrap;overflow-x:auto}@media screen and (max-width: 500px){.sb_drawers .sb_content_wrapper .sb_content{height:6rem}}.sb_drawers .sb_content_wrapper .sb_content.active{opacity:1;pointer-events:auto;z-index:1}.sb_drawers .sb_content_wrapper .sb_content img,.sb_drawers .sb_content_wrapper .sb_content object{height:7.95rem !important;margin:1rem;cursor:pointer;position:relative;width:auto !important}@media screen and (max-width: 500px){.sb_drawers .sb_content_wrapper .sb_content img,.sb_drawers .sb_content_wrapper .sb_content object{height:4rem !important}}
/*# sourceMappingURL=stickerbomb.css.map */