Mirror of Mcvities site snuggler so it works over https http://www.mcvities.co.uk/extras/site-snuggler

site-snuggler.css

#mcvities_snuggletWrapper {
	position:fixed;
	bottom:0;
	width:100%;
	height:1px;
	pointer-events:none;
	z-index: 2147483640;
}

#mcvities_snuggletWrapper.down {
	transform: translateY(1000px);
	-webkit-transform: translateY(1000px);
	-moz-transform: translateY(1000px);
	-ms-transform: translateY(1000px);
	-o-transform: translateY(1000px);
}

#mcvities_catWrapper {
	position:absolute;
	top:0;
	left:0;
	width:425px;
	height:726px;
	z-index: 2147483640;
	transform: translate(0px,0px);
	-webkit-transform: translate(0px,0px);
	-moz-transform: translate(0px,0px);
	-ms-transform: translate(0px,0px);
	-o-transform: translate(0px,0px);
	transform:rotateX(0deg);
	-webkit-transform:rotateX(0deg);
	-moz-transform:rotateX(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotateX(0deg);
	transform-origin:bottom;
	-webkit-transform-origin:bottom;
	-moz-transform-origin:bottom;
	-ms-transform-origin:bottom;
	-o-transform-origin:bottom;
}

#mcvities_cat.paw {
	position:relative;
	bottom:0;
	left:0;
	width:425px;
	height:726px;
	margin-left:-210px;
	margin-top:0;
	background-color: transparent;
	z-index: 2147483645;
	opacity: 0;
	transform: translate(0px,50px);
	-webkit-transform: translate(0px,50px);
	-moz-transform: translate(0px,50px);
	-ms-transform: translate(0px,50px);
	-o-transform: translate(0px,50px);
	transform:rotateX(0deg);
	-webkit-transform:rotateX(0deg);
	-moz-transform:rotateX(0deg);
	-o-transform:rotateX(0deg);
	-ms-transform:rotate(0deg);
	transform-origin:bottom;
	-webkit-transform-origin:bottom;
	-moz-transform-origin:bottom;
	-o-transform-origin:bottom;
	-ms-transform-origin:bottom;
	transition:transform .2s cubic-bezier(.82,0,.23,2), opacity .2s ease-out;
	-webkit-transition:-webkit-transform .2s 0 cubic-bezier(.82,0,.23,2), opacity .2s ease-out;
	-moz-transition:-moz-transform .2s cubic-bezier(.82,0,.23,2), opacity .2s ease-out;
	-o-transition:-o-transform .2s cubic-bezier(.82,0,.23,2), opacity .2s ease-out;
}

#mcvities_cat.catPawActivated {
	opacity: 1;
}

#mcvities_cat.left {
	transform: translate(0px,0px) rotate(-10deg);
	-webkit-transform: translate(0px,0px) rotate(-10deg);
	-moz-transform: translate(0px,0px) rotate(-10deg);
	-ms-transform: translate(0px,0px) rotate(-10deg);
	-o-transform: translate(0px,0px) rotate(-10deg);
}

#mcvities_cat.right {
	transform: translate(0px,0px) rotate(10deg);
	-webkit-transform: translate(0px,0px) rotate(10deg);
	-moz-transform: translate(0px,0px) rotate(10deg);
	-ms-transform: translate(0px,0px) rotate(10deg);
	-o-transform: translate(0px,0px) rotate(10deg);
}

#mcvities_cat.tap_center {
	transform: translate(0px,-130px);
	-webkit-transform: translate(0px,-130px);
	-moz-transform: translate(0px,-130px);
	-ms-transform: translate(0px,-130px);
	-o-transform: translate(0px,-130px);
}

#mcvities_cat.tap_left {
	transform: translate(50px,-130px) rotate(-5deg);
	-webkit-transform: translate(50px,-130px) rotate(-5deg);
	-moz-transform: translate(50px,-130px) rotate(-5deg);
	-ms-transform: translate(50px,-130px) rotate(-5deg);
	-o-transform: translate(50px,-130px) rotate(-5deg);
}

#mcvities_cat.tap_right {
	transform: translate(-50px,-130px) rotate(5deg);
	-webkit-transform: translate(-50px,-130px) rotate(5deg);
	-moz-transform: translate(-50px,-130px) rotate(5deg);
	-ms-transform: translate(-50px,-130px) rotate(5deg);
	-o-transform: translate(-50px,-130px) rotate(5deg);
}

#mcvities_cat.animate{
	animation:hovering 2s;
	-webkit-animation:hovering 2s; 
	-webkit-animation-iteration-count: infinite;
	-moz-animation:hovering 2s; 
	-moz-animation-iteration-count: infinite;
	-ms-animation:hovering 2s; 
	-ms-animation-iteration-count: infinite;
	-o-animation:hovering 2s; 
	-o-animation-iteration-count: infinite;
}

#mcvities_catpaw {
	position:relative;
	width:425px;
	height:726px;
	background-image: url(//www.mcvities.co.uk/bookmarklet1/i/cat_paw_straightv2.png);
	z-index:10;
}

#mcvities_claw {
	position:relative;
	left: 118px;
	top: -705px;
	width: 219px;
	height: 136px;
	background: url(//www.mcvities.co.uk/bookmarklet1/i/cat_clawv2.png) no-repeat left;
	z-index: 1;
	transform: translate(0px,0px);
	-webkit-transform: translate(0px,0px);
	-moz-transform: translate(0px,0px);
	-ms-transform: translate(0px,0px);
	-o-transform: translate(0px,0px);
	transform-origin:bottom;
	-webkit-transform-origin:bottom;
	-moz-transform-origin:bottom;
	-ms-transform-origin:bottom;
	-o-transform-origin:bottom;
	transition:transform .4s cubic-bezier(.82,-0.48,.23,1.43);
	-webkit-transition:-webkit-transform .4s 0 cubic-bezier(.82,-0.48,.23,1.43);
	-moz-transition:-moz-transform .4s cubic-bezier(.82,-0.48,.23,1.43);
	-ms-transition:-webkit-transform .4s 0 cubic-bezier(.82,-0.48,.23,1.43);
	-o-transitin:-o-transform .4s cubic-bezier(.82,-0.48,.23,1.43);
}

#mcvities_claw.bigger {
	transform: translate(0px,-10px);
	-webkit-transform: translate(0px,-10px);
	-moz-transform: translate(0px,-10px);
	-ms-transform: translate(0px,-10px);
	-o-transform: translate(0px,-10px);
}

#snugglet_frame {
	display:none;
	width:1px;
	height:1px;
}

@keyframes hovering {
	0% {margin-top:-20px;}
	50% {margin-top:0px;}
	100% {margin-top:-20px;}
}

@-webkit-keyframes hovering {
	0% {margin-top:-20px;}
	50% {margin-top:0px;}
	100% {margin-top:-20px;}
}

@-moz-keyframes hovering {
	0% {margin-top:-20px;}
	50% {margin-top:0px;}
	100% {margin-top:-20px;}
}

@-ms-keyframes hovering {
	0% {margin-top:-20px;}
	50% {margin-top:0px;}
	100% {margin-top:-20px;}
}

@-o-keyframes hovering {
	0% {margin-top:-20px;}
	50% {margin-top:0px;}
	100% {margin-top:-20px;}
}