Styleneat - CSS Organizer.
Return
Download style.css | Copy style.css to clipboard
 
 
.enjoyhint_svg_wrapper {
	top:0;
	left:0;
	z-index:100;
	-webkit-transition:opacity .4s cubic-bezier(.42,0,.58,1);
	-moz-transition:opacity .4s cubic-bezier(.42,0,.58,1);
	transition:opacity .4s cubic-bezier(.42,0,.58,1) }
 
	.enjoyhint_svg_wrapper svg { top:0;left:0 }
 
 
.enjoyhint_close_btn {
	display:none;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	width:.3em;
	height:.3em;
	border:none;
	-webkit-border-radius:1em;
	border-radius:1em;
	font:400 8em/normal Arial,Helvetica,sans-serif;
	color:rgba(0,0,0,1);
	background:0 0;
	border:2px solid rgba(33,224,163,1);
	position:absolute;
	z-index:1012;
	pointer-events:all;
	-o-text-overflow:clip;
	text-overflow:clip }
 
	.enjoyhint_close_btn:active {
		border:2px solid rgba(33,224,163,1);
		background:rgba(33,224,163,1);
		-webkit-transition:none;
		-moz-transition:none;
		-o-transition:none;
		transition:none }
 
	.enjoyhint_close_btn:hover {
		color:rgba(255,255,255,1);
		background:#1ecd97;
		cursor:pointer }
 
	.enjoyhint_close_btn::before {
		-webkit-box-sizing:content-box;
		box-sizing:content-box;
		top:48%;
		left:14%;
		-o-text-overflow:clip;
		text-overflow:clip;
		-webkit-transform:rotateZ(45deg);
		transform:rotateZ(45deg) }
 
	.enjoyhint_close_btn::after {
		box-sizing:content-box;
		top:46%;
		left:15%;
		-webkit-transform:rotateZ(-45deg);
		transform:rotateZ(-45deg);
		-webkit-box-sizing:content-box;
		-o-text-overflow:clip;
		text-overflow:clip }
 
	.enjoyhint_close_btn::after,.enjoyhint_close_btn::before {
		display:inline-block;
		-moz-box-sizing:content-box;
		width:73%;
		height:2px;
		position:absolute;
		content:"";
		border:none;
		font:400 100%/normal Arial,Helvetica,sans-serif;
		color:rgba(0,0,0,1);
		background:#fff;
		text-shadow:none }
 
 
