/*! * jQuery ClassyNotty * www.class.pm * * Written by Marius Stanciu - Sergiu * Licensed under the MIT license www.class.pm/LICENSE-MIT * Version 1.2.0 * */#nottys{position:fixed;bottom:0px;/*change to 160px*/right:-300px;width:280px;z-index:999}#nottys .notty{padding:10px;margin-bottom:20px;background:#000;background:rgba(0,0,0,0.8);color:#fff;text-shadow:black 0 1px 2px;font:normal 12px/17px Helvetica;border:1px solid #000;border:1px solid rgba(0,0,0,0.7);background:-webkit-linear-gradient(transparent,rgba(0,0,0,0.9)),-webkit-linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.7));background:-moz-linear-gradient(0 100% 90deg,rgba(0,0,0,0.9),transparent),-moz-linear-gradient(0 100% 90deg,rgba(0,0,0,0.7),rgba(0,0,0,0.4));-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:rgba(0,0,0,0.8) 0 2px 13px,rgba(0,0,0,0.6) 0 -3px 13px,rgba(255,255,255,0.5) 0 1px 0 inset;-moz-box-shadow:rgba(0,0,0,0.8) 0 2px 13px,rgba(0,0,0,0.6) 0 -3px 13px,rgba(255,255,255,0.5) 0 1px 0 inset;box-shadow:rgba(0,0,0,0.8) 0 2px 13px,rgba(0,0,0,0.6) 0 -3px 13px,rgba(255,255,255,0.5) 0 1px 0 inset;position:relative;cursor:default;-webkit-user-select:none;-moz-user-select:none;overflow:hidden}.npop{-webkit-animation-duration:.5s;-webkit-animation-iteration-count:1;-webkit-animation-name:npop;-webkit-animation-timing-function:ease-in;-moz-animation-duration:.5s;-moz-animation-iteration-count:1;-moz-animation-name:npop;-moz-animation-timing-function:ease-in}.nremove{-webkit-animation-iteration-count:1;-webkit-animation-timing-function:ease-in-out;-webkit-animation-duration:.3s;-webkit-animation-name:nremove;-moz-animation-iteration-count:1;-moz-animation-timing-function:ease-in-out;-moz-animation-duration:.3s;-moz-animation-name:nremove}#nottys .notty.nclick{cursor:pointer}#nottys .notty .nhide{position:absolute;display:inline-block;font-weight:bold;line-height:20px;background:black;right:0;top:0;padding:5px 15px;background:-webkit-linear-gradient(rgba(0,0,0,0.7),black);background:-moz-linear-gradient(0 100% 90deg,black,rgba(0,0,0,0.7));-webkit-border-top-right-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px;-moz-border-radius-topright:6px;-webkit-box-shadow:rgba(255,255,255,0.5) 0 -1px 0 inset,rgba(255,255,255,0.5) 0 1px 0 inset,black 0 5px 6px;-moz-box-shadow:rgba(255,255,255,0.5) 0 -1px 0 inset,rgba(255,255,255,0.5) 0 1px 0 inset,black 0 5px 6px;-ms-box-shadow:rgba(255,255,255,0.5) 0 -1px 0 inset,rgba(255,255,255,0.5) 0 1px 0 inset,black 0 5px 6px;-o-box-shadow:rgba(255,255,255,0.5) 0 -1px 0 inset,rgba(255,255,255,0.5) 0 1px 0 inset,black 0 5px 6px;box-shadow:rgba(255,255,255,0.5) 0 -1px 0 inset,rgba(255,255,255,0.5) 0 1px 0 inset,black 0 5px 6px;border-left:1px solid rgba(255,255,255,0.5);cursor:pointer;display:none}#nottys .notty .nhide:hover{background:#fff;background:-webkit-linear-gradient(#fff,rgba(255,255,255,0.9));background:-moz-linear-gradient(0 100% 90deg,rgba(255,255,255,0.9),#fff);color:#000;text-shadow:none}#nottys .notty .nright,#nottys .notty .nleft{width:79%;height:100%;float:left}#nottys .notty .ntime{font-size:9px;position:relative}#nottys .notty .nright .ntime{margin-left:19px}#nottys .notty .nleft{width:20%}#nottys .notty .nright .ninner{padding-left:19px}#nottys .notty .nleft .nimg:after{content:'';background:#fff;background:-webkit-linear-gradient(transparent,rgba(255,255,255,0.6),transparent);background:-moz-linear-gradient(0 100% 90deg,transparent,rgba(255,255,255,0.6),transparent);width:1px;height:50px;position:absolute;right:-10px}#nottys .notty .nleft .nimg{width:100%;background-size:auto 100%;height:50px;border-radius:6px;-webkit-box-shadow:rgba(255,255,255,0.9) 0 1px 0 inset,rgba(0,0,0,0.5) 0 1px 6px;-moz-box-shadow:rgba(255,255,255,0.9) 0 1px 0 inset,rgba(0,0,0,0.5) 0 1px 6px;-ms-box-shadow:rgba(255,255,255,0.9) 0 1px 0 inset,rgba(0,0,0,0.5) 0 1px 6px;-o-box-shadow:rgba(255,255,255,0.9) 0 1px 0 inset,rgba(0,0,0,0.5) 0 1px 6px;box-shadow:rgba(255,255,255,0.9) 0 1px 0 inset,rgba(0,0,0,0.5) 0 1px 6px;border:1px solid rgba(0,0,0,0.55);position:relative}#nottys .notty:after{content:".";visibility:hidden;display:block;clear:both;height:0;font-size:0}#nottys .notty h2{margin:0 0 5px 0;font-size:14px;text-shadow:#000 0 2px 4px;color:#fff}@-webkit-keyframes npop{from{-webkit-transform:scale(.1);opacity:0}80%{-webkit-transform:scale(1.05);opacity:1}to{-webkit-transform:scale(1)}}@-webkit-keyframes nremove{from{opacity:1}100%{right:-223px;opacity:0}}