pleeease 0.0.2

data/node_modules/pleeease/node_modules/csswring/node_modules/onecolor/slides/3rdparty/CSSS/talk.css

@@ -0,0 +1,41 @@
+#intro {
+	background: rgba(0,0,0,.7);
+	padding: 0;
+	border: 0;
+}
+
+#intro h1 {
+	width: 60%;
+	min-height: 500px;
+	margin: 5% auto 0;
+}
+
+#intro .attribution {
+	font-family: Helvetica, sans-serif;
+	font-weight: bold;
+	text-align: center;
+	font-size: 100%;
+	line-height: .3;
+	color: rgba(0,0,0,.7);
+	text-shadow: none;
+	background: url(img/rainbow-wood.jpg) bottom;
+	padding:.6em 0 0;
+	overflow: hidden;
+}
+
+
+#css-controls-demo label {
+	display: block;
+}
+
+@media only screen and (-webkit-min-device-pixel-ratio:0) {
+/* hack to avoid using the Object element in Safari/WebKit, due to WebKit Bug 27190 */
+	object[type="image/svg+xml"] {
+		display: none;
+	}
+	
+	#intro h1 {
+		background: url(logo.svg) no-repeat center;
+		background-size:100% auto;
+	}
+}

data/node_modules/pleeease/node_modules/csswring/node_modules/onecolor/slides/3rdparty/CSSS/theme.css