#kinetic_container {
	pointer-events:none;
	top:0;
	left:0 ;
  right: 0;
  bottom: 0;
  z-index: 100;
}
 
 
.enjoyhint_canvas { z-index:101;pointer-events:none }
 
 
.enjoyhint_btn {
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	width:150px;
	border:2px solid #1ecd97;
	-webkit-border-radius:40px;
	border-radius:40px;
	font:normal normal normal 17px/40px "Advent Pro",Helvetica,sans-serif;
	color:#1ecd97;
	background:0 0;
	-webkit-transition:background-color .3s cubic-bezier(0,0,0,0),color .3s cubic-bezier(0,0,0,0),width .3s cubic-bezier(0,0,0,0),border-width .3s cubic-bezier(0,0,0,0),border-color .3s cubic-bezier(0,0,0,0);
	-moz-transition:background-color .3s cubic-bezier(0,0,0,0),color .3s cubic-bezier(0,0,0,0),width .3s cubic-bezier(0,0,0,0),border-width .3s cubic-bezier(0,0,0,0),border-color .3s cubic-bezier(0,0,0,0);
	-o-transition:background-color .3s cubic-bezier(0,0,0,0),color .3s cubic-bezier(0,0,0,0),width .3s cubic-bezier(0,0,0,0),border-width .3s cubic-bezier(0,0,0,0),border-color .3s cubic-bezier(0,0,0,0);
	transition:background-color .3s cubic-bezier(0,0,0,0),color .3s cubic-bezier(0,0,0,0),width .3s cubic-bezier(0,0,0,0),border-width .3s cubic-bezier(0,0,0,0),border-color .3s cubic-bezier(0,0,0,0);
	height:40px;
	cursor:pointer;
	margin:0 auto;
	text-align:center;
	letter-spacing:1px;
	-webkit-box-sizing:content-box;
	-o-text-overflow:clip;
	text-overflow:clip }
 
	.enjoyhint_btn:active {
		border:2px solid rgba(33,224,163,1);
		background:rgba(33,224,163,1);
		-webkit-transition:none;
		-moz-transition:none;
		-o-transition:none;
		transition:none }
 
	.enjoyhint_btn:hover { color:rgba(255,255,255,1);background:#1ecd97 }
 
 
@font-face {
	font-family:casino_handregular;
	/*src:url(Casino_Hand/casino_hand-webfont.eot);*/
	/*src:url(Casino_Hand/casino_hand-webfont.eot?#iefix) format('embedded-opentype'),url(Casino_Hand/casino_hand-webfont.woff) format('woff'),url(Casino_Hand/casino_hand-webfont.ttf) format('truetype'),url(Casino_Hand/casino_hand-webfont.svg#casino_handregular) format('svg');*/
	font-weight:400;
	font-style:normal }
 
 
.enjoy_hint_label {
	position:absolute;
	color:#fff;
	z-index:107;
	font-size:22px;
	font-family:casino_handregular,Arial;
	-webkit-transition:opacity .4s cubic-bezier(.42,0,.58,1);
	-moz-transition:opacity .4s cubic-bezier(.42,0,.58,1);
	transition:opacity .4s cubic-bezier(.42,0,.58,1) }
 
 
.enjoyhint_skip_btn {
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	border:2px solid #1ecd97;
	-webkit-border-radius:40px;
	border-radius:40px;
	color:#1ecd97;
	background:0 0;
	-webkit-transition:background-color .3s cubic-bezier(0,0,0,0),color .3s cubic-bezier(0,0,0,0),width .3s cubic-bezier(0,0,0,0),border-width .3s cubic-bezier(0,0,0,0),border-color .3s cubic-bezier(0,0,0,0);
	-moz-transition:background-color .3s cubic-bezier(0,0,0,0),color .3s cubic-bezier(0,0,0,0),width .3s cubic-bezier(0,0,0,0),border-width .3s cubic-bezier(0,0,0,0),border-color .3s cubic-bezier(0,0,0,0);
	-o-transition:background-color .3s cubic-bezier(0,0,0,0),color .3s cubic-bezier(0,0,0,0),width .3s cubic-bezier(0,0,0,0),border-width .3s cubic-bezier(0,0,0,0),border-color .3s cubic-bezier(0,0,0,0);
	transition:background-color .3s cubic-bezier(0,0,0,0),color .3s cubic-bezier(0,0,0,0),width .3s cubic-bezier(0,0,0,0),border-width .3s cubic-bezier(0,0,0,0),border-color .3s cubic-bezier(0,0,0,0) }
 
	.enjoyhint_skip_btn:hover { color:rgba(255,255,255,1);background:#1ecd97 }
 
	.enjoyhint_skip_btn:active {
		border:2px solid rgba(33,224,163,1);
		background:rgba(33,224,163,1);
		-webkit-transition:none;
		-moz-transition:none;
		-o-transition:none;
		transition:none }
 
 
.enjoyhint_disable_events {
	position:absolute;
	width:2000px;
	height:1500px;
	z-index:1011;
	pointer-events:all }
 
 
.enjoyhint_hide { display:none }
 
 
.enjoyhint {
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1010;
	overflow:hidden }
 
	.enjoyhint div.canvas-container { position:absolute }
 
 
.enjoyhint_next_btn ,.mesagebox .buttons a{
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	border:2px solid #1ecd97;
	-webkit-border-radius:40px;
	border-radius:40px;
	color:#1ecd97;
	background:0 0;
	-webkit-transition:background-color .3s cubic-bezier(0,0,0,0),color .3s cubic-bezier(0,0,0,0),width .3s cubic-bezier(0,0,0,0),border-width .3s cubic-bezier(0,0,0,0),border-color .3s cubic-bezier(0,0,0,0);
	-moz-transition:background-color .3s cubic-bezier(0,0,0,0),color .3s cubic-bezier(0,0,0,0),width .3s cubic-bezier(0,0,0,0),border-width .3s cubic-bezier(0,0,0,0),border-color .3s cubic-bezier(0,0,0,0);
	-o-transition:background-color .3s cubic-bezier(0,0,0,0),color .3s cubic-bezier(0,0,0,0),width .3s cubic-bezier(0,0,0,0),border-width .3s cubic-bezier(0,0,0,0),border-color .3s cubic-bezier(0,0,0,0);
	transition:background-color .3s cubic-bezier(0,0,0,0),color .3s cubic-bezier(0,0,0,0),width .3s cubic-bezier(0,0,0,0),border-width .3s cubic-bezier(0,0,0,0),border-color .3s cubic-bezier(0,0,0,0) }
 
	.enjoyhint_next_btn:active {
		border:2px solid rgba(33,224,163,1);
		background:rgba(33,224,163,1);
		-webkit-transition:none;
		-moz-transition:none;
		-o-transition:none;
		transition:none }
 
	.enjoyhint_next_btn:hover,.mesagebox .buttons a:hover { color:rgba(255,255,255,1);background:#1ecd97 }
 
 
.enjoyhint_next_btn,.enjoyhint_skip_btn ,.mesagebox .buttons a{
	-webkit-box-sizing:content-box;
	width:auto;
  padding: 10px;
  box-sizing: border-box;
	font:normal normal normal 17px/40px "Advent Pro",Helvetica,sans-serif;

	cursor:pointer;
	margin:40px auto;
	text-align:center;
	letter-spacing:1px;
	position:absolute;
	z-index:1012;
	pointer-events:all;
	-o-text-overflow:clip;
	text-overflow:clip;
    line-height: 1.2;  }
.enjoyhint_next_btn,.enjoyhint_skip_btn{
    top: 0px !important;
    left: 0px!important;
    right: 0px !important;
    bottom: 0px !important;
    margin: auto!important;
    width: 100px;
    height: 42px;
}
.enjoyhint_next_btn.bottom{
  top:15%!important;
}
.enjoyhint_skip_btn.marginBig{
  width: 300px;
  height: 100px;
}
div.kineticjs-content { position:absolute!important }
 
 
#kinetic_container,.enjoyhint_canvas,.enjoyhint_svg_wrapper,.enjoyhint_svg_wrapper svg {
	width:100%;
	height:100%;
	position:absolute }
 
 
.enjoyhint_svg_transparent .enjoy_hint_label,.enjoyhint_svg_transparent .enjoyhint_svg_wrapper { opacity:0 }
 
 .overlay{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1010;
  overflow: hidden;
  background: rgba(0,0,0,.8);
 }
.mesagebox{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 600px;
  height: 300px;
  color:#FFF;
  z-index: 1011;
  text-align: center;
 }
.mesagebox .title{
  color: #fff;
  font-size: 22px;
  font-family: casino_handregular,Arial;
 }
.mesagebox .buttons{
  margin: 30px 0 0;
}
.mesagebox .buttons a{
  margin: 0 10px;
  cursor: pointer;
  position: relative;
}
.long_text + .enjoyhint_close_btn + .enjoy_hint_label,
.long_text + .enjoyhint_next_btn + .enjoyhint_close_btn + .enjoy_hint_label{
  left: 20px !important;
 }
.enjoyhint_next_btn.marginBig,.enjoyhint_skip_btn.marginBig {
  margin-top: 60px;
}