bubcloud
Version:
A responsive theme for Forumotion
11 lines • 34.4 kB
CSS
/*!
* bubcloud - v1.0.7
* A responsive theme for Forumotion
* http://devs.forumvi.com
*
* Made by Zzbaivong <Zzbaivong@gmail.com> (http://baivong.github.io)
* Under MIT License
*/
body>.borderwrap .box-content .right a,body>p.center>a{border-radius:3px;height:2.5em;margin:2px 0;padding:6px 8px;display:inline-block;border:1px solid transparent;color:#fff;background-color:#2196f3;cursor:pointer}body>.borderwrap .box-content .right a.large,body>p.center>a.large{height:2.7em;padding:8px 15px}body>.borderwrap .box-content .right a.small,body>p.center>a.small{height:2em;padding:2px 6px;font-size:12px}body>.borderwrap .box-content .right a>.fa,body>p.center>a>.fa{text-align:center;width:1em}body>.borderwrap .box-content .right a>span,body>p.center>a>span{margin-left:5px}body>.borderwrap .box-content .right a:focus,body>.borderwrap .box-content .right a:hover,body>p.center>a:focus,body>p.center>a:hover{color:#fff;background-color:#1976d2}body>.borderwrap .box-content .right a:active,body>p.center>a:active{background-color:#212121}/*! Hint.css - v2.5.0 - 2017-04-23
* http://kushagragour.in/lab/hint/
* Copyright (c) 2017 Kushagra Gour */[class*=hint--]{position:relative;display:inline-block}[class*=hint--]:after,[class*=hint--]:before{position:absolute;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:.3s ease;transition:.3s ease;-webkit-transition-delay:0s;transition-delay:0s}[class*=hint--]:hover:after,[class*=hint--]:hover:before{visibility:visible;opacity:1}[class*=hint--]:hover:after,[class*=hint--]:hover:before{-webkit-transition-delay:.1s;transition-delay:.1s}[class*=hint--]:before{content:'';position:absolute;background:0 0;border:6px solid transparent;z-index:1000001}[class*=hint--]:after{background:#383838;color:#fff;padding:8px 10px;font-size:12px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:12px;white-space:nowrap}[class*=hint--][aria-label]:after{content:attr(aria-label)}[class*=hint--][data-hint]:after{content:attr(data-hint)}[aria-label='']:after,[aria-label='']:before,[data-hint='']:after,[data-hint='']:before{display:none}.hint--top-left:before{border-top-color:#383838}.hint--top-right:before{border-top-color:#383838}.hint--top:before{border-top-color:#383838}.hint--bottom-left:before{border-bottom-color:#383838}.hint--bottom-right:before{border-bottom-color:#383838}.hint--bottom:before{border-bottom-color:#383838}.hint--left:before{border-left-color:#383838}.hint--right:before{border-right-color:#383838}.hint--top:before{margin-bottom:-11px}.hint--top:after,.hint--top:before{bottom:100%;left:50%}.hint--top:before{left:calc(44%)}.hint--top:after{-webkit-transform:translateX(-50%);transform:translateX(-50%)}.hint--top:hover:before{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.hint--top:hover:after{-webkit-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}.hint--bottom:before{margin-top:-11px}.hint--bottom:after,.hint--bottom:before{top:100%;left:50%}.hint--bottom:before{left:calc(44%)}.hint--bottom:after{-webkit-transform:translateX(-50%);transform:translateX(-50%)}.hint--bottom:hover:before{-webkit-transform:translateY(8px);transform:translateY(8px)}.hint--bottom:hover:after{-webkit-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}.hint--right:before{margin-left:-11px;margin-bottom:-6px}.hint--right:after{margin-bottom:-14px}.hint--right:after,.hint--right:before{left:100%;bottom:50%}.hint--right:hover:before{-webkit-transform:translateX(8px);transform:translateX(8px)}.hint--right:hover:after{-webkit-transform:translateX(8px);transform:translateX(8px)}.hint--left:before{margin-right:-11px;margin-bottom:-6px}.hint--left:after{margin-bottom:-14px}.hint--left:after,.hint--left:before{right:100%;bottom:50%}.hint--left:hover:before{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.hint--left:hover:after{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.hint--top-left:before{margin-bottom:-11px}.hint--top-left:after,.hint--top-left:before{bottom:100%;left:50%}.hint--top-left:before{left:calc(44%)}.hint--top-left:after{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.hint--top-left:after{margin-left:12px}.hint--top-left:hover:before{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.hint--top-left:hover:after{-webkit-transform:translateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8px)}.hint--top-right:before{margin-bottom:-11px}.hint--top-right:after,.hint--top-right:before{bottom:100%;left:50%}.hint--top-right:before{left:calc(44%)}.hint--top-right:after{-webkit-transform:translateX(0);transform:translateX(0)}.hint--top-right:after{margin-left:-12px}.hint--top-right:hover:before{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.hint--top-right:hover:after{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.hint--bottom-left:before{margin-top:-11px}.hint--bottom-left:after,.hint--bottom-left:before{top:100%;left:50%}.hint--bottom-left:before{left:calc(44%)}.hint--bottom-left:after{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.hint--bottom-left:after{margin-left:12px}.hint--bottom-left:hover:before{-webkit-transform:translateY(8px);transform:translateY(8px)}.hint--bottom-left:hover:after{-webkit-transform:translateX(-100%) translateY(8px);transform:translateX(-100%) translateY(8px)}.hint--bottom-right:before{margin-top:-11px}.hint--bottom-right:after,.hint--bottom-right:before{top:100%;left:50%}.hint--bottom-right:before{left:calc(44%)}.hint--bottom-right:after{-webkit-transform:translateX(0);transform:translateX(0)}.hint--bottom-right:after{margin-left:-12px}.hint--bottom-right:hover:before{-webkit-transform:translateY(8px);transform:translateY(8px)}.hint--bottom-right:hover:after{-webkit-transform:translateY(8px);transform:translateY(8px)}.hint--large:after,.hint--medium:after,.hint--small:after{white-space:normal;line-height:1.4em;word-wrap:break-word}.hint--small:after{width:80px}.hint--medium:after{width:150px}.hint--large:after{width:300px}[class*=hint--]:after{text-shadow:0 -1px 0 #000;-webkit-box-shadow:4px 4px 8px rgba(0,0,0,.3);box-shadow:4px 4px 8px rgba(0,0,0,.3)}.hint--error:after{background-color:#b34e4d;text-shadow:0 -1px 0 #592726}.hint--error.hint--top-left:before{border-top-color:#b34e4d}.hint--error.hint--top-right:before{border-top-color:#b34e4d}.hint--error.hint--top:before{border-top-color:#b34e4d}.hint--error.hint--bottom-left:before{border-bottom-color:#b34e4d}.hint--error.hint--bottom-right:before{border-bottom-color:#b34e4d}.hint--error.hint--bottom:before{border-bottom-color:#b34e4d}.hint--error.hint--left:before{border-left-color:#b34e4d}.hint--error.hint--right:before{border-right-color:#b34e4d}.hint--warning:after{background-color:#c09854;text-shadow:0 -1px 0 #6c5328}.hint--warning.hint--top-left:before{border-top-color:#c09854}.hint--warning.hint--top-right:before{border-top-color:#c09854}.hint--warning.hint--top:before{border-top-color:#c09854}.hint--warning.hint--bottom-left:before{border-bottom-color:#c09854}.hint--warning.hint--bottom-right:before{border-bottom-color:#c09854}.hint--warning.hint--bottom:before{border-bottom-color:#c09854}.hint--warning.hint--left:before{border-left-color:#c09854}.hint--warning.hint--right:before{border-right-color:#c09854}.hint--info:after{background-color:#3986ac;text-shadow:0 -1px 0 #1a3c4d}.hint--info.hint--top-left:before{border-top-color:#3986ac}.hint--info.hint--top-right:before{border-top-color:#3986ac}.hint--info.hint--top:before{border-top-color:#3986ac}.hint--info.hint--bottom-left:before{border-bottom-color:#3986ac}.hint--info.hint--bottom-right:before{border-bottom-color:#3986ac}.hint--info.hint--bottom:before{border-bottom-color:#3986ac}.hint--info.hint--left:before{border-left-color:#3986ac}.hint--info.hint--right:before{border-right-color:#3986ac}.hint--success:after{background-color:#458746;text-shadow:0 -1px 0 #1a321a}.hint--success.hint--top-left:before{border-top-color:#458746}.hint--success.hint--top-right:before{border-top-color:#458746}.hint--success.hint--top:before{border-top-color:#458746}.hint--success.hint--bottom-left:before{border-bottom-color:#458746}.hint--success.hint--bottom-right:before{border-bottom-color:#458746}.hint--success.hint--bottom:before{border-bottom-color:#458746}.hint--success.hint--left:before{border-left-color:#458746}.hint--success.hint--right:before{border-right-color:#458746}.hint--always:after,.hint--always:before{opacity:1;visibility:visible}.hint--always.hint--top:before{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--top:after{-webkit-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}.hint--always.hint--top-left:before{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--top-left:after{-webkit-transform:translateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8px)}.hint--always.hint--top-right:before{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--top-right:after{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--bottom:before{-webkit-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--bottom:after{-webkit-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}.hint--always.hint--bottom-left:before{-webkit-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--bottom-left:after{-webkit-transform:translateX(-100%) translateY(8px);transform:translateX(-100%) translateY(8px)}.hint--always.hint--bottom-right:before{-webkit-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--bottom-right:after{-webkit-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--left:before{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.hint--always.hint--left:after{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.hint--always.hint--right:before{-webkit-transform:translateX(8px);transform:translateX(8px)}.hint--always.hint--right:after{-webkit-transform:translateX(8px);transform:translateX(8px)}.hint--rounded:after{border-radius:4px}.hint--no-animate:after,.hint--no-animate:before{-webkit-transition-duration:0s;transition-duration:0s}.hint--bounce:after,.hint--bounce:before{-webkit-transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(.71,1.7,.77,1.24);transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(.71,1.7,.77,1.24);transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.71,1.7,.77,1.24);transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.71,1.7,.77,1.24),-webkit-transform .3s cubic-bezier(.71,1.7,.77,1.24)}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}html{height:100%;min-height:100%;margin:0;background:#212121}body{margin:0;line-height:1.42857143;font:400 14px/1.42857143 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif,"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";color:#212121;background:#e7e7e7}body.chatbox{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;visibility:hidden;overflow:hidden;height:100%;margin:0;background:#fff;opacity:0}body.chatbox.active{visibility:visible;opacity:1}body>p.center strong{display:block;margin:0;background:#ff5c5c}body>p.center>a{display:block;border-radius:0;text-align:center}body>.borderwrap{position:relative;padding:1em}body>.borderwrap .maintitle{position:relative;text-transform:uppercase;color:#757575}body>.borderwrap .maintitle h3{margin:0;padding:1em 0;font-weight:300;line-height:120%}body>.borderwrap .box-content{position:relative;border:1px solid #e7e7e7;border-radius:3px;background:#fff;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1);padding:15px}body>.borderwrap .box-content:after,body>.borderwrap .box-content:before{position:absolute;z-index:20;width:0;height:0;border-style:solid;content:" "}body>.borderwrap .box-content:before{z-index:10}body>.borderwrap .box-content:after,body>.borderwrap .box-content:before{top:-8px;border-width:0 10px 10px 10px;left:20px;border-color:transparent transparent #fff}body>.borderwrap .box-content:before{top:-10px;border-bottom-color:#e7e7e7}body>.borderwrap .box-content>div:hover p.left a{margin-left:1em;color:#5e35b1}body>.borderwrap .box-content .right a{margin-top:-6px}.left{float:left;clear:left}.right{float:right;clear:right}.clearfix:after{display:block;visibility:hidden;height:0;clear:both;font-size:0;content:" "}a{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;outline:0;text-decoration:none;color:#2196f3}a:focus,a:hover{color:#1976d2}#chatbox_header{position:absolute;right:0;bottom:0;left:0;height:40px;padding:0 5px;line-height:40px;color:transparent;background:#e7e7e7}.chatbox-title{float:left;margin:0}#chatbox_option_co,#chatbox_option_disco,#chatbox_option_with_archives a,#chatbox_option_without_archives a,#fullscreen,#sound_control,.chat-title{display:block;border-radius:3px;width:30px;height:30px;float:left;margin:5px;font-size:0;background:url(//i68.servimg.com/u/f68/19/38/83/61/chat6110.png) no-repeat center center #e7e7e7;cursor:pointer}#chatbox_option_co:focus,#chatbox_option_co:hover,#chatbox_option_disco:focus,#chatbox_option_disco:hover,#chatbox_option_with_archives a:focus,#chatbox_option_with_archives a:hover,#chatbox_option_without_archives a:focus,#chatbox_option_without_archives a:hover,#fullscreen:focus,#fullscreen:hover,#sound_control:focus,#sound_control:hover,.chat-title:focus,.chat-title:hover{background-color:#fff}#chatbox_option_with_archives a{background-image:url(//i68.servimg.com/u/f68/19/38/83/61/archiv10.png)}#chatbox_option_without_archives a{background-image:url(//i68.servimg.com/u/f68/19/38/83/61/three110.png)}#chatbox_option_co{background-image:url(//i68.servimg.com/u/f68/19/38/83/61/power110.png)}#chatbox_option_disco{background-image:url(//i68.servimg.com/u/f68/19/38/83/61/out10.png)}#sound_control{background-image:url(//i97.servimg.com/u/f97/19/51/54/34/volume12.png)}#sound_control.disable{background-image:url(//i97.servimg.com/u/f97/19/51/54/34/volume11.png)}#fullscreen{background-image:url(//i97.servimg.com/u/f97/19/51/54/34/expand10.png)}#fullscreen.active{background-image:url(//i97.servimg.com/u/f97/19/51/54/34/center10.png)}.chatbox-options{float:right;font-size:0}.chatbox-options li{float:left}#chatbox_members{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;position:absolute;top:40px;bottom:40px;left:-200px;z-index:20;overflow:auto;width:200px;padding:0 5px;border-right:1px solid #e7e7e7;background:#fff;-webkit-transform:none;transform:none}#chatbox_members>ul,.chatbox-options{list-style-type:none;margin:0;padding-left:0}.member-title{border-radius:3px;text-align:center;margin:5px 0;padding:5px;text-transform:uppercase;background:#fefff4}.away-users>li>span,.online-users>li>span{margin:5px 0;display:block}.chatbox-user-username{cursor:pointer;padding:3px 0}#chatbox{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;position:absolute;top:40px;right:0;bottom:40px;left:0;overflow:auto;padding:0 5px;background:#fff;-webkit-transform:none;transform:none}#chatbox>p{display:none}#chatbox_footer{position:absolute;top:0;right:0;left:0;height:40px}#chatbox_footer #help-button,#chatbox_footer #submit_button,#chatbox_footer .fontbutton{display:none}#chatbox_footer .right{float:none}.msg-row{position:relative;margin:1em 0}.msg-row.alert>div,body>p.center strong{width:auto;margin:1px -5px;padding:3px 12px;font-size:12px;font-weight:700;text-align:center;color:#fff}.msg-row.alert .ban-act,.msg-row.alert .other-act,.msg-row.alert .unmod-act{background:#ff5c5c}.msg-row.alert .disconnect-act,.msg-row.alert .kick-act,.msg-row.alert .timeout-act{background:#f57c00}.msg-row.alert .away-act,.msg-row.alert .me-act{background:#5e35b1}.msg-row.alert .connect-act,.msg-row.alert .mod-act,.msg-row.alert .unban-act{background:#388e3c}.msg-row.alert .clear-act{background:#47a3fc}.msg-day{margin-bottom:-1em;border-top:1px dashed #e7e7e7;text-align:center;color:#757575}.msg-day span{position:relative;top:-.75em;padding:.2em 1em;font-size:12px;background:#fff}.msg-wrap{position:relative;margin-left:40px}.msg-act{position:relative;max-width:70%;float:left;clear:both;margin:1px 0;padding:6px 12px;border-radius:4px 1.3em 1.3em 4px;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;background:#e7e7e7}.msg-act:first-child{border-top-left-radius:1.3em}.msg-act:last-child{border-bottom-left-radius:1.3em}.msg-act:before,.msg-avatar:before{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;content:attr(data-time);position:absolute;top:0;right:-60px;z-index:10;visibility:hidden;padding:2px 4px;border-radius:3px;white-space:pre;font-family:Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:11px;color:#757575;opacity:0}.msg-act:hover:before,.msg-avatar:hover:before{visibility:visible;opacity:1}.msg-act.no-text{padding:0;background:0 0}.msg-act a{font-weight:700}.msg-act a:focus,.msg-act a:hover{text-decoration:underline}.msg-act embed,.msg-act iframe,.msg-act img{max-width:100%}.msg-act img{vertical-align:middle}.msg-act font,.msg-act span{font-size:14px;color:#212121}.msg-act strong{font-weight:400}.msg-act strike,.msg-act u{text-decoration:none}.msg-act i{font-style:normal}.msg-act dd,.msg-act dl{display:inline;margin:0}.msg-act dt{display:none}.msg-act code{font-family:inherit}.msg-avatar{position:absolute;top:3px;left:0;cursor:pointer}.msg-avatar-circle{border-radius:50%;overflow:hidden;width:30px;height:30px}.msg-avatar:before{content:attr(data-name);top:-16px;right:auto;left:0}.msg-avatar:after{border:1px solid #e7e7e7;border-radius:50%;content:"";position:absolute;right:0;bottom:0;width:10px;height:10px;background:#bdbdbd}.msg-avatar.online:after{background:#388e3c}.msg-avatar.away:after{background:#5e35b1}.msg-avatar.offline:after{content:none}.msg-avatar img{width:100%}.msg-me .msg-avatar{display:none}.msg-me .msg-wrap{margin-right:0;margin-left:0}.msg-me .msg-act{float:right;border-radius:1.3em 4px 4px 1.3em;background:#2196f3}.msg-me .msg-act:first-child{border-top-right-radius:1.3em}.msg-me .msg-act:last-child{border-bottom-right-radius:1.3em}.msg-me .msg-act:before{right:auto;left:-60px}.msg-me .msg-act a{color:#e7e7e7}.msg-me .msg-act a:hover{color:#fff}.msg-me .msg-act>span{color:#fff}#message{border-radius:3px;height:2.5em;margin:2px 0;padding:6px 8px;border:1px solid #e7e7e7;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.075) inset;box-shadow:0 1px 1px rgba(0,0,0,.075) inset;position:absolute;top:0;right:0;left:0;width:100%;height:40px;margin:0;padding:0 75px 0 1em;font-weight:400;font-style:normal;line-height:40px;text-decoration:none;color:#212121;background:#fefff4}#message:focus{background:#fff;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.26);box-shadow:0 2px 5px rgba(0,0,0,.26)}#chatbox_contextmenu{border-radius:3px;z-index:30;background:#fff}.cb-menu-title{margin:0;padding:5px 8px;border-bottom:1px solid #e7e7e7}.cb-menu-close{border-radius:50%;text-align:center;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;top:5px;right:8px;width:20px;height:20px;line-height:17px;color:#ff5c5c;background:#fff}.cb-menu-close:focus,.cb-menu-close:hover{color:#fff;background:#ff5c5c}.cb-menu-item{margin:0}.cb-menu-item a{display:block;margin:5px 0;padding:4px 8px;color:#757575}.cb-menu-item a:focus,.cb-menu-item a:hover{color:#111;background:#e7e7e7}.pun{width:100%;background:#fefff4}.pun table tr.main-head{color:#fff;background:#757575}.pun table tr:nth-child(2n){background:#e7e7e7}.pun table td,.pun table th{border:1px solid #e7e7e7;padding:7px 10px}#buzz_wrap{right:10px}#emoji_list{overflow:auto;width:246px;height:160px;padding:0 5px 0 0}#emoji_list .emoji{border-radius:3px;-webkit-box-sizing:content-box;box-sizing:content-box;overflow:hidden;width:16px;height:16px;padding:6px;text-indent:-99px;cursor:pointer}#emoji_list .emoji:hover{background:#e7e7e7}@-webkit-keyframes shake{2%{-webkit-transform:translate(-1.5px,-1.5px) rotate(.5deg);transform:translate(-1.5px,-1.5px) rotate(.5deg)}4%{-webkit-transform:translate(-1.5px,-.5px) rotate(1.5deg);transform:translate(-1.5px,-.5px) rotate(1.5deg)}6%{-webkit-transform:translate(2.5px,.5px) rotate(1.5deg);transform:translate(2.5px,.5px) rotate(1.5deg)}8%{-webkit-transform:translate(2.5px,1.5px) rotate(.5deg);transform:translate(2.5px,1.5px) rotate(.5deg)}10%{-webkit-transform:translate(1.5px,-.5px) rotate(.5deg);transform:translate(1.5px,-.5px) rotate(.5deg)}12%{-webkit-transform:translate(1.5px,.5px) rotate(1.5deg);transform:translate(1.5px,.5px) rotate(1.5deg)}14%{-webkit-transform:translate(1.5px,-1.5px) rotate(-.5deg);transform:translate(1.5px,-1.5px) rotate(-.5deg)}16%{-webkit-transform:translate(-.5px,.5px) rotate(.5deg);transform:translate(-.5px,.5px) rotate(.5deg)}18%{-webkit-transform:translate(-.5px,-1.5px) rotate(1.5deg);transform:translate(-.5px,-1.5px) rotate(1.5deg)}20%{-webkit-transform:translate(2.5px,1.5px) rotate(1.5deg);transform:translate(2.5px,1.5px) rotate(1.5deg)}22%{-webkit-transform:translate(-1.5px,-.5px) rotate(1.5deg);transform:translate(-1.5px,-.5px) rotate(1.5deg)}24%{-webkit-transform:translate(2.5px,-.5px) rotate(-.5deg);transform:translate(2.5px,-.5px) rotate(-.5deg)}26%{-webkit-transform:translate(-1.5px,.5px) rotate(.5deg);transform:translate(-1.5px,.5px) rotate(.5deg)}28%{-webkit-transform:translate(2.5px,.5px) rotate(.5deg);transform:translate(2.5px,.5px) rotate(.5deg)}30%{-webkit-transform:translate(2.5px,2.5px) rotate(1.5deg);transform:translate(2.5px,2.5px) rotate(1.5deg)}32%{-webkit-transform:translate(-1.5px,.5px) rotate(.5deg);transform:translate(-1.5px,.5px) rotate(.5deg)}34%{-webkit-transform:translate(1.5px,1.5px) rotate(-.5deg);transform:translate(1.5px,1.5px) rotate(-.5deg)}36%{-webkit-transform:translate(-1.5px,-.5px) rotate(.5deg);transform:translate(-1.5px,-.5px) rotate(.5deg)}38%{-webkit-transform:translate(1.5px,1.5px) rotate(.5deg);transform:translate(1.5px,1.5px) rotate(.5deg)}40%{-webkit-transform:translate(1.5px,2.5px) rotate(.5deg);transform:translate(1.5px,2.5px) rotate(.5deg)}42%{-webkit-transform:translate(1.5px,-.5px) rotate(-.5deg);transform:translate(1.5px,-.5px) rotate(-.5deg)}44%{-webkit-transform:translate(2.5px,-1.5px) rotate(-.5deg);transform:translate(2.5px,-1.5px) rotate(-.5deg)}46%{-webkit-transform:translate(2.5px,.5px) rotate(-.5deg);transform:translate(2.5px,.5px) rotate(-.5deg)}48%{-webkit-transform:translate(-.5px,.5px) rotate(-.5deg);transform:translate(-.5px,.5px) rotate(-.5deg)}50%{-webkit-transform:translate(-.5px,1.5px) rotate(.5deg);transform:translate(-.5px,1.5px) rotate(.5deg)}52%{-webkit-transform:translate(1.5px,.5px) rotate(.5deg);transform:translate(1.5px,.5px) rotate(.5deg)}54%{-webkit-transform:translate(-1.5px,-.5px) rotate(.5deg);transform:translate(-1.5px,-.5px) rotate(.5deg)}56%{-webkit-transform:translate(.5px,2.5px) rotate(1.5deg);transform:translate(.5px,2.5px) rotate(1.5deg)}58%{-webkit-transform:translate(.5px,1.5px) rotate(.5deg);transform:translate(.5px,1.5px) rotate(.5deg)}60%{-webkit-transform:translate(2.5px,.5px) rotate(1.5deg);transform:translate(2.5px,.5px) rotate(1.5deg)}62%{-webkit-transform:translate(1.5px,1.5px) rotate(1.5deg);transform:translate(1.5px,1.5px) rotate(1.5deg)}64%{-webkit-transform:translate(-.5px,-.5px) rotate(-.5deg);transform:translate(-.5px,-.5px) rotate(-.5deg)}66%{-webkit-transform:translate(-1.5px,.5px) rotate(-.5deg);transform:translate(-1.5px,.5px) rotate(-.5deg)}68%{-webkit-transform:translate(2.5px,-.5px) rotate(.5deg);transform:translate(2.5px,-.5px) rotate(.5deg)}70%{-webkit-transform:translate(2.5px,2.5px) rotate(.5deg);transform:translate(2.5px,2.5px) rotate(.5deg)}72%{-webkit-transform:translate(-1.5px,2.5px) rotate(1.5deg);transform:translate(-1.5px,2.5px) rotate(1.5deg)}74%{-webkit-transform:translate(1.5px,-.5px) rotate(1.5deg);transform:translate(1.5px,-.5px) rotate(1.5deg)}76%{-webkit-transform:translate(-.5px,-.5px) rotate(1.5deg);transform:translate(-.5px,-.5px) rotate(1.5deg)}78%{-webkit-transform:translate(1.5px,1.5px) rotate(-.5deg);transform:translate(1.5px,1.5px) rotate(-.5deg)}80%{-webkit-transform:translate(1.5px,-.5px) rotate(-.5deg);transform:translate(1.5px,-.5px) rotate(-.5deg)}82%{-webkit-transform:translate(-.5px,2.5px) rotate(-.5deg);transform:translate(-.5px,2.5px) rotate(-.5deg)}84%{-webkit-transform:translate(.5px,-1.5px) rotate(-.5deg);transform:translate(.5px,-1.5px) rotate(-.5deg)}86%{-webkit-transform:translate(-.5px,.5px) rotate(-.5deg);transform:translate(-.5px,.5px) rotate(-.5deg)}88%{-webkit-transform:translate(1.5px,2.5px) rotate(-.5deg);transform:translate(1.5px,2.5px) rotate(-.5deg)}90%{-webkit-transform:translate(-1.5px,.5px) rotate(1.5deg);transform:translate(-1.5px,.5px) rotate(1.5deg)}92%{-webkit-transform:translate(2.5px,.5px) rotate(1.5deg);transform:translate(2.5px,.5px) rotate(1.5deg)}94%{-webkit-transform:translate(-.5px,1.5px) rotate(1.5deg);transform:translate(-.5px,1.5px) rotate(1.5deg)}96%{-webkit-transform:translate(-1.5px,-1.5px) rotate(.5deg);transform:translate(-1.5px,-1.5px) rotate(.5deg)}98%{-webkit-transform:translate(2.5px,2.5px) rotate(.5deg);transform:translate(2.5px,2.5px) rotate(.5deg)}0%,100%{-webkit-transform:translate(0,0) rotate(0);transform:translate(0,0) rotate(0)}}@keyframes shake{2%{-webkit-transform:translate(-1.5px,-1.5px) rotate(.5deg);transform:translate(-1.5px,-1.5px) rotate(.5deg)}4%{-webkit-transform:translate(-1.5px,-.5px) rotate(1.5deg);transform:translate(-1.5px,-.5px) rotate(1.5deg)}6%{-webkit-transform:translate(2.5px,.5px) rotate(1.5deg);transform:translate(2.5px,.5px) rotate(1.5deg)}8%{-webkit-transform:translate(2.5px,1.5px) rotate(.5deg);transform:translate(2.5px,1.5px) rotate(.5deg)}10%{-webkit-transform:translate(1.5px,-.5px) rotate(.5deg);transform:translate(1.5px,-.5px) rotate(.5deg)}12%{-webkit-transform:translate(1.5px,.5px) rotate(1.5deg);transform:translate(1.5px,.5px) rotate(1.5deg)}14%{-webkit-transform:translate(1.5px,-1.5px) rotate(-.5deg);transform:translate(1.5px,-1.5px) rotate(-.5deg)}16%{-webkit-transform:translate(-.5px,.5px) rotate(.5deg);transform:translate(-.5px,.5px) rotate(.5deg)}18%{-webkit-transform:translate(-.5px,-1.5px) rotate(1.5deg);transform:translate(-.5px,-1.5px) rotate(1.5deg)}20%{-webkit-transform:translate(2.5px,1.5px) rotate(1.5deg);transform:translate(2.5px,1.5px) rotate(1.5deg)}22%{-webkit-transform:translate(-1.5px,-.5px) rotate(1.5deg);transform:translate(-1.5px,-.5px) rotate(1.5deg)}24%{-webkit-transform:translate(2.5px,-.5px) rotate(-.5deg);transform:translate(2.5px,-.5px) rotate(-.5deg)}26%{-webkit-transform:translate(-1.5px,.5px) rotate(.5deg);transform:translate(-1.5px,.5px) rotate(.5deg)}28%{-webkit-transform:translate(2.5px,.5px) rotate(.5deg);transform:translate(2.5px,.5px) rotate(.5deg)}30%{-webkit-transform:translate(2.5px,2.5px) rotate(1.5deg);transform:translate(2.5px,2.5px) rotate(1.5deg)}32%{-webkit-transform:translate(-1.5px,.5px) rotate(.5deg);transform:translate(-1.5px,.5px) rotate(.5deg)}34%{-webkit-transform:translate(1.5px,1.5px) rotate(-.5deg);transform:translate(1.5px,1.5px) rotate(-.5deg)}36%{-webkit-transform:translate(-1.5px,-.5px) rotate(.5deg);transform:translate(-1.5px,-.5px) rotate(.5deg)}38%{-webkit-transform:translate(1.5px,1.5px) rotate(.5deg);transform:translate(1.5px,1.5px) rotate(.5deg)}40%{-webkit-transform:translate(1.5px,2.5px) rotate(.5deg);transform:translate(1.5px,2.5px) rotate(.5deg)}42%{-webkit-transform:translate(1.5px,-.5px) rotate(-.5deg);transform:translate(1.5px,-.5px) rotate(-.5deg)}44%{-webkit-transform:translate(2.5px,-1.5px) rotate(-.5deg);transform:translate(2.5px,-1.5px) rotate(-.5deg)}46%{-webkit-transform:translate(2.5px,.5px) rotate(-.5deg);transform:translate(2.5px,.5px) rotate(-.5deg)}48%{-webkit-transform:translate(-.5px,.5px) rotate(-.5deg);transform:translate(-.5px,.5px) rotate(-.5deg)}50%{-webkit-transform:translate(-.5px,1.5px) rotate(.5deg);transform:translate(-.5px,1.5px) rotate(.5deg)}52%{-webkit-transform:translate(1.5px,.5px) rotate(.5deg);transform:translate(1.5px,.5px) rotate(.5deg)}54%{-webkit-transform:translate(-1.5px,-.5px) rotate(.5deg);transform:translate(-1.5px,-.5px) rotate(.5deg)}56%{-webkit-transform:translate(.5px,2.5px) rotate(1.5deg);transform:translate(.5px,2.5px) rotate(1.5deg)}58%{-webkit-transform:translate(.5px,1.5px) rotate(.5deg);transform:translate(.5px,1.5px) rotate(.5deg)}60%{-webkit-transform:translate(2.5px,.5px) rotate(1.5deg);transform:translate(2.5px,.5px) rotate(1.5deg)}62%{-webkit-transform:translate(1.5px,1.5px) rotate(1.5deg);transform:translate(1.5px,1.5px) rotate(1.5deg)}64%{-webkit-transform:translate(-.5px,-.5px) rotate(-.5deg);transform:translate(-.5px,-.5px) rotate(-.5deg)}66%{-webkit-transform:translate(-1.5px,.5px) rotate(-.5deg);transform:translate(-1.5px,.5px) rotate(-.5deg)}68%{-webkit-transform:translate(2.5px,-.5px) rotate(.5deg);transform:translate(2.5px,-.5px) rotate(.5deg)}70%{-webkit-transform:translate(2.5px,2.5px) rotate(.5deg);transform:translate(2.5px,2.5px) rotate(.5deg)}72%{-webkit-transform:translate(-1.5px,2.5px) rotate(1.5deg);transform:translate(-1.5px,2.5px) rotate(1.5deg)}74%{-webkit-transform:translate(1.5px,-.5px) rotate(1.5deg);transform:translate(1.5px,-.5px) rotate(1.5deg)}76%{-webkit-transform:translate(-.5px,-.5px) rotate(1.5deg);transform:translate(-.5px,-.5px) rotate(1.5deg)}78%{-webkit-transform:translate(1.5px,1.5px) rotate(-.5deg);transform:translate(1.5px,1.5px) rotate(-.5deg)}80%{-webkit-transform:translate(1.5px,-.5px) rotate(-.5deg);transform:translate(1.5px,-.5px) rotate(-.5deg)}82%{-webkit-transform:translate(-.5px,2.5px) rotate(-.5deg);transform:translate(-.5px,2.5px) rotate(-.5deg)}84%{-webkit-transform:translate(.5px,-1.5px) rotate(-.5deg);transform:translate(.5px,-1.5px) rotate(-.5deg)}86%{-webkit-transform:translate(-.5px,.5px) rotate(-.5deg);transform:translate(-.5px,.5px) rotate(-.5deg)}88%{-webkit-transform:translate(1.5px,2.5px) rotate(-.5deg);transform:translate(1.5px,2.5px) rotate(-.5deg)}90%{-webkit-transform:translate(-1.5px,.5px) rotate(1.5deg);transform:translate(-1.5px,.5px) rotate(1.5deg)}92%{-webkit-transform:translate(2.5px,.5px) rotate(1.5deg);transform:translate(2.5px,.5px) rotate(1.5deg)}94%{-webkit-transform:translate(-.5px,1.5px) rotate(1.5deg);transform:translate(-.5px,1.5px) rotate(1.5deg)}96%{-webkit-transform:translate(-1.5px,-1.5px) rotate(.5deg);transform:translate(-1.5px,-1.5px) rotate(.5deg)}98%{-webkit-transform:translate(2.5px,2.5px) rotate(.5deg);transform:translate(2.5px,2.5px) rotate(.5deg)}0%,100%{-webkit-transform:translate(0,0) rotate(0);transform:translate(0,0) rotate(0)}}.chatbox-buzz{-webkit-animation:shake 120ms ease-in-out infinite;animation:shake 120ms ease-in-out infinite}#media{position:absolute;right:0;bottom:40px;left:0;height:50%}#media iframe{width:100%;height:100%}.toggleUsersList .chat-title{background-image:url(//i84.servimg.com/u/f84/19/38/83/61/users-10.png)}.toggleUsersList #chatbox,.toggleUsersList #chatbox_members{-webkit-transform:translateX(200px);transform:translateX(200px)}.toggleMediaList .chat-title{background-image:url(//i68.servimg.com/u/f68/19/38/83/61/delete10.png)}.toggleMediaList #chatbox,.toggleMediaList #chatbox_members{bottom:50%;margin-bottom:40px}#has_new_message{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;position:absolute;top:40px;left:50%;visibility:hidden;width:140px;height:30px;margin-left:-70px;padding:0 10px;border-radius:0 0 4px 4px;font-size:12px;line-height:30px;color:#fff;opacity:0;background:#111 url(//i97.servimg.com/u/f97/19/51/54/34/level-10.png) 117px center no-repeat;cursor:pointer}#has_new_message.active{visibility:visible;opacity:.7}#has_new_message:hover{opacity:1}.cb-bubcloud-btn{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-filter:grayscale(70%);filter:grayscale(70%)}.cb-bubcloud-options{position:absolute;top:10px;right:45px}.cb-bubcloud-options-list{border:1px solid #e7e7e7;border-radius:3px;background:#fff;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1);position:absolute;top:12px;right:-9px;z-index:20;visibility:hidden;padding:5px;opacity:0}.cb-bubcloud-options-list:after,.cb-bubcloud-options-list:before{position:absolute;z-index:20;width:0;height:0;border-style:solid;content:" "}.cb-bubcloud-options-list:before{z-index:10}.cb-bubcloud-options-list:after,.cb-bubcloud-options-list:before{top:-4px;border-width:0 6px 6px 6px;right:12px;border-color:transparent transparent #fff}.cb-bubcloud-options-list:before{top:-6px;border-bottom-color:#e7e7e7}.cb-bubcloud-options.active .cb-bubcloud-btn,.cb-bubcloud-options:hover .cb-bubcloud-btn{-webkit-transform:scale(1.4);transform:scale(1.4);-webkit-filter:none;filter:none;cursor:pointer}.cb-bubcloud-options.disable .cb-bubcloud-btn{opacity:.3;-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transform:scale(1);transform:scale(1);cursor:not-allowed}.cb-bubcloud-media{display:block;width:160px;height:90px;text-align:center;background-repeat:no-repeat;background-size:cover}.cb-bubcloud-media img{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;margin-top:15px;opacity:.7;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.cb-bubcloud-media:hover img{opacity:1;-webkit-filter:none;filter:none}.cb-bubcloud-image{display:inline-block;overflow:hidden;max-width:160px;max-height:160px;vertical-align:middle}#connectOverlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;padding-top:10%;text-align:center;color:#fff;background:#47a3fc;cursor:pointer}