@@ -0,0 +1,214 @@
+/**
+	CSSS basic slideshow theme
+	
+	@author Lea Verou
+	@version 1.0
+*/
+
+/**
+ * Variables
+ */
+.slide h2,
+section > header.slide > h1 {
+	font-family: 'Helvetica Neue', Helvetica, sans-serif;
+	font-weight: 100;
+}
+ 
+/**
+ * Styles
+ */
+
+* {
+	padding:0;	
+	margin:0;
+	font:inherit;
+	color:inherit;
+}
+
+html {
+	background: black url(img/rainbow-wood.jpg) bottom center;
+	background-size: cover;
+}
+
+body {
+	font-family: sans-serif;
+}
+
+button {
+	padding:.2em .5em;
+}
+
+a:hover {
+	text-shadow: 0 0 .5em white, 0 0 1em white;
+}
+
+select {
+	color: black;
+}
+
+code, pre, style, textarea, input {
+	font-family: Consolas, 'Andale Mono', 'Courier New', monospace;	
+	background:rgba(0,0,0,.4);
+}
+
+code {
+	padding:.2em .2em .1em;
+	white-space: nowrap;
+	border-radius:.2em;
+	border: 1px solid rgba(0,0,0,0.5);
+	background: rgba(0,0,0,0.25);
+	box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 12px rgba(255,255,255,0.15), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
+}
+
+pre, style, textarea {
+	padding:.3em .5em;
+	margin-left: -.1em;
+	border:2px solid rgba(255, 255, 255, .1);
+	box-shadow:.1em .1em .5em black inset;
+}
+
+textarea {
+	width: 100%;
+	box-sizing: border-box;
+}
+
+strong, b {
+	font-weight:bold;	
+}
+
+	pre strong {
+		text-shadow: 0 0 .6em white;
+	}
+
+.slide {
+	padding:0 2.5% 2%;
+	background: rgba(0,0,0,.5);
+	background-clip: padding-box;
+	text-shadow:.05em .05em .1em rgba(0,0,0,.4);
+	color: white;
+	border:30px solid transparent;
+}
+
+.slide:target::before {
+	background: rgba(255, 255, 255, .6);
+	color: black;
+	text-shadow: .03em .03em .1em white;
+}
+
+	.slide h2 {
+		font-family: 'Helvetica Neue', Helvetica, sans-serif;
+		font-weight: 100;
+		font-size: 1.2in;
+	}
+	
+	.slide p,
+	.slide li {
+		font-weight: bold;
+		letter-spacing: -.03em;
+	}
+		
+	.slide > ul {
+		list-style:none;	
+	}
+	
+	.slide ol {
+		margin-left:2em;	
+	}
+		
+		.slide > ul ul {
+			margin-left:2em;	
+			list-style: none;
+		}
+		
+			.slide li li {
+				font-size:80%;
+			}
+			
+		.slide li {
+			margin:.2em 0;
+		}
+		
+		.slide > ul > li:before {
+			content:'\2714';
+			color: #a0c12c;
+			padding-right: .2em;
+		}
+		
+			.slide li li:before {
+				content: '\279C';
+				color: #28bcbc;
+				padding-right: .2em;
+			}
+			
+section > header.slide {
+	background-color: rgba(0,0,0,.8);
+}
+
+	section > header.slide > h1 {
+		position: absolute;
+		top: 50%;
+		left: 0;
+		right: 0;
+		margin-top: -.6em;
+		font-size: 400%;
+		line-height: 1;
+		text-align: center;
+	}
+
+.slide .emphasis {
+	padding: .4em .5em .3em;
+	margin: .3em 0;
+	background: #f80;
+	background: linear-gradient(#fa0, #f80);
+	color: white;
+	font-weight: bold;
+	letter-spacing: -.05em;
+	line-height: .85;
+	text-shadow: .05em .05em .1em rgba(0,0,0,.4);
+	border-radius: .3em;
+	box-shadow:.1em .1em .5em black;
+}
+
+.light.slide .emphasis {
+	box-shadow:.1em .1em .5em rgba(0,0,0,.4);
+}
+
+.slide .emphasis::before {
+	content: '\279C';
+	color: rgba(255,255,255,.5);
+	float: left;	
+	width: .75em;
+	height: 0;
+	padding: .45em 0 .3em;
+	margin: -.2em .2em 0 -.25em;
+	border: .12em solid;
+	text-align: center;
+	line-height: 0;
+	font-size: 120%;
+	font-family: inherit;
+	text-shadow: none;
+	border-radius:999px;
+	transform: rotate(45deg);
+}
+
+.attribution {
+	background: rgba(0,0,0,.8);
+	color: white;
+	display: block;
+	position: absolute;
+	left: 0;
+	right: 0;
+	bottom: 1em;
+	padding: .5em 1em;
+	font-size: 30%;
+	text-shadow: .05em .05em .1em black;
+}
+
+	.attribution a {
+		text-decoration: none;
+	}
+	
+	.attribution a::after {
+		content:  ' (' attr(href) ')';
+	}
+

data/node_modules/pleeease/node_modules/csswring/node_modules/onecolor/slides/CPHJS-Oct2011/colorcat/css/colorcat.css

@@ -0,0 +1,36 @@
+#colorCat {
+    margin: 20px auto;
+    width: 506px;
+    background: url(../images/transparent.gif);
+}
+
+.colorcat {
+    padding-bottom: 0 !important;
+}
+
+.colorcat fieldset {
+    float: left;
+    margin: 0 10px;
+    padding: 0px 20px;
+}
+
+.colorcat label {
+    text-align: right;
+    padding-right: 20px;
+}
+
+.colorcat label:after {
+    content: ':';
+}
+
+.colorcat input {
+    float: right;
+    width: 200px;
+    margin-top: 5px;
+}
+
+.colorcat .credits {
+    text-align: center;
+    clear: both;
+    padding-top: 20px;
+}

data/node_modules/pleeease/node_modules/csswring/node_modules/onecolor/slides/CPHJS-Oct2011/colorcat/css/demo.css

