.viewy-box { -webkit-user-select: none; background-color: #111111; background-image: -o-linear-gradient(#1e1e1e, #040404); background-image: -moz-linear-gradient(#1e1e1e, #040404); background-image: -ms-linear-gradient(#1e1e1e, #040404); background-image: -webkit-linear-gradient(#1e1e1e, #040404); background-image: linear-gradient(#1e1e1e, #040404); -moz-border-radius: 30px; border-radius: 30px; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.085), 0 1px 0 0 rgba(0,0,0,.15); -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.085), 0 1px 0 0 rgba(0,0,0,.15); box-shadow: 0 0 0 1px rgba(0,0,0,.085), 0 1px 0 0 rgba(0,0,0,.15); height: 52px; position: fixed; z-index:9999; text-align:left; width:220px; bottom: 20px; right: 10px; -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition: -webkit-transform 0.3s ease-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;} .viewy-box > * { text-align:left;display: inline-block; vertical-align: top;} .viewy-box .viewy-text { text-align:left;display: inline-block; height: 52px; padding-right: 15px; padding-left: 15px;} .viewy-box .viewy-text * { text-align:left;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: "color .2s ease-out"; -moz-transition: "color .2s ease-out"; -o-transition: "color .2s ease-out"; transition: "color .2s ease-out";} .viewy-box .viewy-text-primary { text-align:left; color: #ddd; font-size: 13px; font-weight: bold; padding-top: 10px; font-family:Arial; padding-left:4px; letter-spacing:0px;} .viewy-box .viewy-text-primary:hover { color: #fff;} .viewy-box .viewy-text-secondary { text-align:left; color: #999; -webkit-transition: "color .2s ease-out"; -moz-transition: "color .2s ease-out"; -o-transition: "color .2s ease-out"; transition: "color .2s ease-out"; font-size: 10px; padding-top: 1px; line-height: 12px; font-family:Arial; padding-left:4px; letter-spacing:0px;} .viewy-box .btns { display: inline-block; white-space: nowrap;} .viewy-box .btns > * { display: inline-block; text-align:left; height: 52px; width: 30px; opacity: .5;} .viewy-box .btns > *:hover { opacity: 1;} .viewy-reg { /*cursor: pointer;*/} .viewy-reg.hidden { opacity: 0 !important;} .viewy-reg .viewy-text-primary { text-align:left; padding-top: 11px; font-family:Arial;} .viewy-reg .btn { cursor: pointer; text-align:left; height: 50px; width: 40px; opacity: .6;}.viewy-reg .btn:hover { opacity: 1;} .viewy-reg .viewy-avatar {float:left; margin-left:20px; margin-top:3px; height: 47px; width: 30px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; background: transparent url("/images/v30x30.png") center center no-repeat; } .viewy-reg .viewy-avatar a:link, .viewy-reg .viewy-avatar a:visited { background:transparent; padding:0; margin:0; display:block;width:30px;height:47px;} .viewy-reg .reg-abt { text-align:left; height: 50px; margin:0; padding-right: 0px; padding-left: 6px; }.viewy-reg .reg-abt .ft, .viewy-reg .reg-abt .ft a:link, .viewy-reg .reg-abt .ft a:visited { background:transparent; margin:0; text-decoration:none; font-family:arial; letter-spacing:0px; line-height:normal; font-style:normal; color: #eee; font-size: 13px; font-weight: bold; padding:0; padding-top: 12px; }.viewy-reg .reg-abt .st, .viewy-reg .reg-abt .st a:link, .viewy-reg .reg-abt .st a:visited { line-height:normal; background:transparent; margin:0;text-decoration:none; letter-spacing:0px; font-family:arial; font-style:normal;color: #999; font-size: 10px; padding:0; padding-top: 1px; }