@@ -0,0 +1,677 @@
+#colorCat {
+    text-shadow: none;
+}
+
+#colorCat .skin {
+    background-color: #a7a5aa;
+    border: 5px solid #000000;
+}
+
+@-moz-keyframes toastBody {
+    0% { top: 0; }
+    89.99% { top: 0; }
+    90% { top: -5px; }
+    99.99% { top: -5px; }
+    100% { top: 0; }
+}
+
+@-webkit-keyframes toastBody {
+    0% { top: 0; }
+    89.99% { top: 0; }
+    90% { top: -5px; }
+    99.99% { top: -5px; }
+    100% { top: 0; }
+}
+
+#colorCat #toastBody {
+    background-color:#fad695;
+	width:100px;
+	height: 70px;
+	border: solid #000 5px;
+	border-radius: 15px;
+	padding: 2px;
+	position:absolute;
+    z-index:19;
+    -moz-animation: toastBody 0.8s linear 0s infinite;
+    -webkit-animation: toastBody 0.8s linear 0s infinite;
+}
+
+#colorCat #toastBody > div {
+	width:100px;
+	height:70px;
+	border-radius: 30px;
+	background-color: #fc9dff;
+	display:block;
+	color: #da3eb9;
+	font-size: 40px;
+	line-height: 10px;
+}
+
+/* -- head -- */
+
+@-moz-keyframes wholeHead {
+    0% { top: -15px; left: 0;}
+    24.99% { top: -15px; left: 0;}
+    25% { top: -10px; left: 5px; }
+    49.99% { top: -10px; left:5px; }
+    50% { top: -5px; left: 0; }
+    74.99% { top: -5px; left: 0; }
+    75% { top: -10px; left: -5px; }
+    99.99% { top: -10px; left: -5px;}
+    100% { top: -15px; left: 0;}
+}
+
+@-webkit-keyframes wholeHead {
+    0% { top: -15px; left: 0;}
+    24.99% { top: -15px; left: 0;}
+    25% { top: -10px; left: 5px; }
+    49.99% { top: -10px; left:5px; }
+    50% { top: -5px; left: 0; }
+    74.99% { top: -5px; left: 0; }
+    75% { top: -10px; left: -5px; }
+    99.99% { top: -10px; left: -5px;}
+    100% { top: -15px; left: 0;}
+}
+
+#colorCat #wholeHead{
+    position:absolute;
+    top: -15px;
+    -moz-animation: wholeHead 0.4s linear 0s infinite;
+    -webkit-animation: wholeHead 0.4s linear 0s infinite;
+}
+#colorCat #mainHead {
+	width: 80px;
+	height: 35px;
+	border-bottom-right-radius: 15px;
+	border-bottom-left-radius: 15px;
+	position:absolute;
+	z-index: 20;
+	top: 48px;
+	left: 60px;
+}
+
+#colorCat .ear {
+	width:  30px;
+    height: 20px;
+    position: absolute;
+    z-index: 21;
+    left: 65px;
+    top: 28px;
+    border-bottom: none;
+    border-top-right-radius: 25px;
+}
+
+#colorCat .rightEar {
+    border-top-right-radius: 0;
+    border-top-left-radius: 25px;
+    left: 106px;
+}
+
+#colorCat .eye {
+    width: 5px;
+    height:5px;
+    background-color: #fff;
+    position: absolute;
+    top:4px;
+    left: 17px;
+    z-index: 22;
+    border-right: 5px solid #000;
+    border-bottom: 5px solid #000;
+}
+
+#colorCat .rightEye {
+    left: 56px;
+}
+
+#colorCat .nose {
+    width:5px;
+    height: 5px;
+    background-color:#000;
+    position:absolute;
+    top:9px;
+    left: 45px;
+}
+
+#colorCat .chick {
+    width: 10px;
+    height: 10px;
+    background-color: #f7a4a3;
+    position: absolute;
+    top: 15px;
+    left: 5px;
+}
+
+#colorCat .rightChick {
+    left: 70px;
+}
+
+#colorCat .mouth {
+    position: absolute;
+    -moz-transform: scale(2, 0.7) rotate(-90deg);
+    -webkit-transform: scale(2, 0.7) rotate(-90deg);
+    font-family: Arial;
+    font-size: 25px;
+    font-weight: bold;
+    top:5px;
+    left:37px;
+    color: #000;
+}
+
+/* -- tail -- */
+
+@-moz-keyframes midTail {
+    0% { top: 52px;}
+    24.99% { top: 52px; }
+    25% { top: 56px;}
+    49.99% { top: 56px;}
+    50% { top: 60px;}
+    74.99% { top: 60px;}
+    75% { top: 56px;}
+    99.99% { top: 56px;}
+    100% { top: 52px;}
+}
+
+@-webkit-keyframes midTail {
+    0% { top: 52px;}
+    24.99% { top: 52px; }
+    25% { top: 56px;}
+    49.99% { top: 56px;}
+    50% { top: 60px;}
+    74.99% { top: 60px;}
+    75% { top: 56px;}
+    99.99% { top: 56px;}
+    100% { top: 52px;}
+}
+
+@-moz-keyframes backTail {
+    0% { top: 48px;}
+    12.49% { top: 48px; }
+    12.50% { top: 52px;}
+    24.99% { top: 52px;}
+    25% { top: 56px;}
+    37.49% { top: 56px;}
+    37.5% { top: 60px; }
+    49.99% { top: 60px; }
+    50% { top: 64px; }
+    62.49% { top: 64px; }
+    62.5% { top: 60px; }
+    74.99% { top: 60px; }
+    75% { top: 56px;}
+    87.49% { top: 56px;}
+    87.5% { top: 52px;}
+    99.99% { top: 52px;}
+    100% { top: 48px;}
+}
+
+@-webkit-keyframes backTail {
+    0% { top: 48px;}
+    12.49% { top: 48px; }
+    12.50% { top: 52px;}
+    24.99% { top: 52px;}
+    25% { top: 56px;}
+    37.49% { top: 56px;}
+    37.5% { top: 60px; }
+    49.99% { top: 60px; }
+    50% { top: 64px; }
+    62.49% { top: 64px; }
+    62.5% { top: 60px; }
+    74.99% { top: 60px; }
+    75% { top: 56px;}
+    87.49% { top: 56px;}
+    87.5% { top: 52px;}
+    99.99% { top: 52px;}
+    100% { top: 48px;}
+}
+
+#colorCat #wholeTail {
+    top: -15px;
+    position:absolute;
+}
+
+#colorCat .tail {
+    width: 10px;
+    height: 10px;
+    position: absolute;
+    left: -15px;
+    top: 56px;
+    z-index: 18;
+}
+
+#colorCat .middleTail {
+    left: -25px;
+    z-index:19;
+    border-right: none;
+    top: 52px;
+    -moz-animation: midTail 0.4s linear 0s infinite;
+    -webkit-animation: midTail 0.4s linear 0s infinite;
+}
+
+#colorCat .backTail {
+    left: -35px;
+    z-index:19;
+    border-right: none;
+    top: 48px;
+    -moz-animation: backTail 0.4s linear 0s infinite;
+    -webkit-animation: backTail 0.4s linear 0s infinite;
+}
+
+/* -- legs -- */
+@-moz-keyframes letsDanceBeeAch {
+    0% { top: 0px; left: 0;}
+    24.99% { top: 0px; left: 0;}
+    25% { top: 5px; left: 5px; }
+    49.99% { top: 5px; left:5px; }
+    50% { top: 10px; left: 0; }
+    74.99% { top: 10px; left: 0; }
+    75% { top: 5px; left: -5px; }
+    99.99% { top: 5px; left: -5px;}
+    100% { top: 0px; left: 0;}
+}
+
+@-webkit-keyframes letsDanceBeeAch {
+    0% { top: 0px; left: 0;}
+    24.99% { top: 0px; left: 0;}
+    25% { top: 5px; left: 5px; }
+    49.99% { top: 5px; left:5px; }
+    50% { top: 10px; left: 0; }
+    74.99% { top: 10px; left: 0; }
+    75% { top: 5px; left: -5px; }
+    99.99% { top: 5px; left: -5px;}
+    100% { top: 0px; left: 0;}
+}
+
+#colorCat #allYourLegAreBelongToUs {
+    position: absolute;
+    top: 10px;
+    -moz-animation: letsDanceBeeAch 0.2s linear 0s infinite;
+    -webkit-animation: letsDanceBeeAch 0.2s linear 0s infinite;
+}
+#colorCat .leg {
+    width:10px;
+    height:20px;
+    position:absolute;
+    z-index: 18;
+    top: 64px;
+    left:5px;
+}
+
+#colorCat .back {
+    -moz-transform: rotate(40deg);
+    -webkit-transform: rotate(40deg);
+}
+
+#colorCat .leftBack {
+    left: 35px;
+}
+
+#colorCat .front {
+    -moz-transform: rotate(-40deg);
+    -webkit-transform: rotate(-40deg);
+    left:100px;
+}
+
+#colorCat .leftFront {
+    left: 70px;
+}
+
+/* -- RAINBOW -- */
+@-moz-keyframes rainbow1 {
+    0% { top: 0; }
+    49.99% { top: 0; }
+    50% { top: 5px; }
+    99.99% { top: 5px; }
+    100% { top: 0; }
+}
+
+@-webkit-keyframes rainbow1 {
+    0% { top: 0; }
+    49.99% { top: 0; }
+    50% { top: 5px; }
+    99.99% { top: 5px; }
+    100% { top: 0; }
+}
+
+@-moz-keyframes rainbow2 {
+    0% { top: 5px; }
+    49.99% { top: 5px; }
+    50% { top: 0; }
+    99.99% { top: 0; }
+    100% { top: 5px; }
+}
+
+@-webkit-keyframes rainbow2 {
+    0% { top: 5px; }
+    49.99% { top: 5px; }
+    50% { top: 0; }
+    99.99% { top: 0; }
+    100% { top: 5px; }
+}
+
+#colorCat .rainbow {
+    position:absolute;
+    width:45px;
+    height:90px;
+    background: -moz-linear-gradient(top, #d91a12 15%, #e13300 15%, #ff7f14 16%, #f2ab03 32%, #ebc000 32%, #fade00 33%, #efff03 48%, #56fc02 49%, #52ff01 66%, #4ade7e 67%, #3baaf2 67%, #3baaf2 84%, #7337f7 84%, #6b40f2 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#d91a12), color-stop(15%,#e13300), color-stop(16%,#ff7f14), color-stop(32%,#f2ab03), color-stop(32%,#ebc000), color-stop(33%,#fade00), color-stop(48%,#efff03), color-stop(49%,#56fc02), color-stop(66%,#52ff01), color-stop(67%,#4ade7e), color-stop(67%,#3baaf2), color-stop(84%,#3baaf2), color-stop(84%,#7337f7), color-stop(100%,#6b40f2)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #d91a12 15%,#e13300 15%,#ff7f14 16%,#f2ab03 32%,#ebc000 32%,#fade00 33%,#efff03 48%,#56fc02 49%,#52ff01 66%,#4ade7e 67%,#3baaf2 67%,#3baaf2 84%,#7337f7 84%,#6b40f2 100%); /* Chrome10+,Safari5.1+ */
+    left: -40px;
+    -moz-animation: rainbow1 0.3s linear 0s infinite;
+    -webkit-animation: rainbow1 0.3s linear 0s infinite;
+    z-index: 15;
+}
+#colorCat .r2 {
+    left: -85px;
+    top: 5px;
+    -moz-animation-name: rainbow2;
+    -webkit-animation-name: rainbow2;
+}
+
+#colorCat .r3 {
+    left: -130px;
+}
+
+#colorCat .r4 {
+    left: -175px;
+    top: 5px;
+    -moz-animation-name: rainbow2;
+    -webkit-animation-name: rainbow2;
+}
+
+/* -- stars -- */
+
+@-moz-keyframes star1 {
+    0% { top: 0; height: 5px;}
+    33.19% { top: 0; height: 5px; }
+    33.2% { height:10px; top:0; }
+    49.79% { height:10px; top:0; }
+    49.8% { height:10px; top:5px; }
+    66.39% {height:10px; top:5px; }
+    66.4% { height:5px; top:10px;}
+    82.99% { height:5px; top:10px;}
+    83% { height: 5px; top: 15px; }
+    99.99% { height: 5px; top: 15px; }
+    100% { top: 0; height: 5px; }
+}
+
+@-webkit-keyframes star1{
+    0% { top: 0; height: 5px;}
+    33.19% { top: 0; height: 5px; }
+    33.2% { height:10px; top:0; }
+    49.79% { height:10px; top:0; }
+    49.8% { height:10px; top:5px; }
+    66.39% {height:10px; top:5px; }
+    66.4% { height:5px; top:10px;}
+    82.99% { height:5px; top:10px;}
+    83% { height: 5px; top: 15px; }
+    99.99% { height: 5px; top: 15px; }
+    100% { top: 0; height: 5px; }
+}
+
+@-moz-keyframes star2-3-6-7 {
+    0% { visibility: hidden; }
+    16.59% { visibility: hidden; }
+    16.6% { visibility: visible; }
+    33.19% { visibility: visible; }
+    33.2% { visibility: hidden; }
+    100% { visibility: hidden; }
+}
+
+@-webkit-keyframes star2-3-6-7{
+    0% { visibility: hidden; }
+    16.59% { visibility: hidden; }
+    16.6% { visibility: visible; }
+    33.19% { visibility: visible; }
+    33.2% { visibility: hidden; }
+    100% { visibility: hidden; }
+}
+
+@-moz-keyframes star4 {
+    0% { left: 0; width: 5px; visibility: visible;}
+    33.19% { left: 0; width: 5px; }
+    33.2% { width:10px; left:0; }
+    49.79% { width:10px; left:0; }
+    49.8% { width:10px; left:5px; }
+    66.39% {width:10px; left:5px; }
+    66.4% { width:5px; left:10px;}
+    82.99% { width:5px; left:10px;}
+    83% { width: 5px; left: 15px; visibility:hidden;}
+    99.99% { width: 5px; left: 15px; visibility:hidden;}
+    100% { left: 0; width: 5px; visibility:hidden;}
+}
+
+@-webkit-keyframes star4 {
+    0% { left: 0; width: 5px; visibility: visible;}
+    33.19% { left: 0; width: 5px; }
+    33.2% { width:10px; left:0; }
+    49.79% { width:10px; left:0; }
+    49.8% { width:10px; left:5px; }
+    66.39% {width:10px; left:5px; }
+    66.4% { width:5px; left:10px;}
+    82.99% { width:5px; left:10px;}
+    83% { width: 5px; left: 15px; visibility:hidden;}
+    99.99% { width: 5px; left: 15px; visibility:hidden;}
+    100% { left: 0; width: 5px; visibility:hidden;}
+}
+
+@-moz-keyframes star5 {
+    0% { left: 38px; width: 5px; visibility: visible;}
+    33.19% { left: 38px; width: 5px; }
+    33.2% { width:10px; left:33px; }
+    49.79% { width:10px; left:33px; }
+    49.8% { width:10px; left:28px; }
+    66.39% {width:10px; left:28px; }
+    66.4% { width:5px; left:28px;}
+    82.99% { width:5px; left:28px;}
+    83% { width: 5px; left: 15px; visibility:hidden;}
+    99.99% { width: 5px; left: 15px; visibility:hidden;}
+    100% { left: 0; width: 5px; visibility:hidden;}
+}
+
+@-webkit-keyframes star5 {
+    0% { left: 38px; width: 5px; visibility: visible;}
+    33.19% { left: 38px; width: 5px; }
+    33.2% { width:10px; left:33px; }
+    49.79% { width:10px; left:33px; }
+    49.8% { width:10px; left:28px; }
+    66.39% {width:10px; left:28px; }
+    66.4% { width:5px; left:28px;}
+    82.99% { width:5px; left:28px;}
+    83% { width: 5px; left: 15px; visibility:hidden;}
+    99.99% { width: 5px; left: 15px; visibility:hidden;}
+    100% { left: 0; width: 5px; visibility:hidden;}
+}
+
+@-moz-keyframes star8 {
+    0% { top: 32px; height: 5px; visibility:visible;}
+    33.19% { top: 32px; height: 5px; }
+    33.2% { height:10px; top:28px; }
+    49.79% { height:10px; top:28px; }
+    49.8% { height:10px; top:23px; }
+    66.39% {height:10px; top:23px; }
+    66.4% { height:5px; top:18px;}
+    82.99% { height:5px; top:18px;}
+    83% { height: 5px; top: 15px; visibility:hidden;}
+    99.99% { height: 5px; top: 15px; visibility:hidden;}
+    100% { top: 0; height: 5px; visibility:hidden;}
+}
+
+@-webkit-keyframes star8 {
+    0% { top: 32px; height: 5px; visibility:visible;}
+    33.19% { top: 32px; height: 5px; }
+    33.2% { height:10px; top:28px; }
+    49.79% { height:10px; top:28px; }
+    49.8% { height:10px; top:23px; }
+    66.39% {height:10px; top:23px; }
+    66.4% { height:5px; top:18px;}
+    82.99% { height:5px; top:18px;}
+    83% { height: 5px; top: 15px; visibility:hidden;}
+    99.99% { height: 5px; top: 15px; visibility:hidden;}
+    100% { top: 0; height: 5px; visibility:hidden;}
+}
+
+
+#colorCat .star {
+    position: absolute;
+    width: 40px;
+    height: 40px;
+    z-index: 10;
+}
+
+#colorCat .star div {
+    width: 5px;
+    height: 5px;
+    background-color: #fff;
+    position: absolute;
+    -moz-animation: star1 0.4s linear 0s infinite;
+    -webkit-animation: star1 0.4s linear 0s infinite;
+}
+
+#colorCat .star div[number="1"] {
+    left: 18px;
+    top: 0;
+}
+
+#colorCat .star div[number="2"] {
+    left: 8px;
+    top: 6px;
+    visibility: hidden;
+    -moz-animation-name: star2-3-6-7;
+    -webkit-animation-name: star2-3-6-7;
+}
+
+#colorCat .star div[number="3"] {
+    left: 30px;
+    top: 6px;
+    visibility: hidden;
+    -moz-animation-name: star2-3-6-7;
+    -webkit-animation-name: star2-3-6-7;
+}
+
+#colorCat .star div[number="4"] {
+    left: 0px;
+    top: 16px;
+    -moz-animation-name: star4;
+    -webkit-animation-name: star4;
+}
+
+#colorCat .star div[number="5"] {
+    left: 38px;
+    top: 16px;
+    -moz-animation-name: star5;
+    -webkit-animation-name: star5;
+}
+
+#colorCat .star div[number="6"] {
+    left: 8px;
+    top: 26px;
+    visibility: hidden;
+    -moz-animation-name: star2-3-6-7;
+    -webkit-animation-name: star2-3-6-7;
+}
+
+#colorCat .star div[number="7"] {
+    left: 30px;
+    top: 26px;
+    visibility: hidden;
+    -moz-animation-name: star2-3-6-7;
+    -webkit-animation-name: star2-3-6-7;
+}
+
+#colorCat .star div[number="8"] {
+    left: 18px;
+    top: 32px;
+    -moz-animation-name: star8;
+    -webkit-animation-name: star8;
+}
+
+@-moz-keyframes starMovement1 {
+    0% { top: 80px; left: 600px}
+    100% { top: 80px; left: 0px;}
+}
+
+@-webkit-keyframes starMovement1 {
+    0% { top: 80px; left: 600px}
+    100% { top: 80px; left: 0px;}
+}
+
+#colorCat .starMovement1 {
+    -moz-animation: starMovement1 3s linear 0s infinite;
+    -webkit-animation: starMovement1 3s linear 0s infinite;
+}
+
+@-moz-keyframes starMovement2 {
+    0% { top: -10px; left: 800px}
+    100% { top: -10px; left: -100px;}
+}
+
+@-webkit-keyframes starMovement2{
+    0% { top: -10px; left: 800px}
+    100% { top: -10px; left: -100px;}
+}
+
+#colorCat .starMovement2 {
+    -moz-animation: starMovement2 4.5s linear 0s infinite;
+    -webkit-animation: starMovement2 4.5s linear 0s infinite;
+}
+
+@-moz-keyframes starMovement3 {
+    0% { top: 270px; left: 728px}
+    100% { top: 270px; left: -172px;}
+}
+
+@-webkit-keyframes starMovement3 {
+    0% { top: 270px; left: 728px}
+    100% { top: 270px; left: -172px;}
+}
+
+#colorCat .starMovement3 {
+    -moz-animation: starMovement3 4.5s linear 0s infinite;
+    -webkit-animation: starMovement3 4.5s linear 0s infinite;
+}
+
+@-moz-keyframes starMovement4 {
+    0% { top: 160px; left: 2300px}
+    100% { top: 160px; left: -100px;}
+}
+
+@-webkit-keyframes starMovement4 {
+    0% { top: 160px; left: 2300px}
+    100% { top: 160px; left: -100px;}
+}
+
+.starMovement4 {
+    -moz-animation: starMovement4 12s linear 0s infinite;
+    -webkit-animation: starMovement4 12s linear 0s infinite;
+}
+
+@-moz-keyframes starMovement5 {
+    0% { top: 130px; left: 1100px}
+    100% { top: 130px; left: -100px;}
+}
+
+@-webkit-keyframes starMovement5 {
+    0% { top: 130px; left: 1100px}
+    100% { top: 130px; left: -100px;}
+}
+
+#colorCat .starMovement5 {
+    -moz-animation: starMovement5 6s linear 0s infinite;
+    -webkit-animation: starMovement5 6s linear 0s infinite;
+}
+/* -- rest -- */
+
+#colorCat #nyanCat {
+    position:absolute;
+    left:150px;
+    top: 100px;
+}
+
+#colorCat #mainContainer {
+    position:relative;
+    width:500px;
+    height:300px;
+    border: solid #fff 3px;
+    overflow:hidden;
+    background-color: #1C4170;
+    margin: 0 auto;
+}