Skip to content

Instantly share code, notes, and snippets.

@xav76

xav76/index.html

Created October 24, 2012 16:23
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save xav76/3947109 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save xav76/3947109 to your computer and use it in GitHub Desktop.
Download ZIP
A CodePen by Kseso. Kaleidoscopio Css - Original demo https://github.com/coldhead/kaleidos Este pen es sólo para ilustrar un artículo en mi blog. ALL CREDITS AND AWARDS must go to https://github.com/coldhead
Raw
index.html
<body>
<!--original https://github.com/coldhead/kaleidos
Ejemplo para ilustrar artículo en KsesoCss.blogspot.com -->
<div class="kaleidoscope">
</div>
<span class="move">Move the mouse over the img!</span>
<a id="fork" href="http://github.com/coldhead/kaleidos" target="_blank">Fork coldhead on Github</a>
</body>
Raw
script.js
/*
Original original https://github.com/coldhead/kaleidos
Yo sólo lo traslado a un pen para ilustrar artículo en ksesoCss.blogspot.com
*/
$(document).ready(function () {
// Crude $_GET style array of query string parameters.
var parameters = (function (src) {
var params = src.split(/&/);
$.each(params, function (i, p) {
p = p.replace(/\/$/, '').split(/=/);
var k = p[0].replace(/^\?/, '');
params[k] = p[1] || true;
});
return params;
})(location.search);
// PARAMETER: *n* is the number of segements.
var n = ~~parameters['n'] || 7;
if (n) {
var tiles = '';
for (var i = 0; i <= n * 2; i++) {
tiles += '<div class="tile t' + i + '"><div class="image"></div></div>';
}
}
var $kaleidescope = $('.kaleidoscope');
$kaleidescope.addClass('n' + n);
$kaleidescope.append(tiles);
var $image = $kaleidescope.find('.image');
// PARAMETER: *src* is the URL for an alternate image.
var src = parameters['src'];
if (src)
$image.css('background-image', 'url(http://3.bp.blogspot.com/-ngRcjH2o1Z8/UDjvxZrbpYI/AAAAAAAABMU/QDFNiStAbZ4/s1600/fractal25.jpg)');
// PARAMETER: *clean* hides the Github link.
var clean = parameters['clean'];
if (clean)
$('#fork').hide();
// PARAMETER (undocumented): *mode* changes the animation style.
var mode = ~~parameters['mode'] || 2;
var x = 0;
var y = 0;
// Project changes in cursor (x, y) onto the image background position.
$kaleidescope.mousemove(function (e) {
x++;
y++;
var nx = e.pageX, ny = e.pageY;
switch (mode) {
case 1: {
nx = -x;
ny = e.pageY;
break;
}
case 2: {
nx = e.pageX;
ny = -y;
break;
}
case 3: {
nx = x;
ny = e.pageY;
break;
}
case 4: {
nx = e.pageX;
ny = y;
break;
}
case 5: {
nx = x;
ny = y;
}
}
$image.css('background-position', [nx + "px", ny + "px"].join(' '));
});
});
Raw
style.css
/*
Código original https://github.com/coldhead/kaleidos
*/
body {
margin: 0;
padding: 0;
overflow: hidden;
background-color: #111;
font-family: sans serif;
font-size: 10pt; }
.kaleidoscope {
width: 100%;
height: 100%; }
.kaleidoscope .tile {
display: none;
position: absolute;
top: 50%;
left: 0;
z-index: 0;
overflow: hidden;
height: 100%;
width: 50%;
-webkit-transform-origin: right top;
-moz-transform-origin: right top;
-ms-transform-origin: right top;
-o-transform-origin: right top;
transform-origin: right top; }
.kaleidoscope.n0 .tile .image {
position: relative;
top: 0;
left: 100%;
height: 100%;
width: 100%;
background-image: url(http://3.bp.blogspot.com/-ngRcjH2o1Z8/UDjvxZrbpYI/AAAAAAAABMU/QDFNiStAbZ4/s1600/fractal25.jpg);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transform: rotate(Infinitydeg);
-moz-transform: rotate(Infinitydeg);
-ms-transform: rotate(Infinitydeg);
-o-transform: rotate(Infinitydeg);
transform: rotate(Infinitydeg); }
.kaleidoscope.n1 .tile.t0 {
display: block;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
.kaleidoscope.n1 .tile.t1 {
display: block;
-webkit-transform: scale(-1, 1) rotate(0deg);
-moz-transform: scale(-1, 1) rotate(0deg);
-ms-transform: scale(-1, 1) rotate(0deg);
-o-transform: scale(-1, 1) rotate(0deg);
transform: scale(-1, 1) rotate(0deg); }
.kaleidoscope.n1 .tile .image {
position: relative;
top: 0;
left: 100%;
height: 100%;
width: 100%;
background-image: url(http://3.bp.blogspot.com/-ngRcjH2o1Z8/UDjvxZrbpYI/AAAAAAAABMU/QDFNiStAbZ4/s1600/fractal25.jpg);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg); }
.kaleidoscope.n2 .tile.t0 {
display: block;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
.kaleidoscope.n2 .tile.t1 {
display: block;
-webkit-transform: scale(-1, 1) rotate(0deg);
-moz-transform: scale(-1, 1) rotate(0deg);
-ms-transform: scale(-1, 1) rotate(0deg);
-o-transform: scale(-1, 1) rotate(0deg);
transform: scale(-1, 1) rotate(0deg); }
.kaleidoscope.n2 .tile.t2 {
display: block;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg); }
.kaleidoscope.n2 .tile.t3 {
display: block;
-webkit-transform: scale(-1, 1) rotate(180deg);
-moz-transform: scale(-1, 1) rotate(180deg);
-ms-transform: scale(-1, 1) rotate(180deg);
-o-transform: scale(-1, 1) rotate(180deg);
transform: scale(-1, 1) rotate(180deg); }
.kaleidoscope.n2 .tile .image {
position: relative;
top: 0;
left: 100%;
height: 100%;
width: 100%;
background-image: url(http://3.bp.blogspot.com/-ngRcjH2o1Z8/UDjvxZrbpYI/AAAAAAAABMU/QDFNiStAbZ4/s1600/fractal25.jpg);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg); }
.kaleidoscope.n3 .tile.t0 {
display: block;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
.kaleidoscope.n3 .tile.t1 {
display: block;
-webkit-transform: scale(-1, 1) rotate(0deg);
-moz-transform: scale(-1, 1) rotate(0deg);
-ms-transform: scale(-1, 1) rotate(0deg);
-o-transform: scale(-1, 1) rotate(0deg);
transform: scale(-1, 1) rotate(0deg); }
.kaleidoscope.n3 .tile.t2 {
display: block;
-webkit-transform: rotate(120deg);
-moz-transform: rotate(120deg);
-ms-transform: rotate(120deg);
-o-transform: rotate(120deg);
transform: rotate(120deg); }
.kaleidoscope.n3 .tile.t3 {
display: block;
-webkit-transform: scale(-1, 1) rotate(120deg);
-moz-transform: scale(-1, 1) rotate(120deg);
-ms-transform: scale(-1, 1) rotate(120deg);
-o-transform: scale(-1, 1) rotate(120deg);
transform: scale(-1, 1) rotate(120deg); }
.kaleidoscope.n3 .tile.t4 {
display: block;
-webkit-transform: rotate(240deg);
-moz-transform: rotate(240deg);
-ms-transform: rotate(240deg);
-o-transform: rotate(240deg);
transform: rotate(240deg); }
.kaleidoscope.n3 .tile.t5 {
display: block;
-webkit-transform: scale(-1, 1) rotate(240deg);
-moz-transform: scale(-1, 1) rotate(240deg);
-ms-transform: scale(-1, 1) rotate(240deg);
-o-transform: scale(-1, 1) rotate(240deg);
transform: scale(-1, 1) rotate(240deg); }
.kaleidoscope.n3 .tile .image {
position: relative;
top: 0;
left: 100%;
height: 100%;
width: 100%;
background-image: url(http://3.bp.blogspot.com/-ngRcjH2o1Z8/UDjvxZrbpYI/AAAAAAAABMU/QDFNiStAbZ4/s1600/fractal25.jpg);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transform: rotate(60deg);
-moz-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-o-transform: rotate(60deg);
transform: rotate(60deg); }
.kaleidoscope.n4 .tile.t0 {
display: block;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
.kaleidoscope.n4 .tile.t1 {
display: block;
-webkit-transform: scale(-1, 1) rotate(0deg);
-moz-transform: scale(-1, 1) rotate(0deg);
-ms-transform: scale(-1, 1) rotate(0deg);
-o-transform: scale(-1, 1) rotate(0deg);
transform: scale(-1, 1) rotate(0deg); }
.kaleidoscope.n4 .tile.t2 {
display: block;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg); }
.kaleidoscope.n4 .tile.t3 {
display: block;
-webkit-transform: scale(-1, 1) rotate(90deg);
-moz-transform: scale(-1, 1) rotate(90deg);
-ms-transform: scale(-1, 1) rotate(90deg);
-o-transform: scale(-1, 1) rotate(90deg);
transform: scale(-1, 1) rotate(90deg); }
.kaleidoscope.n4 .tile.t4 {
display: block;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg); }
.kaleidoscope.n4 .tile.t5 {
display: block;
-webkit-transform: scale(-1, 1) rotate(180deg);
-moz-transform: scale(-1, 1) rotate(180deg);
-ms-transform: scale(-1, 1) rotate(180deg);
-o-transform: scale(-1, 1) rotate(180deg);
transform: scale(-1, 1) rotate(180deg); }
.kaleidoscope.n4 .tile.t6 {
display: block;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg); }
.kaleidoscope.n4 .tile.t7 {
display: block;
-webkit-transform: scale(-1, 1) rotate(270deg);
-moz-transform: scale(-1, 1) rotate(270deg);
-ms-transform: scale(-1, 1) rotate(270deg);
-o-transform: scale(-1, 1) rotate(270deg);
transform: scale(-1, 1) rotate(270deg); }
.kaleidoscope.n4 .tile .image {
position: relative;
top: 0;
left: 100%;
height: 100%;
width: 100%;
background-image: url(http://3.bp.blogspot.com/-ngRcjH2o1Z8/UDjvxZrbpYI/AAAAAAAABMU/QDFNiStAbZ4/s1600/fractal25.jpg);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.kaleidoscope.n5 .tile.t0 {
display: block;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
.kaleidoscope.n5 .tile.t1 {
display: block;
-webkit-transform: scale(-1, 1) rotate(0deg);
-moz-transform: scale(-1, 1) rotate(0deg);
-ms-transform: scale(-1, 1) rotate(0deg);
-o-transform: scale(-1, 1) rotate(0deg);
transform: scale(-1, 1) rotate(0deg); }
.kaleidoscope.n5 .tile.t2 {
display: block;
-webkit-transform: rotate(72deg);
-moz-transform: rotate(72deg);
-ms-transform: rotate(72deg);
-o-transform: rotate(72deg);
transform: rotate(72deg); }
.kaleidoscope.n5 .tile.t3 {
display: block;
-webkit-transform: scale(-1, 1) rotate(72deg);
-moz-transform: scale(-1, 1) rotate(72deg);
-ms-transform: scale(-1, 1) rotate(72deg);
-o-transform: scale(-1, 1) rotate(72deg);
transform: scale(-1, 1) rotate(72deg); }
.kaleidoscope.n5 .tile.t4 {
display: block;
-webkit-transform: rotate(144deg);
-moz-transform: rotate(144deg);
-ms-transform: rotate(144deg);
-o-transform: rotate(144deg);
transform: rotate(144deg); }
.kaleidoscope.n5 .tile.t5 {
display: block;
-webkit-transform: scale(-1, 1) rotate(144deg);
-moz-transform: scale(-1, 1) rotate(144deg);
-ms-transform: scale(-1, 1) rotate(144deg);
-o-transform: scale(-1, 1) rotate(144deg);
transform: scale(-1, 1) rotate(144deg); }
.kaleidoscope.n5 .tile.t6 {
display: block;
-webkit-transform: rotate(216deg);
-moz-transform: rotate(216deg);
-ms-transform: rotate(216deg);
-o-transform: rotate(216deg);
transform: rotate(216deg); }
.kaleidoscope.n5 .tile.t7 {
display: block;
-webkit-transform: scale(-1, 1) rotate(216deg);
-moz-transform: scale(-1, 1) rotate(216deg);
-ms-transform: scale(-1, 1) rotate(216deg);
-o-transform: scale(-1, 1) rotate(216deg);
transform: scale(-1, 1) rotate(216deg); }
.kaleidoscope.n5 .tile.t8 {
display: block;
-webkit-transform: rotate(288deg);
-moz-transform: rotate(288deg);
-ms-transform: rotate(288deg);
-o-transform: rotate(288deg);
transform: rotate(288deg); }
.kaleidoscope.n5 .tile.t9 {
display: block;
-webkit-transform: scale(-1, 1) rotate(288deg);
-moz-transform: scale(-1, 1) rotate(288deg);
-ms-transform: scale(-1, 1) rotate(288deg);
-o-transform: scale(-1, 1) rotate(288deg);
transform: scale(-1, 1) rotate(288deg); }
.kaleidoscope.n5 .tile .image {
position: relative;
top: 0;
left: 100%;
height: 100%;
width: 100%;
background-image: url(http://3.bp.blogspot.com/-ngRcjH2o1Z8/UDjvxZrbpYI/AAAAAAAABMU/QDFNiStAbZ4/s1600/fractal25.jpg);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transform: rotate(36deg);
-moz-transform: rotate(36deg);
-ms-transform: rotate(36deg);
-o-transform: rotate(36deg);
transform: rotate(36deg); }
.kaleidoscope.n6 .tile.t0 {
display: block;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
.kaleidoscope.n6 .tile.t1 {
display: block;
-webkit-transform: scale(-1, 1) rotate(0deg);
-moz-transform: scale(-1, 1) rotate(0deg);
-ms-transform: scale(-1, 1) rotate(0deg);
-o-transform: scale(-1, 1) rotate(0deg);
transform: scale(-1, 1) rotate(0deg); }
.kaleidoscope.n6 .tile.t2 {
display: block;
-webkit-transform: rotate(60deg);
-moz-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-o-transform: rotate(60deg);
transform: rotate(60deg); }
.kaleidoscope.n6 .tile.t3 {
display: block;
-webkit-transform: scale(-1, 1) rotate(60deg);
-moz-transform: scale(-1, 1) rotate(60deg);
-ms-transform: scale(-1, 1) rotate(60deg);
-o-transform: scale(-1, 1) rotate(60deg);
transform: scale(-1, 1) rotate(60deg); }
.kaleidoscope.n6 .tile.t4 {
display: block;
-webkit-transform: rotate(120deg);
-moz-transform: rotate(120deg);
-ms-transform: rotate(120deg);
-o-transform: rotate(120deg);
transform: rotate(120deg); }
.kaleidoscope.n6 .tile.t5 {
display: block;
-webkit-transform: scale(-1, 1) rotate(120deg);
-moz-transform: scale(-1, 1) rotate(120deg);
-ms-transform: scale(-1, 1) rotate(120deg);
-o-transform: scale(-1, 1) rotate(120deg);
transform: scale(-1, 1) rotate(120deg); }
.kaleidoscope.n6 .tile.t6 {
display: block;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg); }
.kaleidoscope.n6 .tile.t7 {
display: block;
-webkit-transform: scale(-1, 1) rotate(180deg);
-moz-transform: scale(-1, 1) rotate(180deg);
-ms-transform: scale(-1, 1) rotate(180deg);
-o-transform: scale(-1, 1) rotate(180deg);
transform: scale(-1, 1) rotate(180deg); }
.kaleidoscope.n6 .tile.t8 {
display: block;
-webkit-transform: rotate(240deg);
-moz-transform: rotate(240deg);
-ms-transform: rotate(240deg);
-o-transform: rotate(240deg);
transform: rotate(240deg); }
.kaleidoscope.n6 .tile.t9 {
display: block;
-webkit-transform: scale(-1, 1) rotate(240deg);
-moz-transform: scale(-1, 1) rotate(240deg);
-ms-transform: scale(-1, 1) rotate(240deg);
-o-transform: scale(-1, 1) rotate(240deg);
transform: scale(-1, 1) rotate(240deg); }
.kaleidoscope.n6 .tile.t10 {
display: block;
-webkit-transform: rotate(300deg);
-moz-transform: rotate(300deg);
-ms-transform: rotate(300deg);
-o-transform: rotate(300deg);
transform: rotate(300deg); }
.kaleidoscope.n6 .tile.t11 {
display: block;
-webkit-transform: scale(-1, 1) rotate(300deg);
-moz-transform: scale(-1, 1) rotate(300deg);
-ms-transform: scale(-1, 1) rotate(300deg);
-o-transform: scale(-1, 1) rotate(300deg);
transform: scale(-1, 1) rotate(300deg); }
.kaleidoscope.n6 .tile .image {
position: relative;
top: 0;
left: 100%;
height: 100%;
width: 100%;
background-image: url(http://3.bp.blogspot.com/-ngRcjH2o1Z8/UDjvxZrbpYI/AAAAAAAABMU/QDFNiStAbZ4/s1600/fractal25.jpg);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-ms-transform: rotate(30deg);
-o-transform: rotate(30deg);
transform: rotate(30deg); }
.kaleidoscope.n7 .tile.t0 {
display: block;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
.kaleidoscope.n7 .tile.t1 {
display: block;
-webkit-transform: scale(-1, 1) rotate(0deg);
-moz-transform: scale(-1, 1) rotate(0deg);
-ms-transform: scale(-1, 1) rotate(0deg);
-o-transform: scale(-1, 1) rotate(0deg);
transform: scale(-1, 1) rotate(0deg); }
.kaleidoscope.n7 .tile.t2 {
display: block;
-webkit-transform: rotate(51.42857deg);
-moz-transform: rotate(51.42857deg);
-ms-transform: rotate(51.42857deg);
-o-transform: rotate(51.42857deg);
transform: rotate(51.42857deg); }
.kaleidoscope.n7 .tile.t3 {
display: block;
-webkit-transform: scale(-1, 1) rotate(51.42857deg);
-moz-transform: scale(-1, 1) rotate(51.42857deg);
-ms-transform: scale(-1, 1) rotate(51.42857deg);
-o-transform: scale(-1, 1) rotate(51.42857deg);
transform: scale(-1, 1) rotate(51.42857deg); }
.kaleidoscope.n7 .tile.t4 {
display: block;
-webkit-transform: rotate(102.85714deg);
-moz-transform: rotate(102.85714deg);
-ms-transform: rotate(102.85714deg);
-o-transform: rotate(102.85714deg);
transform: rotate(102.85714deg); }
.kaleidoscope.n7 .tile.t5 {
display: block;
-webkit-transform: scale(-1, 1) rotate(102.85714deg);
-moz-transform: scale(-1, 1) rotate(102.85714deg);
-ms-transform: scale(-1, 1) rotate(102.85714deg);
-o-transform: scale(-1, 1) rotate(102.85714deg);
transform: scale(-1, 1) rotate(102.85714deg); }
.kaleidoscope.n7 .tile.t6 {
display: block;
-webkit-transform: rotate(154.28571deg);
-moz-transform: rotate(154.28571deg);
-ms-transform: rotate(154.28571deg);
-o-transform: rotate(154.28571deg);
transform: rotate(154.28571deg); }
.kaleidoscope.n7 .tile.t7 {
display: block;
-webkit-transform: scale(-1, 1) rotate(154.28571deg);
-moz-transform: scale(-1, 1) rotate(154.28571deg);
-ms-transform: scale(-1, 1) rotate(154.28571deg);
-o-transform: scale(-1, 1) rotate(154.28571deg);
transform: scale(-1, 1) rotate(154.28571deg); }
.kaleidoscope.n7 .tile.t8 {
display: block;
-webkit-transform: rotate(205.71429deg);
-moz-transform: rotate(205.71429deg);
-ms-transform: rotate(205.71429deg);
-o-transform: rotate(205.71429deg);
transform: rotate(205.71429deg); }
.kaleidoscope.n7 .tile.t9 {
display: block;
-webkit-transform: scale(-1, 1) rotate(205.71429deg);
-moz-transform: scale(-1, 1) rotate(205.71429deg);
-ms-transform: scale(-1, 1) rotate(205.71429deg);
-o-transform: scale(-1, 1) rotate(205.71429deg);
transform: scale(-1, 1) rotate(205.71429deg); }
.kaleidoscope.n7 .tile.t10 {
display: block;
-webkit-transform: rotate(257.14286deg);
-moz-transform: rotate(257.14286deg);
-ms-transform: rotate(257.14286deg);
-o-transform: rotate(257.14286deg);
transform: rotate(257.14286deg); }
.kaleidoscope.n7 .tile.t11 {
display: block;
-webkit-transform: scale(-1, 1) rotate(257.14286deg);
-moz-transform: scale(-1, 1) rotate(257.14286deg);
-ms-transform: scale(-1, 1) rotate(257.14286deg);
-o-transform: scale(-1, 1) rotate(257.14286deg);
transform: scale(-1, 1) rotate(257.14286deg); }
.kaleidoscope.n7 .tile.t12 {
display: block;
-webkit-transform: rotate(308.57143deg);
-moz-transform: rotate(308.57143deg);
-ms-transform: rotate(308.57143deg);
-o-transform: rotate(308.57143deg);
transform: rotate(308.57143deg); }
.kaleidoscope.n7 .tile.t13 {
display: block;
-webkit-transform: scale(-1, 1) rotate(308.57143deg);
-moz-transform: scale(-1, 1) rotate(308.57143deg);
-ms-transform: scale(-1, 1) rotate(308.57143deg);
-o-transform: scale(-1, 1) rotate(308.57143deg);
transform: scale(-1, 1) rotate(308.57143deg); }
.kaleidoscope.n7 .tile .image {
position: relative;
top: 0;
left: 100%;
height: 100%;
width: 100%;
background-image: url(http://3.bp.blogspot.com/-ngRcjH2o1Z8/UDjvxZrbpYI/AAAAAAAABMU/QDFNiStAbZ4/s1600/fractal25.jpg);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transform: rotate(25.71429deg);
-moz-transform: rotate(25.71429deg);
-ms-transform: rotate(25.71429deg);
-o-transform: rotate(25.71429deg);
transform: rotate(25.71429deg); }
.kaleidoscope.n8 .tile.t0 {
display: block;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
.kaleidoscope.n8 .tile.t1 {
display: block;
-webkit-transform: scale(-1, 1) rotate(0deg);
-moz-transform: scale(-1, 1) rotate(0deg);
-ms-transform: scale(-1, 1) rotate(0deg);
-o-transform: scale(-1, 1) rotate(0deg);
transform: scale(-1, 1) rotate(0deg); }
.kaleidoscope.n8 .tile.t2 {
display: block;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.kaleidoscope.n8 .tile.t3 {
display: block;
-webkit-transform: scale(-1, 1) rotate(45deg);
-moz-transform: scale(-1, 1) rotate(45deg);
-ms-transform: scale(-1, 1) rotate(45deg);
-o-transform: scale(-1, 1) rotate(45deg);
transform: scale(-1, 1) rotate(45deg); }
.kaleidoscope.n8 .tile.t4 {
display: block;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg); }
.kaleidoscope.n8 .tile.t5 {
display: block;
-webkit-transform: scale(-1, 1) rotate(90deg);
-moz-transform: scale(-1, 1) rotate(90deg);
-ms-transform: scale(-1, 1) rotate(90deg);
-o-transform: scale(-1, 1) rotate(90deg);
transform: scale(-1, 1) rotate(90deg); }
.kaleidoscope.n8 .tile.t6 {
display: block;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg); }
.kaleidoscope.n8 .tile.t7 {
display: block;
-webkit-transform: scale(-1, 1) rotate(135deg);
-moz-transform: scale(-1, 1) rotate(135deg);
-ms-transform: scale(-1, 1) rotate(135deg);
-o-transform: scale(-1, 1) rotate(135deg);
transform: scale(-1, 1) rotate(135deg); }
.kaleidoscope.n8 .tile.t8 {
display: block;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg); }
.kaleidoscope.n8 .tile.t9 {
display: block;
-webkit-transform: scale(-1, 1) rotate(180deg);
-moz-transform: scale(-1, 1) rotate(180deg);
-ms-transform: scale(-1, 1) rotate(180deg);
-o-transform: scale(-1, 1) rotate(180deg);
transform: scale(-1, 1) rotate(180deg); }
.kaleidoscope.n8 .tile.t10 {
display: block;
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-o-transform: rotate(225deg);
transform: rotate(225deg); }
.kaleidoscope.n8 .tile.t11 {
display: block;
-webkit-transform: scale(-1, 1) rotate(225deg);
-moz-transform: scale(-1, 1) rotate(225deg);
-ms-transform: scale(-1, 1) rotate(225deg);
-o-transform: scale(-1, 1) rotate(225deg);
transform: scale(-1, 1) rotate(225deg); }
.kaleidoscope.n8 .tile.t12 {
display: block;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg); }
.kaleidoscope.n8 .tile.t13 {
display: block;
-webkit-transform: scale(-1, 1) rotate(270deg);
-moz-transform: scale(-1, 1) rotate(270deg);
-ms-transform: scale(-1, 1) rotate(270deg);
-o-transform: scale(-1, 1) rotate(270deg);
transform: scale(-1, 1) rotate(270deg); }
.kaleidoscope.n8 .tile.t14 {
display: block;
-webkit-transform: rotate(315deg);
-moz-transform: rotate(315deg);
-ms-transform: rotate(315deg);
-o-transform: rotate(315deg);
transform: rotate(315deg); }
.kaleidoscope.n8 .tile.t15 {
display: block;
-webkit-transform: scale(-1, 1) rotate(315deg);
-moz-transform: scale(-1, 1) rotate(315deg);
-ms-transform: scale(-1, 1) rotate(315deg);
-o-transform: scale(-1, 1) rotate(315deg);
transform: scale(-1, 1) rotate(315deg); }
.kaleidoscope.n8 .tile .image {
position: relative;
top: 0;
left: 100%;
height: 100%;
width: 100%;
background-image: url(http://3.bp.blogspot.com/-ngRcjH2o1Z8/UDjvxZrbpYI/AAAAAAAABMU/QDFNiStAbZ4/s1600/fractal25.jpg);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transform: rotate(22.5deg);
-moz-transform: rotate(22.5deg);
-ms-transform: rotate(22.5deg);
-o-transform: rotate(22.5deg);
transform: rotate(22.5deg); }
.kaleidoscope.n9 .tile.t0 {
display: block;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
.kaleidoscope.n9 .tile.t1 {
display: block;
-webkit-transform: scale(-1, 1) rotate(0deg);
-moz-transform: scale(-1, 1) rotate(0deg);
-ms-transform: scale(-1, 1) rotate(0deg);
-o-transform: scale(-1, 1) rotate(0deg);
transform: scale(-1, 1) rotate(0deg); }
.kaleidoscope.n9 .tile.t2 {
display: block;
-webkit-transform: rotate(40deg);
-moz-transform: rotate(40deg);
-ms-transform: rotate(40deg);
-o-transform: rotate(40deg);
transform: rotate(40deg); }
.kaleidoscope.n9 .tile.t3 {
display: block;
-webkit-transform: scale(-1, 1) rotate(40deg);
-moz-transform: scale(-1, 1) rotate(40deg);
-ms-transform: scale(-1, 1) rotate(40deg);
-o-transform: scale(-1, 1) rotate(40deg);
transform: scale(-1, 1) rotate(40deg); }
.kaleidoscope.n9 .tile.t4 {
display: block;
-webkit-transform: rotate(80deg);
-moz-transform: rotate(80deg);
-ms-transform: rotate(80deg);
-o-transform: rotate(80deg);
transform: rotate(80deg); }
.kaleidoscope.n9 .tile.t5 {
display: block;
-webkit-transform: scale(-1, 1) rotate(80deg);
-moz-transform: scale(-1, 1) rotate(80deg);
-ms-transform: scale(-1, 1) rotate(80deg);
-o-transform: scale(-1, 1) rotate(80deg);
transform: scale(-1, 1) rotate(80deg); }
.kaleidoscope.n9 .tile.t6 {
display: block;
-webkit-transform: rotate(120deg);
-moz-transform: rotate(120deg);
-ms-transform: rotate(120deg);
-o-transform: rotate(120deg);
transform: rotate(120deg); }
.kaleidoscope.n9 .tile.t7 {
display: block;
-webkit-transform: scale(-1, 1) rotate(120deg);
-moz-transform: scale(-1, 1) rotate(120deg);
-ms-transform: scale(-1, 1) rotate(120deg);
-o-transform: scale(-1, 1) rotate(120deg);
transform: scale(-1, 1) rotate(120deg); }
.kaleidoscope.n9 .tile.t8 {
display: block;
-webkit-transform: rotate(160deg);
-moz-transform: rotate(160deg);
-ms-transform: rotate(160deg);
-o-transform: rotate(160deg);
transform: rotate(160deg); }
.kaleidoscope.n9 .tile.t9 {
display: block;
-webkit-transform: scale(-1, 1) rotate(160deg);
-moz-transform: scale(-1, 1) rotate(160deg);
-ms-transform: scale(-1, 1) rotate(160deg);
-o-transform: scale(-1, 1) rotate(160deg);
transform: scale(-1, 1) rotate(160deg); }
.kaleidoscope.n9 .tile.t10 {
display: block;
-webkit-transform: rotate(200deg);
-moz-transform: rotate(200deg);
-ms-transform: rotate(200deg);
-o-transform: rotate(200deg);
transform: rotate(200deg); }
.kaleidoscope.n9 .tile.t11 {
display: block;
-webkit-transform: scale(-1, 1) rotate(200deg);
-moz-transform: scale(-1, 1) rotate(200deg);
-ms-transform: scale(-1, 1) rotate(200deg);
-o-transform: scale(-1, 1) rotate(200deg);
transform: scale(-1, 1) rotate(200deg); }
.kaleidoscope.n9 .tile.t12 {
display: block;
-webkit-transform: rotate(240deg);
-moz-transform: rotate(240deg);
-ms-transform: rotate(240deg);
-o-transform: rotate(240deg);
transform: rotate(240deg); }
.kaleidoscope.n9 .tile.t13 {
display: block;
-webkit-transform: scale(-1, 1) rotate(240deg);
-moz-transform: scale(-1, 1) rotate(240deg);
-ms-transform: scale(-1, 1) rotate(240deg);
-o-transform: scale(-1, 1) rotate(240deg);
transform: scale(-1, 1) rotate(240deg); }
.kaleidoscope.n9 .tile.t14 {
display: block;
-webkit-transform: rotate(280deg);
-moz-transform: rotate(280deg);
-ms-transform: rotate(280deg);
-o-transform: rotate(280deg);
transform: rotate(280deg); }
.kaleidoscope.n9 .tile.t15 {
display: block;
-webkit-transform: scale(-1, 1) rotate(280deg);
-moz-transform: scale(-1, 1) rotate(280deg);
-ms-transform: scale(-1, 1) rotate(280deg);
-o-transform: scale(-1, 1) rotate(280deg);
transform: scale(-1, 1) rotate(280deg); }
.kaleidoscope.n9 .tile.t16 {
display: block;
-webkit-transform: rotate(320deg);
-moz-transform: rotate(320deg);
-ms-transform: rotate(320deg);
-o-transform: rotate(320deg);
transform: rotate(320deg); }
.kaleidoscope.n9 .tile.t17 {
display: block;
-webkit-transform: scale(-1, 1) rotate(320deg);
-moz-transform: scale(-1, 1) rotate(320deg);
-ms-transform: scale(-1, 1) rotate(320deg);
-o-transform: scale(-1, 1) rotate(320deg);
transform: scale(-1, 1) rotate(320deg); }
.kaleidoscope.n9 .tile .image {
position: relative;
top: 0;
left: 100%;
height: 100%;
width: 100%;
background-image: url(http://3.bp.blogspot.com/-ngRcjH2o1Z8/UDjvxZrbpYI/AAAAAAAABMU/QDFNiStAbZ4/s1600/fractal25.jpg);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transform: rotate(20deg);
-moz-transform: rotate(20deg);
-ms-transform: rotate(20deg);
-o-transform: rotate(20deg);
transform: rotate(20deg); }
.kaleidoscope.n10 .tile.t0 {
display: block;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
.kaleidoscope.n10 .tile.t1 {
display: block;
-webkit-transform: scale(-1, 1) rotate(0deg);
-moz-transform: scale(-1, 1) rotate(0deg);
-ms-transform: scale(-1, 1) rotate(0deg);
-o-transform: scale(-1, 1) rotate(0deg);
transform: scale(-1, 1) rotate(0deg); }
.kaleidoscope.n10 .tile.t2 {
display: block;
-webkit-transform: rotate(36deg);
-moz-transform: rotate(36deg);
-ms-transform: rotate(36deg);
-o-transform: rotate(36deg);
transform: rotate(36deg); }
.kaleidoscope.n10 .tile.t3 {
display: block;
-webkit-transform: scale(-1, 1) rotate(36deg);
-moz-transform: scale(-1, 1) rotate(36deg);
-ms-transform: scale(-1, 1) rotate(36deg);
-o-transform: scale(-1, 1) rotate(36deg);
transform: scale(-1, 1) rotate(36deg); }
.kaleidoscope.n10 .tile.t4 {
display: block;
-webkit-transform: rotate(72deg);
-moz-transform: rotate(72deg);
-ms-transform: rotate(72deg);
-o-transform: rotate(72deg);
transform: rotate(72deg); }
.kaleidoscope.n10 .tile.t5 {
display: block;
-webkit-transform: scale(-1, 1) rotate(72deg);
-moz-transform: scale(-1, 1) rotate(72deg);
-ms-transform: scale(-1, 1) rotate(72deg);
-o-transform: scale(-1, 1) rotate(72deg);
transform: scale(-1, 1) rotate(72deg); }
.kaleidoscope.n10 .tile.t6 {
display: block;
-webkit-transform: rotate(108deg);
-moz-transform: rotate(108deg);
-ms-transform: rotate(108deg);
-o-transform: rotate(108deg);
transform: rotate(108deg); }
.kaleidoscope.n10 .tile.t7 {
display: block;
-webkit-transform: scale(-1, 1) rotate(108deg);
-moz-transform: scale(-1, 1) rotate(108deg);
-ms-transform: scale(-1, 1) rotate(108deg);
-o-transform: scale(-1, 1) rotate(108deg);
transform: scale(-1, 1) rotate(108deg); }
.kaleidoscope.n10 .tile.t8 {
display: block;
-webkit-transform: rotate(144deg);
-moz-transform: rotate(144deg);
-ms-transform: rotate(144deg);
-o-transform: rotate(144deg);
transform: rotate(144deg); }
.kaleidoscope.n10 .tile.t9 {
display: block;
-webkit-transform: scale(-1, 1) rotate(144deg);
-moz-transform: scale(-1, 1) rotate(144deg);
-ms-transform: scale(-1, 1) rotate(144deg);
-o-transform: scale(-1, 1) rotate(144deg);
transform: scale(-1, 1) rotate(144deg); }
.kaleidoscope.n10 .tile.t10 {
display: block;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg); }
.kaleidoscope.n10 .tile.t11 {
display: block;
-webkit-transform: scale(-1, 1) rotate(180deg);
-moz-transform: scale(-1, 1) rotate(180deg);
-ms-transform: scale(-1, 1) rotate(180deg);
-o-transform: scale(-1, 1) rotate(180deg);
transform: scale(-1, 1) rotate(180deg); }
.kaleidoscope.n10 .tile.t12 {
display: block;
-webkit-transform: rotate(216deg);
-moz-transform: rotate(216deg);
-ms-transform: rotate(216deg);
-o-transform: rotate(216deg);
transform: rotate(216deg); }
.kaleidoscope.n10 .tile.t13 {
display: block;
-webkit-transform: scale(-1, 1) rotate(216deg);
-moz-transform: scale(-1, 1) rotate(216deg);
-ms-transform: scale(-1, 1) rotate(216deg);
-o-transform: scale(-1, 1) rotate(216deg);
transform: scale(-1, 1) rotate(216deg); }
.kaleidoscope.n10 .tile.t14 {
display: block;
-webkit-transform: rotate(252deg);
-moz-transform: rotate(252deg);
-ms-transform: rotate(252deg);
-o-transform: rotate(252deg);
transform: rotate(252deg); }
.kaleidoscope.n10 .tile.t15 {
display: block;
-webkit-transform: scale(-1, 1) rotate(252deg);
-moz-transform: scale(-1, 1) rotate(252deg);
-ms-transform: scale(-1, 1) rotate(252deg);
-o-transform: scale(-1, 1) rotate(252deg);
transform: scale(-1, 1) rotate(252deg); }
.kaleidoscope.n10 .tile.t16 {
display: block;
-webkit-transform: rotate(288deg);
-moz-transform: rotate(288deg);
-ms-transform: rotate(288deg);
-o-transform: rotate(288deg);
transform: rotate(288deg); }
.kaleidoscope.n10 .tile.t17 {
display: block;
-webkit-transform: scale(-1, 1) rotate(288deg);
-moz-transform: scale(-1, 1) rotate(288deg);
-ms-transform: scale(-1, 1) rotate(288deg);
-o-transform: scale(-1, 1) rotate(288deg);
transform: scale(-1, 1) rotate(288deg); }
.kaleidoscope.n10 .tile.t18 {
display: block;
-webkit-transform: rotate(324deg);
-moz-transform: rotate(324deg);
-ms-transform: rotate(324deg);
-o-transform: rotate(324deg);
transform: rotate(324deg); }
.kaleidoscope.n10 .tile.t19 {
display: block;
-webkit-transform: scale(-1, 1) rotate(324deg);
-moz-transform: scale(-1, 1) rotate(324deg);
-ms-transform: scale(-1, 1) rotate(324deg);
-o-transform: scale(-1, 1) rotate(324deg);
transform: scale(-1, 1) rotate(324deg); }
.kaleidoscope.n10 .tile .image {
position: relative;
top: 0;
left: 100%;
height: 100%;
width: 100%;
background-image: url(http://3.bp.blogspot.com/-ngRcjH2o1Z8/UDjvxZrbpYI/AAAAAAAABMU/QDFNiStAbZ4/s1600/fractal25.jpg);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transform: rotate(18deg);
-moz-transform: rotate(18deg);
-ms-transform: rotate(18deg);
-o-transform: rotate(18deg);
transform: rotate(18deg); }
.kaleidoscope.n11 .tile.t0 {
display: block;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
.kaleidoscope.n11 .tile.t1 {
display: block;
-webkit-transform: scale(-1, 1) rotate(0deg);
-moz-transform: scale(-1, 1) rotate(0deg);
-ms-transform: scale(-1, 1) rotate(0deg);
-o-transform: scale(-1, 1) rotate(0deg);
transform: scale(-1, 1) rotate(0deg); }
.kaleidoscope.n11 .tile.t2 {
display: block;
-webkit-transform: rotate(32.72727deg);
-moz-transform: rotate(32.72727deg);
-ms-transform: rotate(32.72727deg);
-o-transform: rotate(32.72727deg);
transform: rotate(32.72727deg); }
.kaleidoscope.n11 .tile.t3 {
display: block;
-webkit-transform: scale(-1, 1) rotate(32.72727deg);
-moz-transform: scale(-1, 1) rotate(32.72727deg);
-ms-transform: scale(-1, 1) rotate(32.72727deg);
-o-transform: scale(-1, 1) rotate(32.72727deg);
transform: scale(-1, 1) rotate(32.72727deg); }
.kaleidoscope.n11 .tile.t4 {
display: block;
-webkit-transform: rotate(65.45455deg);
-moz-transform: rotate(65.45455deg);
-ms-transform: rotate(65.45455deg);
-o-transform: rotate(65.45455deg);
transform: rotate(65.45455deg); }
.kaleidoscope.n11 .tile.t5 {
display: block;
-webkit-transform: scale(-1, 1) rotate(65.45455deg);
-moz-transform: scale(-1, 1) rotate(65.45455deg);
-ms-transform: scale(-1, 1) rotate(65.45455deg);
-o-transform: scale(-1, 1) rotate(65.45455deg);
transform: scale(-1, 1) rotate(65.45455deg); }
.kaleidoscope.n11 .tile.t6 {
display: block;
-webkit-transform: rotate(98.18182deg);
-moz-transform: rotate(98.18182deg);
-ms-transform: rotate(98.18182deg);
-o-transform: rotate(98.18182deg);
transform: rotate(98.18182deg); }
.kaleidoscope.n11 .tile.t7 {
display: block;
-webkit-transform: scale(-1, 1) rotate(98.18182deg);
-moz-transform: scale(-1, 1) rotate(98.18182deg);
-ms-transform: scale(-1, 1) rotate(98.18182deg);
-o-transform: scale(-1, 1) rotate(98.18182deg);
transform: scale(-1, 1) rotate(98.18182deg); }
.kaleidoscope.n11 .tile.t8 {
display: block;
-webkit-transform: rotate(130.90909deg);
-moz-transform: rotate(130.90909deg);
-ms-transform: rotate(130.90909deg);
-o-transform: rotate(130.90909deg);
transform: rotate(130.90909deg); }
.kaleidoscope.n11 .tile.t9 {
display: block;
-webkit-transform: scale(-1, 1) rotate(130.90909deg);
-moz-transform: scale(-1, 1) rotate(130.90909deg);
-ms-transform: scale(-1, 1) rotate(130.90909deg);
-o-transform: scale(-1, 1) rotate(130.90909deg);
transform: scale(-1, 1) rotate(130.90909deg); }
.kaleidoscope.n11 .tile.t10 {
display: block;
-webkit-transform: rotate(163.63636deg);
-moz-transform: rotate(163.63636deg);
-ms-transform: rotate(163.63636deg);
-o-transform: rotate(163.63636deg);
transform: rotate(163.63636deg); }
.kaleidoscope.n11 .tile.t11 {
display: block;
-webkit-transform: scale(-1, 1) rotate(163.63636deg);
-moz-transform: scale(-1, 1) rotate(163.63636deg);
-ms-transform: scale(-1, 1) rotate(163.63636deg);
-o-transform: scale(-1, 1) rotate(163.63636deg);
transform: scale(-1, 1) rotate(163.63636deg); }
.kaleidoscope.n11 .tile.t12 {
display: block;
-webkit-transform: rotate(196.36364deg);
-moz-transform: rotate(196.36364deg);
-ms-transform: rotate(196.36364deg);
-o-transform: rotate(196.36364deg);
transform: rotate(196.36364deg); }
.kaleidoscope.n11 .tile.t13 {
display: block;
-webkit-transform: scale(-1, 1) rotate(196.36364deg);
-moz-transform: scale(-1, 1) rotate(196.36364deg);
-ms-transform: scale(-1, 1) rotate(196.36364deg);
-o-transform: scale(-1, 1) rotate(196.36364deg);
transform: scale(-1, 1) rotate(196.36364deg); }
.kaleidoscope.n11 .tile.t14 {
display: block;
-webkit-transform: rotate(229.09091deg);
-moz-transform: rotate(229.09091deg);
-ms-transform: rotate(229.09091deg);
-o-transform: rotate(229.09091deg);
transform: rotate(229.09091deg); }
.kaleidoscope.n11 .tile.t15 {
display: block;
-webkit-transform: scale(-1, 1) rotate(229.09091deg);
-moz-transform: scale(-1, 1) rotate(229.09091deg);
-ms-transform: scale(-1, 1) rotate(229.09091deg);
-o-transform: scale(-1, 1) rotate(229.09091deg);
transform: scale(-1, 1) rotate(229.09091deg); }
.kaleidoscope.n11 .tile.t16 {
display: block;
-webkit-transform: rotate(261.81818deg);
-moz-transform: rotate(261.81818deg);
-ms-transform: rotate(261.81818deg);
-o-transform: rotate(261.81818deg);
transform: rotate(261.81818deg); }
.kaleidoscope.n11 .tile.t17 {
display: block;
-webkit-transform: scale(-1, 1) rotate(261.81818deg);
-moz-transform: scale(-1, 1) rotate(261.81818deg);
-ms-transform: scale(-1, 1) rotate(261.81818deg);
-o-transform: scale(-1, 1) rotate(261.81818deg);
transform: scale(-1, 1) rotate(261.81818deg); }
.kaleidoscope.n11 .tile.t18 {
display: block;
-webkit-transform: rotate(294.54545deg);
-moz-transform: rotate(294.54545deg);
-ms-transform: rotate(294.54545deg);
-o-transform: rotate(294.54545deg);
transform: rotate(294.54545deg); }
.kaleidoscope.n11 .tile.t19 {
display: block;
-webkit-transform: scale(-1, 1) rotate(294.54545deg);
-moz-transform: scale(-1, 1) rotate(294.54545deg);
-ms-transform: scale(-1, 1) rotate(294.54545deg);
-o-transform: scale(-1, 1) rotate(294.54545deg);
transform: scale(-1, 1) rotate(294.54545deg); }
.kaleidoscope.n11 .tile.t20 {
display: block;
-webkit-transform: rotate(327.27273deg);
-moz-transform: rotate(327.27273deg);
-ms-transform: rotate(327.27273deg);
-o-transform: rotate(327.27273deg);
transform: rotate(327.27273deg); }
.kaleidoscope.n11 .tile.t21 {
display: block;
-webkit-transform: scale(-1, 1) rotate(327.27273deg);
-moz-transform: scale(-1, 1) rotate(327.27273deg);
-ms-transform: scale(-1, 1) rotate(327.27273deg);
-o-transform: scale(-1, 1) rotate(327.27273deg);
transform: scale(-1, 1) rotate(327.27273deg); }
.kaleidoscope.n11 .tile .image {
position: relative;
top: 0;
left: 100%;
height: 100%;
width: 100%;
background-image: url(http://3.bp.blogspot.com/-ngRcjH2o1Z8/UDjvxZrbpYI/AAAAAAAABMU/QDFNiStAbZ4/s1600/fractal25.jpg);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transform: rotate(16.36364deg);
-moz-transform: rotate(16.36364deg);
-ms-transform: rotate(16.36364deg);
-o-transform: rotate(16.36364deg);
transform: rotate(16.36364deg); }
.kaleidoscope.n12 .tile.t0 {
display: block;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
.kaleidoscope.n12 .tile.t1 {
display: block;
-webkit-transform: scale(-1, 1) rotate(0deg);
-moz-transform: scale(-1, 1) rotate(0deg);
-ms-transform: scale(-1, 1) rotate(0deg);
-o-transform: scale(-1, 1) rotate(0deg);
transform: scale(-1, 1) rotate(0deg); }
.kaleidoscope.n12 .tile.t2 {
display: block;
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-ms-transform: rotate(30deg);
-o-transform: rotate(30deg);
transform: rotate(30deg); }
.kaleidoscope.n12 .tile.t3 {
display: block;
-webkit-transform: scale(-1, 1) rotate(30deg);
-moz-transform: scale(-1, 1) rotate(30deg);
-ms-transform: scale(-1, 1) rotate(30deg);
-o-transform: scale(-1, 1) rotate(30deg);
transform: scale(-1, 1) rotate(30deg); }
.kaleidoscope.n12 .tile.t4 {
display: block;
-webkit-transform: rotate(60deg);
-moz-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-o-transform: rotate(60deg);
transform: rotate(60deg); }
.kaleidoscope.n12 .tile.t5 {
display: block;
-webkit-transform: scale(-1, 1) rotate(60deg);
-moz-transform: scale(-1, 1) rotate(60deg);
-ms-transform: scale(-1, 1) rotate(60deg);
-o-transform: scale(-1, 1) rotate(60deg);
transform: scale(-1, 1) rotate(60deg); }
.kaleidoscope.n12 .tile.t6 {
display: block;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg); }
.kaleidoscope.n12 .tile.t7 {
display: block;
-webkit-transform: scale(-1, 1) rotate(90deg);
-moz-transform: scale(-1, 1) rotate(90deg);
-ms-transform: scale(-1, 1) rotate(90deg);
-o-transform: scale(-1, 1) rotate(90deg);
transform: scale(-1, 1) rotate(90deg); }
.kaleidoscope.n12 .tile.t8 {
display: block;
-webkit-transform: rotate(120deg);
-moz-transform: rotate(120deg);
-ms-transform: rotate(120deg);
-o-transform: rotate(120deg);
transform: rotate(120deg); }
.kaleidoscope.n12 .tile.t9 {
display: block;
-webkit-transform: scale(-1, 1) rotate(120deg);
-moz-transform: scale(-1, 1) rotate(120deg);
-ms-transform: scale(-1, 1) rotate(120deg);
-o-transform: scale(-1, 1) rotate(120deg);
transform: scale(-1, 1) rotate(120deg); }
.kaleidoscope.n12 .tile.t10 {
display: block;
-webkit-transform: rotate(150deg);
-moz-transform: rotate(150deg);
-ms-transform: rotate(150deg);
-o-transform: rotate(150deg);
transform: rotate(150deg); }
.kaleidoscope.n12 .tile.t11 {
display: block;
-webkit-transform: scale(-1, 1) rotate(150deg);
-moz-transform: scale(-1, 1) rotate(150deg);
-ms-transform: scale(-1, 1) rotate(150deg);
-o-transform: scale(-1, 1) rotate(150deg);
transform: scale(-1, 1) rotate(150deg); }
.kaleidoscope.n12 .tile.t12 {
display: block;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg); }
.kaleidoscope.n12 .tile.t13 {
display: block;
-webkit-transform: scale(-1, 1) rotate(180deg);
-moz-transform: scale(-1, 1) rotate(180deg);
-ms-transform: scale(-1, 1) rotate(180deg);
-o-transform: scale(-1, 1) rotate(180deg);
transform: scale(-1, 1) rotate(180deg); }
.kaleidoscope.n12 .tile.t14 {
display: block;
-webkit-transform: rotate(210deg);
-moz-transform: rotate(210deg);
-ms-transform: rotate(210deg);
-o-transform: rotate(210deg);
transform: rotate(210deg); }
.kaleidoscope.n12 .tile.t15 {
display: block;
-webkit-transform: scale(-1, 1) rotate(210deg);
-moz-transform: scale(-1, 1) rotate(210deg);
-ms-transform: scale(-1, 1) rotate(210deg);
-o-transform: scale(-1, 1) rotate(210deg);
transform: scale(-1, 1) rotate(210deg); }
.kaleidoscope.n12 .tile.t16 {
display: block;
-webkit-transform: rotate(240deg);
-moz-transform: rotate(240deg);
-ms-transform: rotate(240deg);
-o-transform: rotate(240deg);
transform: rotate(240deg); }
.kaleidoscope.n12 .tile.t17 {
display: block;
-webkit-transform: scale(-1, 1) rotate(240deg);
-moz-transform: scale(-1, 1) rotate(240deg);
-ms-transform: scale(-1, 1) rotate(240deg);
-o-transform: scale(-1, 1) rotate(240deg);
transform: scale(-1, 1) rotate(240deg); }
.kaleidoscope.n12 .tile.t18 {
display: block;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg); }
.kaleidoscope.n12 .tile.t19 {
display: block;
-webkit-transform: scale(-1, 1) rotate(270deg);
-moz-transform: scale(-1, 1) rotate(270deg);
-ms-transform: scale(-1, 1) rotate(270deg);
-o-transform: scale(-1, 1) rotate(270deg);
transform: scale(-1, 1) rotate(270deg); }
.kaleidoscope.n12 .tile.t20 {
display: block;
-webkit-transform: rotate(300deg);
-moz-transform: rotate(300deg);
-ms-transform: rotate(300deg);
-o-transform: rotate(300deg);
transform: rotate(300deg); }
.kaleidoscope.n12 .tile.t21 {
display: block;
-webkit-transform: scale(-1, 1) rotate(300deg);
-moz-transform: scale(-1, 1) rotate(300deg);
-ms-transform: scale(-1, 1) rotate(300deg);
-o-transform: scale(-1, 1) rotate(300deg);
transform: scale(-1, 1) rotate(300deg); }
.kaleidoscope.n12 .tile.t22 {
display: block;
-webkit-transform: rotate(330deg);
-moz-transform: rotate(330deg);
-ms-transform: rotate(330deg);
-o-transform: rotate(330deg);
transform: rotate(330deg); }
.kaleidoscope.n12 .tile.t23 {
display: block;
-webkit-transform: scale(-1, 1) rotate(330deg);
-moz-transform: scale(-1, 1) rotate(330deg);
-ms-transform: scale(-1, 1) rotate(330deg);
-o-transform: scale(-1, 1) rotate(330deg);
transform: scale(-1, 1) rotate(330deg); }
.kaleidoscope.n12 .tile .image {
position: relative;
top: 0;
left: 100%;
height: 100%;
width: 100%;
background-image: url(http://3.bp.blogspot.com/-ngRcjH2o1Z8/UDjvxZrbpYI/AAAAAAAABMU/QDFNiStAbZ4/s1600/fractal25.jpg);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-o-transform: rotate(15deg);
transform: rotate(15deg); }
.kaleidoscope.n13 .tile.t0 {
display: block;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
.kaleidoscope.n13 .tile.t1 {
display: block;
-webkit-transform: scale(-1, 1) rotate(0deg);
-moz-transform: scale(-1, 1) rotate(0deg);
-ms-transform: scale(-1, 1) rotate(0deg);
-o-transform: scale(-1, 1) rotate(0deg);
transform: scale(-1, 1) rotate(0deg); }
.kaleidoscope.n13 .tile.t2 {
display: block;
-webkit-transform: rotate(27.69231deg);
-moz-transform: rotate(27.69231deg);
-ms-transform: rotate(27.69231deg);
-o-transform: rotate(27.69231deg);
transform: rotate(27.69231deg); }
.kaleidoscope.n13 .tile.t3 {
display: block;
-webkit-transform: scale(-1, 1) rotate(27.69231deg);
-moz-transform: scale(-1, 1) rotate(27.69231deg);
-ms-transform: scale(-1, 1) rotate(27.69231deg);
-o-transform: scale(-1, 1) rotate(27.69231deg);
transform: scale(-1, 1) rotate(27.69231deg); }
.kaleidoscope.n13 .tile.t4 {
display: block;
-webkit-transform: rotate(55.38462deg);
-moz-transform: rotate(55.38462deg);
-ms-transform: rotate(55.38462deg);
-o-transform: rotate(55.38462deg);
transform: rotate(55.38462deg); }
.kaleidoscope.n13 .tile.t5 {
display: block;
-webkit-transform: scale(-1, 1) rotate(55.38462deg);
-moz-transform: scale(-1, 1) rotate(55.38462deg);
-ms-transform: scale(-1, 1) rotate(55.38462deg);
-o-transform: scale(-1, 1) rotate(55.38462deg);
transform: scale(-1, 1) rotate(55.38462deg); }
.kaleidoscope.n13 .tile.t6 {
display: block;
-webkit-transform: rotate(83.07692deg);
-moz-transform: rotate(83.07692deg);
-ms-transform: rotate(83.07692deg);
-o-transform: rotate(83.07692deg);
transform: rotate(83.07692deg); }
.kaleidoscope.n13 .tile.t7 {
display: block;
-webkit-transform: scale(-1, 1) rotate(83.07692deg);
-moz-transform: scale(-1, 1) rotate(83.07692deg);
-ms-transform: scale(-1, 1) rotate(83.07692deg);
-o-transform: scale(-1, 1) rotate(83.07692deg);
transform: scale(-1, 1) rotate(83.07692deg); }
.kaleidoscope.n13 .tile.t8 {
display: block;
-webkit-transform: rotate(110.76923deg);
-moz-transform: rotate(110.76923deg);
-ms-transform: rotate(110.76923deg);
-o-transform: rotate(110.76923deg);
transform: rotate(110.76923deg); }
.kaleidoscope.n13 .tile.t9 {
display: block;
-webkit-transform: scale(-1, 1) rotate(110.76923deg);
-moz-transform: scale(-1, 1) rotate(110.76923deg);
-ms-transform: scale(-1, 1) rotate(110.76923deg);
-o-transform: scale(-1, 1) rotate(110.76923deg);
transform: scale(-1, 1) rotate(110.76923deg); }
.kaleidoscope.n13 .tile.t10 {
display: block;
-webkit-transform: rotate(138.46154deg);
-moz-transform: rotate(138.46154deg);
-ms-transform: rotate(138.46154deg);
-o-transform: rotate(138.46154deg);
transform: rotate(138.46154deg); }
.kaleidoscope.n13 .tile.t11 {
display: block;
-webkit-transform: scale(-1, 1) rotate(138.46154deg);
-moz-transform: scale(-1, 1) rotate(138.46154deg);
-ms-transform: scale(-1, 1) rotate(138.46154deg);
-o-transform: scale(-1, 1) rotate(138.46154deg);
transform: scale(-1, 1) rotate(138.46154deg); }
.kaleidoscope.n13 .tile.t12 {
display: block;
-webkit-transform: rotate(166.15385deg);
-moz-transform: rotate(166.15385deg);
-ms-transform: rotate(166.15385deg);
-o-transform: rotate(166.15385deg);
transform: rotate(166.15385deg); }
.kaleidoscope.n13 .tile.t13 {
display: block;
-webkit-transform: scale(-1, 1) rotate(166.15385deg);
-moz-transform: scale(-1, 1) rotate(166.15385deg);
-ms-transform: scale(-1, 1) rotate(166.15385deg);
-o-transform: scale(-1, 1) rotate(166.15385deg);
transform: scale(-1, 1) rotate(166.15385deg); }
.kaleidoscope.n13 .tile.t14 {
display: block;
-webkit-transform: rotate(193.84615deg);
-moz-transform: rotate(193.84615deg);
-ms-transform: rotate(193.84615deg);
-o-transform: rotate(193.84615deg);
transform: rotate(193.84615deg); }
.kaleidoscope.n13 .tile.t15 {
display: block;
-webkit-transform: scale(-1, 1) rotate(193.84615deg);
-moz-transform: scale(-1, 1) rotate(193.84615deg);
-ms-transform: scale(-1, 1) rotate(193.84615deg);
-o-transform: scale(-1, 1) rotate(193.84615deg);
transform: scale(-1, 1) rotate(193.84615deg); }
.kaleidoscope.n13 .tile.t16 {
display: block;
-webkit-transform: rotate(221.53846deg);
-moz-transform: rotate(221.53846deg);
-ms-transform: rotate(221.53846deg);
-o-transform: rotate(221.53846deg);
transform: rotate(221.53846deg); }
.kaleidoscope.n13 .tile.t17 {
display: block;
-webkit-transform: scale(-1, 1) rotate(221.53846deg);
-moz-transform: scale(-1, 1) rotate(221.53846deg);
-ms-transform: scale(-1, 1) rotate(221.53846deg);
-o-transform: scale(-1, 1) rotate(221.53846deg);
transform: scale(-1, 1) rotate(221.53846deg); }
.kaleidoscope.n13 .tile.t18 {
display: block;
-webkit-transform: rotate(249.23077deg);
-moz-transform: rotate(249.23077deg);
-ms-transform: rotate(249.23077deg);
-o-transform: rotate(249.23077deg);
transform: rotate(249.23077deg); }
.kaleidoscope.n13 .tile.t19 {
display: block;
-webkit-transform: scale(-1, 1) rotate(249.23077deg);
-moz-transform: scale(-1, 1) rotate(249.23077deg);
-ms-transform: scale(-1, 1) rotate(249.23077deg);
-o-transform: scale(-1, 1) rotate(249.23077deg);
transform: scale(-1, 1) rotate(249.23077deg); }
.kaleidoscope.n13 .tile.t20 {
display: block;
-webkit-transform: rotate(276.92308deg);
-moz-transform: rotate(276.92308deg);
-ms-transform: rotate(276.92308deg);
-o-transform: rotate(276.92308deg);
transform: rotate(276.92308deg); }
.kaleidoscope.n13 .tile.t21 {
display: block;
-webkit-transform: scale(-1, 1) rotate(276.92308deg);
-moz-transform: scale(-1, 1) rotate(276.92308deg);
-ms-transform: scale(-1, 1) rotate(276.92308deg);
-o-transform: scale(-1, 1) rotate(276.92308deg);
transform: scale(-1, 1) rotate(276.92308deg); }
.kaleidoscope.n13 .tile.t22 {
display: block;
-webkit-transform: rotate(304.61538deg);
-moz-transform: rotate(304.61538deg);
-ms-transform: rotate(304.61538deg);
-o-transform: rotate(304.61538deg);
transform: rotate(304.61538deg); }
.kaleidoscope.n13 .tile.t23 {
display: block;
-webkit-transform: scale(-1, 1) rotate(304.61538deg);
-moz-transform: scale(-1, 1) rotate(304.61538deg);
-ms-transform: scale(-1, 1) rotate(304.61538deg);
-o-transform: scale(-1, 1) rotate(304.61538deg);
transform: scale(-1, 1) rotate(304.61538deg); }
.kaleidoscope.n13 .tile.t24 {
display: block;
-webkit-transform: rotate(332.30769deg);
-moz-transform: rotate(332.30769deg);
-ms-transform: rotate(332.30769deg);
-o-transform: rotate(332.30769deg);
transform: rotate(332.30769deg); }
.kaleidoscope.n13 .tile.t25 {
display: block;
-webkit-transform: scale(-1, 1) rotate(332.30769deg);
-moz-transform: scale(-1, 1) rotate(332.30769deg);
-ms-transform: scale(-1, 1) rotate(332.30769deg);
-o-transform: scale(-1, 1) rotate(332.30769deg);
transform: scale(-1, 1) rotate(332.30769deg); }
.kaleidoscope.n13 .tile .image {
position: relative;
top: 0;
left: 100%;
height: 100%;
width: 100%;
background-image: url(http://3.bp.blogspot.com/-ngRcjH2o1Z8/UDjvxZrbpYI/AAAAAAAABMU/QDFNiStAbZ4/s1600/fractal25.jpg);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transform: rotate(13.84615deg);
-moz-transform: rotate(13.84615deg);
-ms-transform: rotate(13.84615deg);
-o-transform: rotate(13.84615deg);
transform: rotate(13.84615deg); }
.kaleidoscope.n14 .tile.t0 {
display: block;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
.kaleidoscope.n14 .tile.t1 {
display: block;
-webkit-transform: scale(-1, 1) rotate(0deg);
-moz-transform: scale(-1, 1) rotate(0deg);
-ms-transform: scale(-1, 1) rotate(0deg);
-o-transform: scale(-1, 1) rotate(0deg);
transform: scale(-1, 1) rotate(0deg); }
.kaleidoscope.n14 .tile.t2 {
display: block;
-webkit-transform: rotate(25.71429deg);
-moz-transform: rotate(25.71429deg);
-ms-transform: rotate(25.71429deg);
-o-transform: rotate(25.71429deg);
transform: rotate(25.71429deg); }
.kaleidoscope.n14 .tile.t3 {
display: block;
-webkit-transform: scale(-1, 1) rotate(25.71429deg);
-moz-transform: scale(-1, 1) rotate(25.71429deg);
-ms-transform: scale(-1, 1) rotate(25.71429deg);
-o-transform: scale(-1, 1) rotate(25.71429deg);
transform: scale(-1, 1) rotate(25.71429deg); }
.kaleidoscope.n14 .tile.t4 {
display: block;
-webkit-transform: rotate(51.42857deg);
-moz-transform: rotate(51.42857deg);
-ms-transform: rotate(51.42857deg);
-o-transform: rotate(51.42857deg);
transform: rotate(51.42857deg); }
.kaleidoscope.n14 .tile.t5 {
display: block;
-webkit-transform: scale(-1, 1) rotate(51.42857deg);
-moz-transform: scale(-1, 1) rotate(51.42857deg);
-ms-transform: scale(-1, 1) rotate(51.42857deg);
-o-transform: scale(-1, 1) rotate(51.42857deg);
transform: scale(-1, 1) rotate(51.42857deg); }
.kaleidoscope.n14 .tile.t6 {
display: block;
-webkit-transform: rotate(77.14286deg);
-moz-transform: rotate(77.14286deg);
-ms-transform: rotate(77.14286deg);
-o-transform: rotate(77.14286deg);
transform: rotate(77.14286deg); }
.kaleidoscope.n14 .tile.t7 {
display: block;
-webkit-transform: scale(-1, 1) rotate(77.14286deg);
-moz-transform: scale(-1, 1) rotate(77.14286deg);
-ms-transform: scale(-1, 1) rotate(77.14286deg);
-o-transform: scale(-1, 1) rotate(77.14286deg);
transform: scale(-1, 1) rotate(77.14286deg); }
.kaleidoscope.n14 .tile.t8 {
display: block;
-webkit-transform: rotate(102.85714deg);
-moz-transform: rotate(102.85714deg);
-ms-transform: rotate(102.85714deg);
-o-transform: rotate(102.85714deg);
transform: rotate(102.85714deg); }
.kaleidoscope.n14 .tile.t9 {
display: block;
-webkit-transform: scale(-1, 1) rotate(102.85714deg);
-moz-transform: scale(-1, 1) rotate(102.85714deg);
-ms-transform: scale(-1, 1) rotate(102.85714deg);
-o-transform: scale(-1, 1) rotate(102.85714deg);
transform: scale(-1, 1) rotate(102.85714deg); }
.kaleidoscope.n14 .tile.t10 {
display: block;
-webkit-transform: rotate(128.57143deg);
-moz-transform: rotate(128.57143deg);
-ms-transform: rotate(128.57143deg);
-o-transform: rotate(128.57143deg);
transform: rotate(128.57143deg); }
.kaleidoscope.n14 .tile.t11 {
display: block;
-webkit-transform: scale(-1, 1) rotate(128.57143deg);
-moz-transform: scale(-1, 1) rotate(128.57143deg);
-ms-transform: scale(-1, 1) rotate(128.57143deg);
-o-transform: scale(-1, 1) rotate(128.57143deg);
transform: scale(-1, 1) rotate(128.57143deg); }
.kaleidoscope.n14 .tile.t12 {
display: block;
-webkit-transform: rotate(154.28571deg);
-moz-transform: rotate(154.28571deg);
-ms-transform: rotate(154.28571deg);
-o-transform: rotate(154.28571deg);
transform: rotate(154.28571deg); }
.kaleidoscope.n14 .tile.t13 {
display: block;
-webkit-transform: scale(-1, 1) rotate(154.28571deg);
-moz-transform: scale(-1, 1) rotate(154.28571deg);
-ms-transform: scale(-1, 1) rotate(154.28571deg);
-o-transform: scale(-1, 1) rotate(154.28571deg);
transform: scale(-1, 1) rotate(154.28571deg); }
.kaleidoscope.n14 .tile.t14 {
display: block;
-webkit-transform: rotate(180.0deg);
-moz-transform: rotate(180.0deg);
-ms-transform: rotate(180.0deg);
-o-transform: rotate(180.0deg);
transform: rotate(180.0deg); }
.kaleidoscope.n14 .tile.t15 {
display: block;
-webkit-transform: scale(-1, 1) rotate(180.0deg);
-moz-transform: scale(-1, 1) rotate(180.0deg);
-ms-transform: scale(-1, 1) rotate(180.0deg);
-o-transform: scale(-1, 1) rotate(180.0deg);
transform: scale(-1, 1) rotate(180.0deg); }
.kaleidoscope.n14 .tile.t16 {
display: block;
-webkit-transform: rotate(205.71429deg);
-moz-transform: rotate(205.71429deg);
-ms-transform: rotate(205.71429deg);
-o-transform: rotate(205.71429deg);
transform: rotate(205.71429deg); }
.kaleidoscope.n14 .tile.t17 {
display: block;
-webkit-transform: scale(-1, 1) rotate(205.71429deg);
-moz-transform: scale(-1, 1) rotate(205.71429deg);
-ms-transform: scale(-1, 1) rotate(205.71429deg);
-o-transform: scale(-1, 1) rotate(205.71429deg);
transform: scale(-1, 1) rotate(205.71429deg); }
.kaleidoscope.n14 .tile.t18 {
display: block;
-webkit-transform: rotate(231.42857deg);
-moz-transform: rotate(231.42857deg);
-ms-transform: rotate(231.42857deg);
-o-transform: rotate(231.42857deg);
transform: rotate(231.42857deg); }
.kaleidoscope.n14 .tile.t19 {
display: block;
-webkit-transform: scale(-1, 1) rotate(231.42857deg);
-moz-transform: scale(-1, 1) rotate(231.42857deg);
-ms-transform: scale(-1, 1) rotate(231.42857deg);
-o-transform: scale(-1, 1) rotate(231.42857deg);
transform: scale(-1, 1) rotate(231.42857deg); }
.kaleidoscope.n14 .tile.t20 {
display: block;
-webkit-transform: rotate(257.14286deg);
-moz-transform: rotate(257.14286deg);
-ms-transform: rotate(257.14286deg);
-o-transform: rotate(257.14286deg);
transform: rotate(257.14286deg); }
.kaleidoscope.n14 .tile.t21 {
display: block;
-webkit-transform: scale(-1, 1) rotate(257.14286deg);
-moz-transform: scale(-1, 1) rotate(257.14286deg);
-ms-transform: scale(-1, 1) rotate(257.14286deg);
-o-transform: scale(-1, 1) rotate(257.14286deg);
transform: scale(-1, 1) rotate(257.14286deg); }
.kaleidoscope.n14 .tile.t22 {
display: block;
-webkit-transform: rotate(282.85714deg);
-moz-transform: rotate(282.85714deg);
-ms-transform: rotate(282.85714deg);
-o-transform: rotate(282.85714deg);
transform: rotate(282.85714deg); }
.kaleidoscope.n14 .tile.t23 {
display: block;
-webkit-transform: scale(-1, 1) rotate(282.85714deg);
-moz-transform: scale(-1, 1) rotate(282.85714deg);
-ms-transform: scale(-1, 1) rotate(282.85714deg);
-o-transform: scale(-1, 1) rotate(282.85714deg);
transform: scale(-1, 1) rotate(282.85714deg); }
.kaleidoscope.n14 .tile.t24 {
display: block;
-webkit-transform: rotate(308.57143deg);
-moz-transform: rotate(308.57143deg);
-ms-transform: rotate(308.57143deg);
-o-transform: rotate(308.57143deg);
transform: rotate(308.57143deg); }
.kaleidoscope.n14 .tile.t25 {
display: block;
-webkit-transform: scale(-1, 1) rotate(308.57143deg);
-moz-transform: scale(-1, 1) rotate(308.57143deg);
-ms-transform: scale(-1, 1) rotate(308.57143deg);
-o-transform: scale(-1, 1) rotate(308.57143deg);
transform: scale(-1, 1) rotate(308.57143deg); }
.kaleidoscope.n14 .tile.t26 {
display: block;
-webkit-transform: rotate(334.28571deg);
-moz-transform: rotate(334.28571deg);
-ms-transform: rotate(334.28571deg);
-o-transform: rotate(334.28571deg);
transform: rotate(334.28571deg); }
.kaleidoscope.n14 .tile.t27 {
display: block;
-webkit-transform: scale(-1, 1) rotate(334.28571deg);
-moz-transform: scale(-1, 1) rotate(334.28571deg);
-ms-transform: scale(-1, 1) rotate(334.28571deg);
-o-transform: scale(-1, 1) rotate(334.28571deg);
transform: scale(-1, 1) rotate(334.28571deg); }
.kaleidoscope.n14 .tile .image {
position: relative;
top: 0;
left: 100%;
height: 100%;
width: 100%;
background-image: url(http://3.bp.blogspot.com/-ngRcjH2o1Z8/UDjvxZrbpYI/AAAAAAAABMU/QDFNiStAbZ4/s1600/fractal25.jpg);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transform: rotate(12.85714deg);
-moz-transform: rotate(12.85714deg);
-ms-transform: rotate(12.85714deg);
-o-transform: rotate(12.85714deg);
transform: rotate(12.85714deg); }
.kaleidoscope.n15 .tile.t0 {
display: block;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
.kaleidoscope.n15 .tile.t1 {
display: block;
-webkit-transform: scale(-1, 1) rotate(0deg);
-moz-transform: scale(-1, 1) rotate(0deg);
-ms-transform: scale(-1, 1) rotate(0deg);
-o-transform: scale(-1, 1) rotate(0deg);
transform: scale(-1, 1) rotate(0deg); }
.kaleidoscope.n15 .tile.t2 {
display: block;
-webkit-transform: rotate(24deg);
-moz-transform: rotate(24deg);
-ms-transform: rotate(24deg);
-o-transform: rotate(24deg);
transform: rotate(24deg); }
.kaleidoscope.n15 .tile.t3 {
display: block;
-webkit-transform: scale(-1, 1) rotate(24deg);
-moz-transform: scale(-1, 1) rotate(24deg);
-ms-transform: scale(-1, 1) rotate(24deg);
-o-transform: scale(-1, 1) rotate(24deg);
transform: scale(-1, 1) rotate(24deg); }
.kaleidoscope.n15 .tile.t4 {
display: block;
-webkit-transform: rotate(48deg);
-moz-transform: rotate(48deg);
-ms-transform: rotate(48deg);
-o-transform: rotate(48deg);
transform: rotate(48deg); }
.kaleidoscope.n15 .tile.t5 {
display: block;
-webkit-transform: scale(-1, 1) rotate(48deg);
-moz-transform: scale(-1, 1) rotate(48deg);
-ms-transform: scale(-1, 1) rotate(48deg);
-o-transform: scale(-1, 1) rotate(48deg);
transform: scale(-1, 1) rotate(48deg); }
.kaleidoscope.n15 .tile.t6 {
display: block;
-webkit-transform: rotate(72deg);
-moz-transform: rotate(72deg);
-ms-transform: rotate(72deg);
-o-transform: rotate(72deg);
transform: rotate(72deg); }
.kaleidoscope.n15 .tile.t7 {
display: block;
-webkit-transform: scale(-1, 1) rotate(72deg);
-moz-transform: scale(-1, 1) rotate(72deg);
-ms-transform: scale(-1, 1) rotate(72deg);
-o-transform: scale(-1, 1) rotate(72deg);
transform: scale(-1, 1) rotate(72deg); }
.kaleidoscope.n15 .tile.t8 {
display: block;
-webkit-transform: rotate(96deg);
-moz-transform: rotate(96deg);
-ms-transform: rotate(96deg);
-o-transform: rotate(96deg);
transform: rotate(96deg); }
.kaleidoscope.n15 .tile.t9 {
display: block;
-webkit-transform: scale(-1, 1) rotate(96deg);
-moz-transform: scale(-1, 1) rotate(96deg);
-ms-transform: scale(-1, 1) rotate(96deg);
-o-transform: scale(-1, 1) rotate(96deg);
transform: scale(-1, 1) rotate(96deg); }
.kaleidoscope.n15 .tile.t10 {
display: block;
-webkit-transform: rotate(120deg);
-moz-transform: rotate(120deg);
-ms-transform: rotate(120deg);
-o-transform: rotate(120deg);
transform: rotate(120deg); }
.kaleidoscope.n15 .tile.t11 {
display: block;
-webkit-transform: scale(-1, 1) rotate(120deg);
-moz-transform: scale(-1, 1) rotate(120deg);
-ms-transform: scale(-1, 1) rotate(120deg);
-o-transform: scale(-1, 1) rotate(120deg);
transform: scale(-1, 1) rotate(120deg); }
.kaleidoscope.n15 .tile.t12 {
display: block;
-webkit-transform: rotate(144deg);
-moz-transform: rotate(144deg);
-ms-transform: rotate(144deg);
-o-transform: rotate(144deg);
transform: rotate(144deg); }
.kaleidoscope.n15 .tile.t13 {
display: block;
-webkit-transform: scale(-1, 1) rotate(144deg);
-moz-transform: scale(-1, 1) rotate(144deg);
-ms-transform: scale(-1, 1) rotate(144deg);
-o-transform: scale(-1, 1) rotate(144deg);
transform: scale(-1, 1) rotate(144deg); }
.kaleidoscope.n15 .tile.t14 {
display: block;
-webkit-transform: rotate(168deg);
-moz-transform: rotate(168deg);
-ms-transform: rotate(168deg);
-o-transform: rotate(168deg);
transform: rotate(168deg); }
.kaleidoscope.n15 .tile.t15 {
display: block;
-webkit-transform: scale(-1, 1) rotate(168deg);
-moz-transform: scale(-1, 1) rotate(168deg);
-ms-transform: scale(-1, 1) rotate(168deg);
-o-transform: scale(-1, 1) rotate(168deg);
transform: scale(-1, 1) rotate(168deg); }
.kaleidoscope.n15 .tile.t16 {
display: block;
-webkit-transform: rotate(192deg);
-moz-transform: rotate(192deg);
-ms-transform: rotate(192deg);
-o-transform: rotate(192deg);
transform: rotate(192deg); }
.kaleidoscope.n15 .tile.t17 {
display: block;
-webkit-transform: scale(-1, 1) rotate(192deg);
-moz-transform: scale(-1, 1) rotate(192deg);
-ms-transform: scale(-1, 1) rotate(192deg);
-o-transform: scale(-1, 1) rotate(192deg);
transform: scale(-1, 1) rotate(192deg); }
.kaleidoscope.n15 .tile.t18 {
display: block;
-webkit-transform: rotate(216deg);
-moz-transform: rotate(216deg);
-ms-transform: rotate(216deg);
-o-transform: rotate(216deg);
transform: rotate(216deg); }
.kaleidoscope.n15 .tile.t19 {
display: block;
-webkit-transform: scale(-1, 1) rotate(216deg);
-moz-transform: scale(-1, 1) rotate(216deg);
-ms-transform: scale(-1, 1) rotate(216deg);
-o-transform: scale(-1, 1) rotate(216deg);
transform: scale(-1, 1) rotate(216deg); }
.kaleidoscope.n15 .tile.t20 {
display: block;
-webkit-transform: rotate(240deg);
-moz-transform: rotate(240deg);
-ms-transform: rotate(240deg);
-o-transform: rotate(240deg);
transform: rotate(240deg); }
.kaleidoscope.n15 .tile.t21 {
display: block;
-webkit-transform: scale(-1, 1) rotate(240deg);
-moz-transform: scale(-1, 1) rotate(240deg);
-ms-transform: scale(-1, 1) rotate(240deg);
-o-transform: scale(-1, 1) rotate(240deg);
transform: scale(-1, 1) rotate(240deg); }
.kaleidoscope.n15 .tile.t22 {
display: block;
-webkit-transform: rotate(264deg);
-moz-transform: rotate(264deg);
-ms-transform: rotate(264deg);
-o-transform: rotate(264deg);
transform: rotate(264deg); }
.kaleidoscope.n15 .tile.t23 {
display: block;
-webkit-transform: scale(-1, 1) rotate(264deg);
-moz-transform: scale(-1, 1) rotate(264deg);
-ms-transform: scale(-1, 1) rotate(264deg);
-o-transform: scale(-1, 1) rotate(264deg);
transform: scale(-1, 1) rotate(264deg); }
.kaleidoscope.n15 .tile.t24 {
display: block;
-webkit-transform: rotate(288deg);
-moz-transform: rotate(288deg);
-ms-transform: rotate(288deg);
-o-transform: rotate(288deg);
transform: rotate(288deg); }
.kaleidoscope.n15 .tile.t25 {
display: block;
-webkit-transform: scale(-1, 1) rotate(288deg);
-moz-transform: scale(-1, 1) rotate(288deg);
-ms-transform: scale(-1, 1) rotate(288deg);
-o-transform: scale(-1, 1) rotate(288deg);
transform: scale(-1, 1) rotate(288deg); }
.kaleidoscope.n15 .tile.t26 {
display: block;
-webkit-transform: rotate(312deg);
-moz-transform: rotate(312deg);
-ms-transform: rotate(312deg);
-o-transform: rotate(312deg);
transform: rotate(312deg); }
.kaleidoscope.n15 .tile.t27 {
display: block;
-webkit-transform: scale(-1, 1) rotate(312deg);
-moz-transform: scale(-1, 1) rotate(312deg);
-ms-transform: scale(-1, 1) rotate(312deg);
-o-transform: scale(-1, 1) rotate(312deg);
transform: scale(-1, 1) rotate(312deg); }
.kaleidoscope.n15 .tile.t28 {
display: block;
-webkit-transform: rotate(336deg);
-moz-transform: rotate(336deg);
-ms-transform: rotate(336deg);
-o-transform: rotate(336deg);
transform: rotate(336deg); }
.kaleidoscope.n15 .tile.t29 {
display: block;
-webkit-transform: scale(-1, 1) rotate(336deg);
-moz-transform: scale(-1, 1) rotate(336deg);
-ms-transform: scale(-1, 1) rotate(336deg);
-o-transform: scale(-1, 1) rotate(336deg);
transform: scale(-1, 1) rotate(336deg); }
.kaleidoscope.n15 .tile .image {
position: relative;
top: 0;
left: 100%;
height: 100%;
width: 100%;
background-image: url(http://3.bp.blogspot.com/-ngRcjH2o1Z8/UDjvxZrbpYI/AAAAAAAABMU/QDFNiStAbZ4/s1600/fractal25.jpg);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transform: rotate(12deg);
-moz-transform: rotate(12deg);
-ms-transform: rotate(12deg);
-o-transform: rotate(12deg);
transform: rotate(12deg); }
.kaleidoscope.n16 .tile.t0 {
display: block;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
.kaleidoscope.n16 .tile.t1 {
display: block;
-webkit-transform: scale(-1, 1) rotate(0deg);
-moz-transform: scale(-1, 1) rotate(0deg);
-ms-transform: scale(-1, 1) rotate(0deg);
-o-transform: scale(-1, 1) rotate(0deg);
transform: scale(-1, 1) rotate(0deg); }
.kaleidoscope.n16 .tile.t2 {
display: block;
-webkit-transform: rotate(22.5deg);
-moz-transform: rotate(22.5deg);
-ms-transform: rotate(22.5deg);
-o-transform: rotate(22.5deg);
transform: rotate(22.5deg); }
.kaleidoscope.n16 .tile.t3 {
display: block;
-webkit-transform: scale(-1, 1) rotate(22.5deg);
-moz-transform: scale(-1, 1) rotate(22.5deg);
-ms-transform: scale(-1, 1) rotate(22.5deg);
-o-transform: scale(-1, 1) rotate(22.5deg);
transform: scale(-1, 1) rotate(22.5deg); }
.kaleidoscope.n16 .tile.t4 {
display: block;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.kaleidoscope.n16 .tile.t5 {
display: block;
-webkit-transform: scale(-1, 1) rotate(45deg);
-moz-transform: scale(-1, 1) rotate(45deg);
-ms-transform: scale(-1, 1) rotate(45deg);
-o-transform: scale(-1, 1) rotate(45deg);
transform: scale(-1, 1) rotate(45deg); }
.kaleidoscope.n16 .tile.t6 {
display: block;
-webkit-transform: rotate(67.5deg);
-moz-transform: rotate(67.5deg);
-ms-transform: rotate(67.5deg);
-o-transform: rotate(67.5deg);
transform: rotate(67.5deg); }
.kaleidoscope.n16 .tile.t7 {
display: block;
-webkit-transform: scale(-1, 1) rotate(67.5deg);
-moz-transform: scale(-1, 1) rotate(67.5deg);
-ms-transform: scale(-1, 1) rotate(67.5deg);
-o-transform: scale(-1, 1) rotate(67.5deg);
transform: scale(-1, 1) rotate(67.5deg); }
.kaleidoscope.n16 .tile.t8 {
display: block;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg); }
.kaleidoscope.n16 .tile.t9 {
display: block;
-webkit-transform: scale(-1, 1) rotate(90deg);
-moz-transform: scale(-1, 1) rotate(90deg);
-ms-transform: scale(-1, 1) rotate(90deg);
-o-transform: scale(-1, 1) rotate(90deg);
transform: scale(-1, 1) rotate(90deg); }
.kaleidoscope.n16 .tile.t10 {
display: block;
-webkit-transform: rotate(112.5deg);
-moz-transform: rotate(112.5deg);
-ms-transform: rotate(112.5deg);
-o-transform: rotate(112.5deg);
transform: rotate(112.5deg); }
.kaleidoscope.n16 .tile.t11 {
display: block;
-webkit-transform: scale(-1, 1) rotate(112.5deg);
-moz-transform: scale(-1, 1) rotate(112.5deg);
-ms-transform: scale(-1, 1) rotate(112.5deg);
-o-transform: scale(-1, 1) rotate(112.5deg);
transform: scale(-1, 1) rotate(112.5deg); }
.kaleidoscope.n16 .tile.t12 {
display: block;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg); }
.kaleidoscope.n16 .tile.t13 {
display: block;
-webkit-transform: scale(-1, 1) rotate(135deg);
-moz-transform: scale(-1, 1) rotate(135deg);
-ms-transform: scale(-1, 1) rotate(135deg);
-o-transform: scale(-1, 1) rotate(135deg);
transform: scale(-1, 1) rotate(135deg); }
.kaleidoscope.n16 .tile.t14 {
display: block;
-webkit-transform: rotate(157.5deg);
-moz-transform: rotate(157.5deg);
-ms-transform: rotate(157.5deg);
-o-transform: rotate(157.5deg);
transform: rotate(157.5deg); }
.kaleidoscope.n16 .tile.t15 {
display: block;
-webkit-transform: scale(-1, 1) rotate(157.5deg);
-moz-transform: scale(-1, 1) rotate(157.5deg);
-ms-transform: scale(-1, 1) rotate(157.5deg);
-o-transform: scale(-1, 1) rotate(157.5deg);
transform: scale(-1, 1) rotate(157.5deg); }
.kaleidoscope.n16 .tile.t16 {
display: block;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg); }
.kaleidoscope.n16 .tile.t17 {
display: block;
-webkit-transform: scale(-1, 1) rotate(180deg);
-moz-transform: scale(-1, 1) rotate(180deg);
-ms-transform: scale(-1, 1) rotate(180deg);
-o-transform: scale(-1, 1) rotate(180deg);
transform: scale(-1, 1) rotate(180deg); }
.kaleidoscope.n16 .tile.t18 {
display: block;
-webkit-transform: rotate(202.5deg);
-moz-transform: rotate(202.5deg);
-ms-transform: rotate(202.5deg);
-o-transform: rotate(202.5deg);
transform: rotate(202.5deg); }
.kaleidoscope.n16 .tile.t19 {
display: block;
-webkit-transform: scale(-1, 1) rotate(202.5deg);
-moz-transform: scale(-1, 1) rotate(202.5deg);
-ms-transform: scale(-1, 1) rotate(202.5deg);
-o-transform: scale(-1, 1) rotate(202.5deg);
transform: scale(-1, 1) rotate(202.5deg); }
.kaleidoscope.n16 .tile.t20 {
display: block;
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-o-transform: rotate(225deg);
transform: rotate(225deg); }
.kaleidoscope.n16 .tile.t21 {
display: block;
-webkit-transform: scale(-1, 1) rotate(225deg);
-moz-transform: scale(-1, 1) rotate(225deg);
-ms-transform: scale(-1, 1) rotate(225deg);
-o-transform: scale(-1, 1) rotate(225deg);
transform: scale(-1, 1) rotate(225deg); }
.kaleidoscope.n16 .tile.t22 {
display: block;
-webkit-transform: rotate(247.5deg);
-moz-transform: rotate(247.5deg);
-ms-transform: rotate(247.5deg);
-o-transform: rotate(247.5deg);
transform: rotate(247.5deg); }
.kaleidoscope.n16 .tile.t23 {
display: block;
-webkit-transform: scale(-1, 1) rotate(247.5deg);
-moz-transform: scale(-1, 1) rotate(247.5deg);
-ms-transform: scale(-1, 1) rotate(247.5deg);
-o-transform: scale(-1, 1) rotate(247.5deg);
transform: scale(-1, 1) rotate(247.5deg); }
.kaleidoscope.n16 .tile.t24 {
display: block;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg); }
.kaleidoscope.n16 .tile.t25 {
display: block;
-webkit-transform: scale(-1, 1) rotate(270deg);
-moz-transform: scale(-1, 1) rotate(270deg);
-ms-transform: scale(-1, 1) rotate(270deg);
-o-transform: scale(-1, 1) rotate(270deg);
transform: scale(-1, 1) rotate(270deg); }
.kaleidoscope.n16 .tile.t26 {
display: block;
-webkit-transform: rotate(292.5deg);
-moz-transform: rotate(292.5deg);
-ms-transform: rotate(292.5deg);
-o-transform: rotate(292.5deg);
transform: rotate(292.5deg); }
.kaleidoscope.n16 .tile.t27 {
display: block;
-webkit-transform: scale(-1, 1) rotate(292.5deg);
-moz-transform: scale(-1, 1) rotate(292.5deg);
-ms-transform: scale(-1, 1) rotate(292.5deg);
-o-transform: scale(-1, 1) rotate(292.5deg);
transform: scale(-1, 1) rotate(292.5deg); }
.kaleidoscope.n16 .tile.t28 {
display: block;
-webkit-transform: rotate(315deg);
-moz-transform: rotate(315deg);
-ms-transform: rotate(315deg);
-o-transform: rotate(315deg);
transform: rotate(315deg); }
.kaleidoscope.n16 .tile.t29 {
display: block;
-webkit-transform: scale(-1, 1) rotate(315deg);
-moz-transform: scale(-1, 1) rotate(315deg);
-ms-transform: scale(-1, 1) rotate(315deg);
-o-transform: scale(-1, 1) rotate(315deg);
transform: scale(-1, 1) rotate(315deg); }
.kaleidoscope.n16 .tile.t30 {
display: block;
-webkit-transform: rotate(337.5deg);
-moz-transform: rotate(337.5deg);
-ms-transform: rotate(337.5deg);
-o-transform: rotate(337.5deg);
transform: rotate(337.5deg); }
.kaleidoscope.n16 .tile.t31 {
display: block;
-webkit-transform: scale(-1, 1) rotate(337.5deg);
-moz-transform: scale(-1, 1) rotate(337.5deg);
-ms-transform: scale(-1, 1) rotate(337.5deg);
-o-transform: scale(-1, 1) rotate(337.5deg);
transform: scale(-1, 1) rotate(337.5deg); }
.kaleidoscope.n16 .tile .image {
position: relative;
top: 0;
left: 100%;
height: 100%;
width: 100%;
background-image: url(http://3.bp.blogspot.com/-ngRcjH2o1Z8/UDjvxZrbpYI/AAAAAAAABMU/QDFNiStAbZ4/s1600/fractal25.jpg);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transform: rotate(11.25deg);
-moz-transform: rotate(11.25deg);
-ms-transform: rotate(11.25deg);
-o-transform: rotate(11.25deg);
transform: rotate(11.25deg); }
.kaleidoscope.n17 .tile.t0 {
display: block;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
.kaleidoscope.n17 .tile.t1 {
display: block;
-webkit-transform: scale(-1, 1) rotate(0deg);
-moz-transform: scale(-1, 1) rotate(0deg);
-ms-transform: scale(-1, 1) rotate(0deg);
-o-transform: scale(-1, 1) rotate(0deg);
transform: scale(-1, 1) rotate(0deg); }
.kaleidoscope.n17 .tile.t2 {
display: block;
-webkit-transform: rotate(21.17647deg);
-moz-transform: rotate(21.17647deg);
-ms-transform: rotate(21.17647deg);
-o-transform: rotate(21.17647deg);
transform: rotate(21.17647deg); }
.kaleidoscope.n17 .tile.t3 {
display: block;
-webkit-transform: scale(-1, 1) rotate(21.17647deg);
-moz-transform: scale(-1, 1) rotate(21.17647deg);
-ms-transform: scale(-1, 1) rotate(21.17647deg);
-o-transform: scale(-1, 1) rotate(21.17647deg);
transform: scale(-1, 1) rotate(21.17647deg); }
.kaleidoscope.n17 .tile.t4 {
display: block;
-webkit-transform: rotate(42.35294deg);
-moz-transform: rotate(42.35294deg);
-ms-transform: rotate(42.35294deg);
-o-transform: rotate(42.35294deg);
transform: rotate(42.35294deg); }
.kaleidoscope.n17 .tile.t5 {
display: block;
-webkit-transform: scale(-1, 1) rotate(42.35294deg);
-moz-transform: scale(-1, 1) rotate(42.35294deg);
-ms-transform: scale(-1, 1) rotate(42.35294deg);
-o-transform: scale(-1, 1) rotate(42.35294deg);
transform: scale(-1, 1) rotate(42.35294deg); }
.kaleidoscope.n17 .tile.t6 {
display: block;
-webkit-transform: rotate(63.52941deg);
-moz-transform: rotate(63.52941deg);
-ms-transform: rotate(63.52941deg);
-o-transform: rotate(63.52941deg);
transform: rotate(63.52941deg); }
.kaleidoscope.n17 .tile.t7 {
display: block;
-webkit-transform: scale(-1, 1) rotate(63.52941deg);
-moz-transform: scale(-1, 1) rotate(63.52941deg);
-ms-transform: scale(-1, 1) rotate(63.52941deg);
-o-transform: scale(-1, 1) rotate(63.52941deg);
transform: scale(-1, 1) rotate(63.52941deg); }
.kaleidoscope.n17 .tile.t8 {
display: block;
-webkit-transform: rotate(84.70588deg);
-moz-transform: rotate(84.70588deg);
-ms-transform: rotate(84.70588deg);
-o-transform: rotate(84.70588deg);
transform: rotate(84.70588deg); }
.kaleidoscope.n17 .tile.t9 {
display: block;
-webkit-transform: scale(-1, 1) rotate(84.70588deg);
-moz-transform: scale(-1, 1) rotate(84.70588deg);
-ms-transform: scale(-1, 1) rotate(84.70588deg);
-o-transform: scale(-1, 1) rotate(84.70588deg);
transform: scale(-1, 1) rotate(84.70588deg); }
.kaleidoscope.n17 .tile.t10 {
display: block;
-webkit-transform: rotate(105.88235deg);
-moz-transform: rotate(105.88235deg);
-ms-transform: rotate(105.88235deg);
-o-transform: rotate(105.88235deg);
transform: rotate(105.88235deg); }
.kaleidoscope.n17 .tile.t11 {
display: block;
-webkit-transform: scale(-1, 1) rotate(105.88235deg);
-moz-transform: scale(-1, 1) rotate(105.88235deg);
-ms-transform: scale(-1, 1) rotate(105.88235deg);
-o-transform: scale(-1, 1) rotate(105.88235deg);
transform: scale(-1, 1) rotate(105.88235deg); }
.kaleidoscope.n17 .tile.t12 {
display: block;
-webkit-transform: rotate(127.05882deg);
-moz-transform: rotate(127.05882deg);
-ms-transform: rotate(127.05882deg);
-o-transform: rotate(127.05882deg);
transform: rotate(127.05882deg); }
.kaleidoscope.n17 .tile.t13 {
display: block;
-webkit-transform: scale(-1, 1) rotate(127.05882deg);
-moz-transform: scale(-1, 1) rotate(127.05882deg);
-ms-transform: scale(-1, 1) rotate(127.05882deg);
-o-transform: scale(-1, 1) rotate(127.05882deg);
transform: scale(-1, 1) rotate(127.05882deg); }
.kaleidoscope.n17 .tile.t14 {
display: block;
-webkit-transform: rotate(148.23529deg);
-moz-transform: rotate(148.23529deg);
-ms-transform: rotate(148.23529deg);
-o-transform: rotate(148.23529deg);
transform: rotate(148.23529deg); }
.kaleidoscope.n17 .tile.t15 {
display: block;
-webkit-transform: scale(-1, 1) rotate(148.23529deg);
-moz-transform: scale(-1, 1) rotate(148.23529deg);
-ms-transform: scale(-1, 1) rotate(148.23529deg);
-o-transform: scale(-1, 1) rotate(148.23529deg);
transform: scale(-1, 1) rotate(148.23529deg); }
.kaleidoscope.n17 .tile.t16 {
display: block;
-webkit-transform: rotate(169.41176deg);
-moz-transform: rotate(169.41176deg);
-ms-transform: rotate(169.41176deg);
-o-transform: rotate(169.41176deg);
transform: rotate(169.41176deg); }
.kaleidoscope.n17 .tile.t17 {
display: block;
-webkit-transform: scale(-1, 1) rotate(169.41176deg);
-moz-transform: scale(-1, 1) rotate(169.41176deg);
-ms-transform: scale(-1, 1) rotate(169.41176deg);
-o-transform: scale(-1, 1) rotate(169.41176deg);
transform: scale(-1, 1) rotate(169.41176deg); }
.kaleidoscope.n17 .tile.t18 {
display: block;
-webkit-transform: rotate(190.58824deg);
-moz-transform: rotate(190.58824deg);
-ms-transform: rotate(190.58824deg);
-o-transform: rotate(190.58824deg);
transform: rotate(190.58824deg); }
.kaleidoscope.n17 .tile.t19 {
display: block;
-webkit-transform: scale(-1, 1) rotate(190.58824deg);
-moz-transform: scale(-1, 1) rotate(190.58824deg);
-ms-transform: scale(-1, 1) rotate(190.58824deg);
-o-transform: scale(-1, 1) rotate(190.58824deg);
transform: scale(-1, 1) rotate(190.58824deg); }
.kaleidoscope.n17 .tile.t20 {
display: block;
-webkit-transform: rotate(211.76471deg);
-moz-transform: rotate(211.76471deg);
-ms-transform: rotate(211.76471deg);
-o-transform: rotate(211.76471deg);
transform: rotate(211.76471deg); }
.kaleidoscope.n17 .tile.t21 {
display: block;
-webkit-transform: scale(-1, 1) rotate(211.76471deg);
-moz-transform: scale(-1, 1) rotate(211.76471deg);
-ms-transform: scale(-1, 1) rotate(211.76471deg);
-o-transform: scale(-1, 1) rotate(211.76471deg);
transform: scale(-1, 1) rotate(211.76471deg); }
.kaleidoscope.n17 .tile.t22 {
display: block;
-webkit-transform: rotate(232.94118deg);
-moz-transform: rotate(232.94118deg);
-ms-transform: rotate(232.94118deg);
-o-transform: rotate(232.94118deg);
transform: rotate(232.94118deg); }
.kaleidoscope.n17 .tile.t23 {
display: block;
-webkit-transform: scale(-1, 1) rotate(232.94118deg);
-moz-transform: scale(-1, 1) rotate(232.94118deg);
-ms-transform: scale(-1, 1) rotate(232.94118deg);
-o-transform: scale(-1, 1) rotate(232.94118deg);
transform: scale(-1, 1) rotate(232.94118deg); }
.kaleidoscope.n17 .tile.t24 {
display: block;
-webkit-transform: rotate(254.11765deg);
-moz-transform: rotate(254.11765deg);
-ms-transform: rotate(254.11765deg);
-o-transform: rotate(254.11765deg);
transform: rotate(254.11765deg); }
.kaleidoscope.n17 .tile.t25 {
display: block;
-webkit-transform: scale(-1, 1) rotate(254.11765deg);
-moz-transform: scale(-1, 1) rotate(254.11765deg);
-ms-transform: scale(-1, 1) rotate(254.11765deg);
-o-transform: scale(-1, 1) rotate(254.11765deg);
transform: scale(-1, 1) rotate(254.11765deg); }
.kaleidoscope.n17 .tile.t26 {
display: block;
-webkit-transform: rotate(275.29412deg);
-moz-transform: rotate(275.29412deg);
-ms-transform: rotate(275.29412deg);
-o-transform: rotate(275.29412deg);
transform: rotate(275.29412deg); }
.kaleidoscope.n17 .tile.t27 {
display: block;
-webkit-transform: scale(-1, 1) rotate(275.29412deg);
-moz-transform: scale(-1, 1) rotate(275.29412deg);
-ms-transform: scale(-1, 1) rotate(275.29412deg);
-o-transform: scale(-1, 1) rotate(275.29412deg);
transform: scale(-1, 1) rotate(275.29412deg); }
.kaleidoscope.n17 .tile.t28 {
display: block;
-webkit-transform: rotate(296.47059deg);
-moz-transform: rotate(296.47059deg);
-ms-transform: rotate(296.47059deg);
-o-transform: rotate(296.47059deg);
transform: rotate(296.47059deg); }
.kaleidoscope.n17 .tile.t29 {
display: block;
-webkit-transform: scale(-1, 1) rotate(296.47059deg);
-moz-transform: scale(-1, 1) rotate(296.47059deg);
-ms-transform: scale(-1, 1) rotate(296.47059deg);
-o-transform: scale(-1, 1) rotate(296.47059deg);
transform: scale(-1, 1) rotate(296.47059deg); }
.kaleidoscope.n17 .tile.t30 {
display: block;
-webkit-transform: rotate(317.64706deg);
-moz-transform: rotate(317.64706deg);
-ms-transform: rotate(317.64706deg);
-o-transform: rotate(317.64706deg);
transform: rotate(317.64706deg); }
.kaleidoscope.n17 .tile.t31 {
display: block;
-webkit-transform: scale(-1, 1) rotate(317.64706deg);
-moz-transform: scale(-1, 1) rotate(317.64706deg);
-ms-transform: scale(-1, 1) rotate(317.64706deg);
-o-transform: scale(-1, 1) rotate(317.64706deg);
transform: scale(-1, 1) rotate(317.64706deg); }
.kaleidoscope.n17 .tile.t32 {
display: block;
-webkit-transform: rotate(338.82353deg);
-moz-transform: rotate(338.82353deg);
-ms-transform: rotate(338.82353deg);
-o-transform: rotate(338.82353deg);
transform: rotate(338.82353deg); }
.kaleidoscope.n17 .tile.t33 {
display: block;
-webkit-transform: scale(-1, 1) rotate(338.82353deg);
-moz-transform: scale(-1, 1) rotate(338.82353deg);
-ms-transform: scale(-1, 1) rotate(338.82353deg);
-o-transform: scale(-1, 1) rotate(338.82353deg);
transform: scale(-1, 1) rotate(338.82353deg); }
.kaleidoscope.n17 .tile .image {
position: relative;
top: 0;
left: 100%;
height: 100%;
width: 100%;
background-image: url(http://3.bp.blogspot.com/-ngRcjH2o1Z8/UDjvxZrbpYI/AAAAAAAABMU/QDFNiStAbZ4/s1600/fractal25.jpg);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transform: rotate(10.58824deg);
-moz-transform: rotate(10.58824deg);
-ms-transform: rotate(10.58824deg);
-o-transform: rotate(10.58824deg);
transform: rotate(10.58824deg); }
.kaleidoscope.n18 .tile.t0 {
display: block;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
.kaleidoscope.n18 .tile.t1 {
display: block;
-webkit-transform: scale(-1, 1) rotate(0deg);
-moz-transform: scale(-1, 1) rotate(0deg);
-ms-transform: scale(-1, 1) rotate(0deg);
-o-transform: scale(-1, 1) rotate(0deg);
transform: scale(-1, 1) rotate(0deg); }
.kaleidoscope.n18 .tile.t2 {
display: block;
-webkit-transform: rotate(20deg);
-moz-transform: rotate(20deg);
-ms-transform: rotate(20deg);
-o-transform: rotate(20deg);
transform: rotate(20deg); }
.kaleidoscope.n18 .tile.t3 {
display: block;
-webkit-transform: scale(-1, 1) rotate(20deg);
-moz-transform: scale(-1, 1) rotate(20deg);
-ms-transform: scale(-1, 1) rotate(20deg);
-o-transform: scale(-1, 1) rotate(20deg);
transform: scale(-1, 1) rotate(20deg); }
.kaleidoscope.n18 .tile.t4 {
display: block;
-webkit-transform: rotate(40deg);
-moz-transform: rotate(40deg);
-ms-transform: rotate(40deg);
-o-transform: rotate(40deg);
transform: rotate(40deg); }
.kaleidoscope.n18 .tile.t5 {
display: block;
-webkit-transform: scale(-1, 1) rotate(40deg);
-moz-transform: scale(-1, 1) rotate(40deg);
-ms-transform: scale(-1, 1) rotate(40deg);
-o-transform: scale(-1, 1) rotate(40deg);
transform: scale(-1, 1) rotate(40deg); }
.kaleidoscope.n18 .tile.t6 {
display: block;
-webkit-transform: rotate(60deg);
-moz-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-o-transform: rotate(60deg);
transform: rotate(60deg); }
.kaleidoscope.n18 .tile.t7 {
display: block;
-webkit-transform: scale(-1, 1) rotate(60deg);
-moz-transform: scale(-1, 1) rotate(60deg);
-ms-transform: scale(-1, 1) rotate(60deg);
-o-transform: scale(-1, 1) rotate(60deg);
transform: scale(-1, 1) rotate(60deg); }
.kaleidoscope.n18 .tile.t8 {
display: block;
-webkit-transform: rotate(80deg);
-moz-transform: rotate(80deg);
-ms-transform: rotate(80deg);
-o-transform: rotate(80deg);
transform: rotate(80deg); }
.kaleidoscope.n18 .tile.t9 {
display: block;
-webkit-transform: scale(-1, 1) rotate(80deg);
-moz-transform: scale(-1, 1) rotate(80deg);
-ms-transform: scale(-1, 1) rotate(80deg);
-o-transform: scale(-1, 1) rotate(80deg);
transform: scale(-1, 1) rotate(80deg); }
.kaleidoscope.n18 .tile.t10 {
display: block;
-webkit-transform: rotate(100deg);
-moz-transform: rotate(100deg);
-ms-transform: rotate(100deg);
-o-transform: rotate(100deg);
transform: rotate(100deg); }
.kaleidoscope.n18 .tile.t11 {
display: block;
-webkit-transform: scale(-1, 1) rotate(100deg);
-moz-transform: scale(-1, 1) rotate(100deg);
-ms-transform: scale(-1, 1) rotate(100deg);
-o-transform: scale(-1, 1) rotate(100deg);
transform: scale(-1, 1) rotate(100deg); }
.kaleidoscope.n18 .tile.t12 {
display: block;
-webkit-transform: rotate(120deg);
-moz-transform: rotate(120deg);
-ms-transform: rotate(120deg);
-o-transform: rotate(120deg);
transform: rotate(120deg); }
.kaleidoscope.n18 .tile.t13 {
display: block;
-webkit-transform: scale(-1, 1) rotate(120deg);
-moz-transform: scale(-1, 1) rotate(120deg);
-ms-transform: scale(-1, 1) rotate(120deg);
-o-transform: scale(-1, 1) rotate(120deg);
transform: scale(-1, 1) rotate(120deg); }
.kaleidoscope.n18 .tile.t14 {
display: block;
-webkit-transform: rotate(140deg);
-moz-transform: rotate(140deg);
-ms-transform: rotate(140deg);
-o-transform: rotate(140deg);
transform: rotate(140deg); }
.kaleidoscope.n18 .tile.t15 {
display: block;
-webkit-transform: scale(-1, 1) rotate(140deg);
-moz-transform: scale(-1, 1) rotate(140deg);
-ms-transform: scale(-1, 1) rotate(140deg);
-o-transform: scale(-1, 1) rotate(140deg);
transform: scale(-1, 1) rotate(140deg); }
.kaleidoscope.n18 .tile.t16 {
display: block;
-webkit-transform: rotate(160deg);
-moz-transform: rotate(160deg);
-ms-transform: rotate(160deg);
-o-transform: rotate(160deg);
transform: rotate(160deg); }
.kaleidoscope.n18 .tile.t17 {
display: block;
-webkit-transform: scale(-1, 1) rotate(160deg);
-moz-transform: scale(-1, 1) rotate(160deg);
-ms-transform: scale(-1, 1) rotate(160deg);
-o-transform: scale(-1, 1) rotate(160deg);
transform: scale(-1, 1) rotate(160deg); }
.kaleidoscope.n18 .tile.t18 {
display: block;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg); }
.kaleidoscope.n18 .tile.t19 {
display: block;
-webkit-transform: scale(-1, 1) rotate(180deg);
-moz-transform: scale(-1, 1) rotate(180deg);
-ms-transform: scale(-1, 1) rotate(180deg);
-o-transform: scale(-1, 1) rotate(180deg);
transform: scale(-1, 1) rotate(180deg); }
.kaleidoscope.n18 .tile.t20 {
display: block;
-webkit-transform: rotate(200deg);
-moz-transform: rotate(200deg);
-ms-transform: rotate(200deg);
-o-transform: rotate(200deg);
transform: rotate(200deg); }
.kaleidoscope.n18 .tile.t21 {
display: block;
-webkit-transform: scale(-1, 1) rotate(200deg);
-moz-transform: scale(-1, 1) rotate(200deg);
-ms-transform: scale(-1, 1) rotate(200deg);
-o-transform: scale(-1, 1) rotate(200deg);
transform: scale(-1, 1) rotate(200deg); }
.kaleidoscope.n18 .tile.t22 {
display: block;
-webkit-transform: rotate(220deg);
-moz-transform: rotate(220deg);
-ms-transform: rotate(220deg);
-o-transform: rotate(220deg);
transform: rotate(220deg); }
.kaleidoscope.n18 .tile.t23 {
display: block;
-webkit-transform: scale(-1, 1) rotate(220deg);
-moz-transform: scale(-1, 1) rotate(220deg);
-ms-transform: scale(-1, 1) rotate(220deg);
-o-transform: scale(-1, 1) rotate(220deg);
transform: scale(-1, 1) rotate(220deg); }
.kaleidoscope.n18 .tile.t24 {
display: block;
-webkit-transform: rotate(240deg);
-moz-transform: rotate(240deg);
-ms-transform: rotate(240deg);
-o-transform: rotate(240deg);
transform: rotate(240deg); }
.kaleidoscope.n18 .tile.t25 {
display: block;
-webkit-transform: scale(-1, 1) rotate(240deg);
-moz-transform: scale(-1, 1) rotate(240deg);
-ms-transform: scale(-1, 1) rotate(240deg);
-o-transform: scale(-1, 1) rotate(240deg);
transform: scale(-1, 1) rotate(240deg); }
.kaleidoscope.n18 .tile.t26 {
display: block;
-webkit-transform: rotate(260deg);
-moz-transform: rotate(260deg);
-ms-transform: rotate(260deg);
-o-transform: rotate(260deg);
transform: rotate(260deg); }
.kaleidoscope.n18 .tile.t27 {
display: block;
-webkit-transform: scale(-1, 1) rotate(260deg);
-moz-transform: scale(-1, 1) rotate(260deg);
-ms-transform: scale(-1, 1) rotate(260deg);
-o-transform: scale(-1, 1) rotate(260deg);
transform: scale(-1, 1) rotate(260deg); }
.kaleidoscope.n18 .tile.t28 {
display: block;
-webkit-transform: rotate(280deg);
-moz-transform: rotate(280deg);
-ms-transform: rotate(280deg);
-o-transform: rotate(280deg);
transform: rotate(280deg); }
.kaleidoscope.n18 .tile.t29 {
display: block;
-webkit-transform: scale(-1, 1) rotate(280deg);
-moz-transform: scale(-1, 1) rotate(280deg);
-ms-transform: scale(-1, 1) rotate(280deg);
-o-transform: scale(-1, 1) rotate(280deg);
transform: scale(-1, 1) rotate(280deg); }
.kaleidoscope.n18 .tile.t30 {
display: block;
-webkit-transform: rotate(300deg);
-moz-transform: rotate(300deg);
-ms-transform: rotate(300deg);
-o-transform: rotate(300deg);
transform: rotate(300deg); }
.kaleidoscope.n18 .tile.t31 {
display: block;
-webkit-transform: scale(-1, 1) rotate(300deg);
-moz-transform: scale(-1, 1) rotate(300deg);
-ms-transform: scale(-1, 1) rotate(300deg);
-o-transform: scale(-1, 1) rotate(300deg);
transform: scale(-1, 1) rotate(300deg); }
.kaleidoscope.n18 .tile.t32 {
display: block;
-webkit-transform: rotate(320deg);
-moz-transform: rotate(320deg);
-ms-transform: rotate(320deg);
-o-transform: rotate(320deg);
transform: rotate(320deg); }
.kaleidoscope.n18 .tile.t33 {
display: block;
-webkit-transform: scale(-1, 1) rotate(320deg);
-moz-transform: scale(-1, 1) rotate(320deg);
-ms-transform: scale(-1, 1) rotate(320deg);
-o-transform: scale(-1, 1) rotate(320deg);
transform: scale(-1, 1) rotate(320deg); }
.kaleidoscope.n18 .tile.t34 {
display: block;
-webkit-transform: rotate(340deg);
-moz-transform: rotate(340deg);
-ms-transform: rotate(340deg);
-o-transform: rotate(340deg);
transform: rotate(340deg); }
.kaleidoscope.n18 .tile.t35 {
display: block;
-webkit-transform: scale(-1, 1) rotate(340deg);
-moz-transform: scale(-1, 1) rotate(340deg);
-ms-transform: scale(-1, 1) rotate(340deg);
-o-transform: scale(-1, 1) rotate(340deg);
transform: scale(-1, 1) rotate(340deg); }
.kaleidoscope.n18 .tile .image {
position: relative;
top: 0;
left: 100%;
height: 100%;
width: 100%;
background-image: url(http://3.bp.blogspot.com/-ngRcjH2o1Z8/UDjvxZrbpYI/AAAAAAAABMU/QDFNiStAbZ4/s1600/fractal25.jpg);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-ms-transform: rotate(10deg);
-o-transform: rotate(10deg);
transform: rotate(10deg); }
.kaleidoscope.n19 .tile.t0 {
display: block;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
.kaleidoscope.n19 .tile.t1 {
display: block;
-webkit-transform: scale(-1, 1) rotate(0deg);
-moz-transform: scale(-1, 1) rotate(0deg);
-ms-transform: scale(-1, 1) rotate(0deg);
-o-transform: scale(-1, 1) rotate(0deg);
transform: scale(-1, 1) rotate(0deg); }
.kaleidoscope.n19 .tile.t2 {
display: block;
-webkit-transform: rotate(18.94737deg);
-moz-transform: rotate(18.94737deg);
-ms-transform: rotate(18.94737deg);
-o-transform: rotate(18.94737deg);
transform: rotate(18.94737deg); }
.kaleidoscope.n19 .tile.t3 {
display: block;
-webkit-transform: scale(-1, 1) rotate(18.94737deg);
-moz-transform: scale(-1, 1) rotate(18.94737deg);
-ms-transform: scale(-1, 1) rotate(18.94737deg);
-o-transform: scale(-1, 1) rotate(18.94737deg);
transform: scale(-1, 1) rotate(18.94737deg); }
.kaleidoscope.n19 .tile.t4 {
display: block;
-webkit-transform: rotate(37.89474deg);
-moz-transform: rotate(37.89474deg);
-ms-transform: rotate(37.89474deg);
-o-transform: rotate(37.89474deg);
transform: rotate(37.89474deg); }
.kaleidoscope.n19 .tile.t5 {
display: block;
-webkit-transform: scale(-1, 1) rotate(37.89474deg);
-moz-transform: scale(-1, 1) rotate(37.89474deg);
-ms-transform: scale(-1, 1) rotate(37.89474deg);
-o-transform: scale(-1, 1) rotate(37.89474deg);
transform: scale(-1, 1) rotate(37.89474deg); }
.kaleidoscope.n19 .tile.t6 {
display: block;
-webkit-transform: rotate(56.84211deg);
-moz-transform: rotate(56.84211deg);
-ms-transform: rotate(56.84211deg);
-o-transform: rotate(56.84211deg);
transform: rotate(56.84211deg); }
.kaleidoscope.n19 .tile.t7 {
display: block;
-webkit-transform: scale(-1, 1) rotate(56.84211deg);
-moz-transform: scale(-1, 1) rotate(56.84211deg);
-ms-transform: scale(-1, 1) rotate(56.84211deg);
-o-transform: scale(-1, 1) rotate(56.84211deg);
transform: scale(-1, 1) rotate(56.84211deg); }
.kaleidoscope.n19 .tile.t8 {
display: block;
-webkit-transform: rotate(75.78947deg);
-moz-transform: rotate(75.78947deg);
-ms-transform: rotate(75.78947deg);
-o-transform: rotate(75.78947deg);
transform: rotate(75.78947deg); }
.kaleidoscope.n19 .tile.t9 {
display: block;
-webkit-transform: scale(-1, 1) rotate(75.78947deg);
-moz-transform: scale(-1, 1) rotate(75.78947deg);
-ms-transform: scale(-1, 1) rotate(75.78947deg);
-o-transform: scale(-1, 1) rotate(75.78947deg);
transform: scale(-1, 1) rotate(75.78947deg); }
.kaleidoscope.n19 .tile.t10 {
display: block;
-webkit-transform: rotate(94.73684deg);
-moz-transform: rotate(94.73684deg);
-ms-transform: rotate(94.73684deg);
-o-transform: rotate(94.73684deg);
transform: rotate(94.73684deg); }
.kaleidoscope.n19 .tile.t11 {
display: block;
-webkit-transform: scale(-1, 1) rotate(94.73684deg);
-moz-transform: scale(-1, 1) rotate(94.73684deg);
-ms-transform: scale(-1, 1) rotate(94.73684deg);
-o-transform: scale(-1, 1) rotate(94.73684deg);
transform: scale(-1, 1) rotate(94.73684deg); }
.kaleidoscope.n19 .tile.t12 {
display: block;
-webkit-transform: rotate(113.68421deg);
-moz-transform: rotate(113.68421deg);
-ms-transform: rotate(113.68421deg);
-o-transform: rotate(113.68421deg);
transform: rotate(113.68421deg); }
.kaleidoscope.n19 .tile.t13 {
display: block;
-webkit-transform: scale(-1, 1) rotate(113.68421deg);
-moz-transform: scale(-1, 1) rotate(113.68421deg);
-ms-transform: scale(-1, 1) rotate(113.68421deg);
-o-transform: scale(-1, 1) rotate(113.68421deg);
transform: scale(-1, 1) rotate(113.68421deg); }
.kaleidoscope.n19 .tile.t14 {
display: block;
-webkit-transform: rotate(132.63158deg);
-moz-transform: rotate(132.63158deg);
-ms-transform: rotate(132.63158deg);
-o-transform: rotate(132.63158deg);
transform: rotate(132.63158deg); }
.kaleidoscope.n19 .tile.t15 {
display: block;
-webkit-transform: scale(-1, 1) rotate(132.63158deg);
-moz-transform: scale(-1, 1) rotate(132.63158deg);
-ms-transform: scale(-1, 1) rotate(132.63158deg);
-o-transform: scale(-1, 1) rotate(132.63158deg);
transform: scale(-1, 1) rotate(132.63158deg); }
.kaleidoscope.n19 .tile.t16 {
display: block;
-webkit-transform: rotate(151.57895deg);
-moz-transform: rotate(151.57895deg);
-ms-transform: rotate(151.57895deg);
-o-transform: rotate(151.57895deg);
transform: rotate(151.57895deg); }
.kaleidoscope.n19 .tile.t17 {
display: block;
-webkit-transform: scale(-1, 1) rotate(151.57895deg);
-moz-transform: scale(-1, 1) rotate(151.57895deg);
-ms-transform: scale(-1, 1) rotate(151.57895deg);
-o-transform: scale(-1, 1) rotate(151.57895deg);
transform: scale(-1, 1) rotate(151.57895deg); }
.kaleidoscope.n19 .tile.t18 {
display: block;
-webkit-transform: rotate(170.52632deg);
-moz-transform: rotate(170.52632deg);
-ms-transform: rotate(170.52632deg);
-o-transform: rotate(170.52632deg);
transform: rotate(170.52632deg); }
.kaleidoscope.n19 .tile.t19 {
display: block;
-webkit-transform: scale(-1, 1) rotate(170.52632deg);
-moz-transform: scale(-1, 1) rotate(170.52632deg);
-ms-transform: scale(-1, 1) rotate(170.52632deg);
-o-transform: scale(-1, 1) rotate(170.52632deg);
transform: scale(-1, 1) rotate(170.52632deg); }
.kaleidoscope.n19 .tile.t20 {
display: block;
-webkit-transform: rotate(189.47368deg);
-moz-transform: rotate(189.47368deg);
-ms-transform: rotate(189.47368deg);
-o-transform: rotate(189.47368deg);
transform: rotate(189.47368deg); }
.kaleidoscope.n19 .tile.t21 {
display: block;
-webkit-transform: scale(-1, 1) rotate(189.47368deg);
-moz-transform: scale(-1, 1) rotate(189.47368deg);
-ms-transform: scale(-1, 1) rotate(189.47368deg);
-o-transform: scale(-1, 1) rotate(189.47368deg);
transform: scale(-1, 1) rotate(189.47368deg); }
.kaleidoscope.n19 .tile.t22 {
display: block;
-webkit-transform: rotate(208.42105deg);
-moz-transform: rotate(208.42105deg);
-ms-transform: rotate(208.42105deg);
-o-transform: rotate(208.42105deg);
transform: rotate(208.42105deg); }
.kaleidoscope.n19 .tile.t23 {
display: block;
-webkit-transform: scale(-1, 1) rotate(208.42105deg);
-moz-transform: scale(-1, 1) rotate(208.42105deg);
-ms-transform: scale(-1, 1) rotate(208.42105deg);
-o-transform: scale(-1, 1) rotate(208.42105deg);
transform: scale(-1, 1) rotate(208.42105deg); }
.kaleidoscope.n19 .tile.t24 {
display: block;
-webkit-transform: rotate(227.36842deg);
-moz-transform: rotate(227.36842deg);
-ms-transform: rotate(227.36842deg);
-o-transform: rotate(227.36842deg);
transform: rotate(227.36842deg); }
.kaleidoscope.n19 .tile.t25 {
display: block;
-webkit-transform: scale(-1, 1) rotate(227.36842deg);
-moz-transform: scale(-1, 1) rotate(227.36842deg);
-ms-transform: scale(-1, 1) rotate(227.36842deg);
-o-transform: scale(-1, 1) rotate(227.36842deg);
transform: scale(-1, 1) rotate(227.36842deg); }
.kaleidoscope.n19 .tile.t26 {
display: block;
-webkit-transform: rotate(246.31579deg);
-moz-transform: rotate(246.31579deg);
-ms-transform: rotate(246.31579deg);
-o-transform: rotate(246.31579deg);
transform: rotate(246.31579deg); }
.kaleidoscope.n19 .tile.t27 {
display: block;
-webkit-transform: scale(-1, 1) rotate(246.31579deg);
-moz-transform: scale(-1, 1) rotate(246.31579deg);
-ms-transform: scale(-1, 1) rotate(246.31579deg);
-o-transform: scale(-1, 1) rotate(246.31579deg);
transform: scale(-1, 1) rotate(246.31579deg); }
.kaleidoscope.n19 .tile.t28 {
display: block;
-webkit-transform: rotate(265.26316deg);
-moz-transform: rotate(265.26316deg);
-ms-transform: rotate(265.26316deg);
-o-transform: rotate(265.26316deg);
transform: rotate(265.26316deg); }
.kaleidoscope.n19 .tile.t29 {
display: block;
-webkit-transform: scale(-1, 1) rotate(265.26316deg);
-moz-transform: scale(-1, 1) rotate(265.26316deg);
-ms-transform: scale(-1, 1) rotate(265.26316deg);
-o-transform: scale(-1, 1) rotate(265.26316deg);
transform: scale(-1, 1) rotate(265.26316deg); }
.kaleidoscope.n19 .tile.t30 {
display: block;
-webkit-transform: rotate(284.21053deg);
-moz-transform: rotate(284.21053deg);
-ms-transform: rotate(284.21053deg);
-o-transform: rotate(284.21053deg);
transform: rotate(284.21053deg); }
.kaleidoscope.n19 .tile.t31 {
display: block;
-webkit-transform: scale(-1, 1) rotate(284.21053deg);
-moz-transform: scale(-1, 1) rotate(284.21053deg);
-ms-transform: scale(-1, 1) rotate(284.21053deg);
-o-transform: scale(-1, 1) rotate(284.21053deg);
transform: scale(-1, 1) rotate(284.21053deg); }
.kaleidoscope.n19 .tile.t32 {
display: block;
-webkit-transform: rotate(303.15789deg);
-moz-transform: rotate(303.15789deg);
-ms-transform: rotate(303.15789deg);
-o-transform: rotate(303.15789deg);
transform: rotate(303.15789deg); }
.kaleidoscope.n19 .tile.t33 {
display: block;
-webkit-transform: scale(-1, 1) rotate(303.15789deg);
-moz-transform: scale(-1, 1) rotate(303.15789deg);
-ms-transform: scale(-1, 1) rotate(303.15789deg);
-o-transform: scale(-1, 1) rotate(303.15789deg);
transform: scale(-1, 1) rotate(303.15789deg); }
.kaleidoscope.n19 .tile.t34 {
display: block;
-webkit-transform: rotate(322.10526deg);
-moz-transform: rotate(322.10526deg);
-ms-transform: rotate(322.10526deg);
-o-transform: rotate(322.10526deg);
transform: rotate(322.10526deg); }
.kaleidoscope.n19 .tile.t35 {
display: block;
-webkit-transform: scale(-1, 1) rotate(322.10526deg);
-moz-transform: scale(-1, 1) rotate(322.10526deg);
-ms-transform: scale(-1, 1) rotate(322.10526deg);
-o-transform: scale(-1, 1) rotate(322.10526deg);
transform: scale(-1, 1) rotate(322.10526deg); }
.kaleidoscope.n19 .tile.t36 {
display: block;
-webkit-transform: rotate(341.05263deg);
-moz-transform: rotate(341.05263deg);
-ms-transform: rotate(341.05263deg);
-o-transform: rotate(341.05263deg);
transform: rotate(341.05263deg); }
.kaleidoscope.n19 .tile.t37 {
display: block;
-webkit-transform: scale(-1, 1) rotate(341.05263deg);
-moz-transform: scale(-1, 1) rotate(341.05263deg);
-ms-transform: scale(-1, 1) rotate(341.05263deg);
-o-transform: scale(-1, 1) rotate(341.05263deg);
transform: scale(-1, 1) rotate(341.05263deg); }
.kaleidoscope.n19 .tile .image {
position: relative;
top: 0;
left: 100%;
height: 100%;
width: 100%;
background-image: url(http://3.bp.blogspot.com/-ngRcjH2o1Z8/UDjvxZrbpYI/AAAAAAAABMU/QDFNiStAbZ4/s1600/fractal25.jpg);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transform: rotate(9.47368deg);
-moz-transform: rotate(9.47368deg);
-ms-transform: rotate(9.47368deg);
-o-transform: rotate(9.47368deg);
transform: rotate(9.47368deg); }
.kaleidoscope.n20 .tile.t0 {
display: block;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
.kaleidoscope.n20 .tile.t1 {
display: block;
-webkit-transform: scale(-1, 1) rotate(0deg);
-moz-transform: scale(-1, 1) rotate(0deg);
-ms-transform: scale(-1, 1) rotate(0deg);
-o-transform: scale(-1, 1) rotate(0deg);
transform: scale(-1, 1) rotate(0deg); }
.kaleidoscope.n20 .tile.t2 {
display: block;
-webkit-transform: rotate(18deg);
-moz-transform: rotate(18deg);
-ms-transform: rotate(18deg);
-o-transform: rotate(18deg);
transform: rotate(18deg); }
.kaleidoscope.n20 .tile.t3 {
display: block;
-webkit-transform: scale(-1, 1) rotate(18deg);
-moz-transform: scale(-1, 1) rotate(18deg);
-ms-transform: scale(-1, 1) rotate(18deg);
-o-transform: scale(-1, 1) rotate(18deg);
transform: scale(-1, 1) rotate(18deg); }
.kaleidoscope.n20 .tile.t4 {
display: block;
-webkit-transform: rotate(36deg);
-moz-transform: rotate(36deg);
-ms-transform: rotate(36deg);
-o-transform: rotate(36deg);
transform: rotate(36deg); }
.kaleidoscope.n20 .tile.t5 {
display: block;
-webkit-transform: scale(-1, 1) rotate(36deg);
-moz-transform: scale(-1, 1) rotate(36deg);
-ms-transform: scale(-1, 1) rotate(36deg);
-o-transform: scale(-1, 1) rotate(36deg);
transform: scale(-1, 1) rotate(36deg); }
.kaleidoscope.n20 .tile.t6 {
display: block;
-webkit-transform: rotate(54deg);
-moz-transform: rotate(54deg);
-ms-transform: rotate(54deg);
-o-transform: rotate(54deg);
transform: rotate(54deg); }
.kaleidoscope.n20 .tile.t7 {
display: block;
-webkit-transform: scale(-1, 1) rotate(54deg);
-moz-transform: scale(-1, 1) rotate(54deg);
-ms-transform: scale(-1, 1) rotate(54deg);
-o-transform: scale(-1, 1) rotate(54deg);
transform: scale(-1, 1) rotate(54deg); }
.kaleidoscope.n20 .tile.t8 {
display: block;
-webkit-transform: rotate(72deg);
-moz-transform: rotate(72deg);
-ms-transform: rotate(72deg);
-o-transform: rotate(72deg);
transform: rotate(72deg); }
.kaleidoscope.n20 .tile.t9 {
display: block;
-webkit-transform: scale(-1, 1) rotate(72deg);
-moz-transform: scale(-1, 1) rotate(72deg);
-ms-transform: scale(-1, 1) rotate(72deg);
-o-transform: scale(-1, 1) rotate(72deg);
transform: scale(-1, 1) rotate(72deg); }
.kaleidoscope.n20 .tile.t10 {
display: block;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg); }
.kaleidoscope.n20 .tile.t11 {
display: block;
-webkit-transform: scale(-1, 1) rotate(90deg);
-moz-transform: scale(-1, 1) rotate(90deg);
-ms-transform: scale(-1, 1) rotate(90deg);
-o-transform: scale(-1, 1) rotate(90deg);
transform: scale(-1, 1) rotate(90deg); }
.kaleidoscope.n20 .tile.t12 {
display: block;
-webkit-transform: rotate(108deg);
-moz-transform: rotate(108deg);
-ms-transform: rotate(108deg);
-o-transform: rotate(108deg);
transform: rotate(108deg); }
.kaleidoscope.n20 .tile.t13 {
display: block;
-webkit-transform: scale(-1, 1) rotate(108deg);
-moz-transform: scale(-1, 1) rotate(108deg);
-ms-transform: scale(-1, 1) rotate(108deg);
-o-transform: scale(-1, 1) rotate(108deg);
transform: scale(-1, 1) rotate(108deg); }
.kaleidoscope.n20 .tile.t14 {
display: block;
-webkit-transform: rotate(126deg);
-moz-transform: rotate(126deg);
-ms-transform: rotate(126deg);
-o-transform: rotate(126deg);
transform: rotate(126deg); }
.kaleidoscope.n20 .tile.t15 {
display: block;
-webkit-transform: scale(-1, 1) rotate(126deg);
-moz-transform: scale(-1, 1) rotate(126deg);
-ms-transform: scale(-1, 1) rotate(126deg);
-o-transform: scale(-1, 1) rotate(126deg);
transform: scale(-1, 1) rotate(126deg); }
.kaleidoscope.n20 .tile.t16 {
display: block;
-webkit-transform: rotate(144deg);
-moz-transform: rotate(144deg);
-ms-transform: rotate(144deg);
-o-transform: rotate(144deg);
transform: rotate(144deg); }
.kaleidoscope.n20 .tile.t17 {
display: block;
-webkit-transform: scale(-1, 1) rotate(144deg);
-moz-transform: scale(-1, 1) rotate(144deg);
-ms-transform: scale(-1, 1) rotate(144deg);
-o-transform: scale(-1, 1) rotate(144deg);
transform: scale(-1, 1) rotate(144deg); }
.kaleidoscope.n20 .tile.t18 {
display: block;
-webkit-transform: rotate(162deg);
-moz-transform: rotate(162deg);
-ms-transform: rotate(162deg);
-o-transform: rotate(162deg);
transform: rotate(162deg); }
.kaleidoscope.n20 .tile.t19 {
display: block;
-webkit-transform: scale(-1, 1) rotate(162deg);
-moz-transform: scale(-1, 1) rotate(162deg);
-ms-transform: scale(-1, 1) rotate(162deg);
-o-transform: scale(-1, 1) rotate(162deg);
transform: scale(-1, 1) rotate(162deg); }
.kaleidoscope.n20 .tile.t20 {
display: block;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg); }
.kaleidoscope.n20 .tile.t21 {
display: block;
-webkit-transform: scale(-1, 1) rotate(180deg);
-moz-transform: scale(-1, 1) rotate(180deg);
-ms-transform: scale(-1, 1) rotate(180deg);
-o-transform: scale(-1, 1) rotate(180deg);
transform: scale(-1, 1) rotate(180deg); }
.kaleidoscope.n20 .tile.t22 {
display: block;
-webkit-transform: rotate(198deg);
-moz-transform: rotate(198deg);
-ms-transform: rotate(198deg);
-o-transform: rotate(198deg);
transform: rotate(198deg); }
.kaleidoscope.n20 .tile.t23 {
display: block;
-webkit-transform: scale(-1, 1) rotate(198deg);
-moz-transform: scale(-1, 1) rotate(198deg);
-ms-transform: scale(-1, 1) rotate(198deg);
-o-transform: scale(-1, 1) rotate(198deg);
transform: scale(-1, 1) rotate(198deg); }
.kaleidoscope.n20 .tile.t24 {
display: block;
-webkit-transform: rotate(216deg);
-moz-transform: rotate(216deg);
-ms-transform: rotate(216deg);
-o-transform: rotate(216deg);
transform: rotate(216deg); }
.kaleidoscope.n20 .tile.t25 {
display: block;
-webkit-transform: scale(-1, 1) rotate(216deg);
-moz-transform: scale(-1, 1) rotate(216deg);
-ms-transform: scale(-1, 1) rotate(216deg);
-o-transform: scale(-1, 1) rotate(216deg);
transform: scale(-1, 1) rotate(216deg); }
.kaleidoscope.n20 .tile.t26 {
display: block;
-webkit-transform: rotate(234deg);
-moz-transform: rotate(234deg);
-ms-transform: rotate(234deg);
-o-transform: rotate(234deg);
transform: rotate(234deg); }
.kaleidoscope.n20 .tile.t27 {
display: block;
-webkit-transform: scale(-1, 1) rotate(234deg);
-moz-transform: scale(-1, 1) rotate(234deg);
-ms-transform: scale(-1, 1) rotate(234deg);
-o-transform: scale(-1, 1) rotate(234deg);
transform: scale(-1, 1) rotate(234deg); }
.kaleidoscope.n20 .tile.t28 {
display: block;
-webkit-transform: rotate(252deg);
-moz-transform: rotate(252deg);
-ms-transform: rotate(252deg);
-o-transform: rotate(252deg);
transform: rotate(252deg); }
.kaleidoscope.n20 .tile.t29 {
display: block;
-webkit-transform: scale(-1, 1) rotate(252deg);
-moz-transform: scale(-1, 1) rotate(252deg);
-ms-transform: scale(-1, 1) rotate(252deg);
-o-transform: scale(-1, 1) rotate(252deg);
transform: scale(-1, 1) rotate(252deg); }
.kaleidoscope.n20 .tile.t30 {
display: block;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg); }
.kaleidoscope.n20 .tile.t31 {
display: block;
-webkit-transform: scale(-1, 1) rotate(270deg);
-moz-transform: scale(-1, 1) rotate(270deg);
-ms-transform: scale(-1, 1) rotate(270deg);
-o-transform: scale(-1, 1) rotate(270deg);
transform: scale(-1, 1) rotate(270deg); }
.kaleidoscope.n20 .tile.t32 {
display: block;
-webkit-transform: rotate(288deg);
-moz-transform: rotate(288deg);
-ms-transform: rotate(288deg);
-o-transform: rotate(288deg);
transform: rotate(288deg); }
.kaleidoscope.n20 .tile.t33 {
display: block;
-webkit-transform: scale(-1, 1) rotate(288deg);
-moz-transform: scale(-1, 1) rotate(288deg);
-ms-transform: scale(-1, 1) rotate(288deg);
-o-transform: scale(-1, 1) rotate(288deg);
transform: scale(-1, 1) rotate(288deg); }
.kaleidoscope.n20 .tile.t34 {
display: block;
-webkit-transform: rotate(306deg);
-moz-transform: rotate(306deg);
-ms-transform: rotate(306deg);
-o-transform: rotate(306deg);
transform: rotate(306deg); }
.kaleidoscope.n20 .tile.t35 {
display: block;
-webkit-transform: scale(-1, 1) rotate(306deg);
-moz-transform: scale(-1, 1) rotate(306deg);
-ms-transform: scale(-1, 1) rotate(306deg);
-o-transform: scale(-1, 1) rotate(306deg);
transform: scale(-1, 1) rotate(306deg); }
.kaleidoscope.n20 .tile.t36 {
display: block;
-webkit-transform: rotate(324deg);
-moz-transform: rotate(324deg);
-ms-transform: rotate(324deg);
-o-transform: rotate(324deg);
transform: rotate(324deg); }
.kaleidoscope.n20 .tile.t37 {
display: block;
-webkit-transform: scale(-1, 1) rotate(324deg);
-moz-transform: scale(-1, 1) rotate(324deg);
-ms-transform: scale(-1, 1) rotate(324deg);
-o-transform: scale(-1, 1) rotate(324deg);
transform: scale(-1, 1) rotate(324deg); }
.kaleidoscope.n20 .tile.t38 {
display: block;
-webkit-transform: rotate(342deg);
-moz-transform: rotate(342deg);
-ms-transform: rotate(342deg);
-o-transform: rotate(342deg);
transform: rotate(342deg); }
.kaleidoscope.n20 .tile.t39 {
display: block;
-webkit-transform: scale(-1, 1) rotate(342deg);
-moz-transform: scale(-1, 1) rotate(342deg);
-ms-transform: scale(-1, 1) rotate(342deg);
-o-transform: scale(-1, 1) rotate(342deg);
transform: scale(-1, 1) rotate(342deg); }
.kaleidoscope.n20 .tile .image {
position: relative;
top: 0;
left: 100%;
height: 100%;
width: 100%;
background-image: url(http://3.bp.blogspot.com/-ngRcjH2o1Z8/UDjvxZrbpYI/AAAAAAAABMU/QDFNiStAbZ4/s1600/fractal25.jpg);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transform: rotate(9deg);
-moz-transform: rotate(9deg);
-ms-transform: rotate(9deg);
-o-transform: rotate(9deg);
transform: rotate(9deg); }
.kaleidoscope.n21 .tile.t0 {
display: block;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
.kaleidoscope.n21 .tile.t1 {
display: block;
-webkit-transform: scale(-1, 1) rotate(0deg);
-moz-transform: scale(-1, 1) rotate(0deg);
-ms-transform: scale(-1, 1) rotate(0deg);
-o-transform: scale(-1, 1) rotate(0deg);
transform: scale(-1, 1) rotate(0deg); }
.kaleidoscope.n21 .tile.t2 {
display: block;
-webkit-transform: rotate(17.14286deg);
-moz-transform: rotate(17.14286deg);
-ms-transform: rotate(17.14286deg);
-o-transform: rotate(17.14286deg);
transform: rotate(17.14286deg); }
.kaleidoscope.n21 .tile.t3 {
display: block;
-webkit-transform: scale(-1, 1) rotate(17.14286deg);
-moz-transform: scale(-1, 1) rotate(17.14286deg);
-ms-transform: scale(-1, 1) rotate(17.14286deg);
-o-transform: scale(-1, 1) rotate(17.14286deg);
transform: scale(-1, 1) rotate(17.14286deg); }
.kaleidoscope.n21 .tile.t4 {
display: block;
-webkit-transform: rotate(34.28571deg);
-moz-transform: rotate(34.28571deg);
-ms-transform: rotate(34.28571deg);
-o-transform: rotate(34.28571deg);
transform: rotate(34.28571deg); }
.kaleidoscope.n21 .tile.t5 {
display: block;
-webkit-transform: scale(-1, 1) rotate(34.28571deg);
-moz-transform: scale(-1, 1) rotate(34.28571deg);
-ms-transform: scale(-1, 1) rotate(34.28571deg);
-o-transform: scale(-1, 1) rotate(34.28571deg);
transform: scale(-1, 1) rotate(34.28571deg); }
.kaleidoscope.n21 .tile.t6 {
display: block;
-webkit-transform: rotate(51.42857deg);
-moz-transform: rotate(51.42857deg);
-ms-transform: rotate(51.42857deg);
-o-transform: rotate(51.42857deg);
transform: rotate(51.42857deg); }
.kaleidoscope.n21 .tile.t7 {
display: block;
-webkit-transform: scale(-1, 1) rotate(51.42857deg);
-moz-transform: scale(-1, 1) rotate(51.42857deg);
-ms-transform: scale(-1, 1) rotate(51.42857deg);
-o-transform: scale(-1, 1) rotate(51.42857deg);
transform: scale(-1, 1) rotate(51.42857deg); }
.kaleidoscope.n21 .tile.t8 {
display: block;
-webkit-transform: rotate(68.57143deg);
-moz-transform: rotate(68.57143deg);
-ms-transform: rotate(68.57143deg);
-o-transform: rotate(68.57143deg);
transform: rotate(68.57143deg); }
.kaleidoscope.n21 .tile.t9 {
display: block;
-webkit-transform: scale(-1, 1) rotate(68.57143deg);
-moz-transform: scale(-1, 1) rotate(68.57143deg);
-ms-transform: scale(-1, 1) rotate(68.57143deg);
-o-transform: scale(-1, 1) rotate(68.57143deg);
transform: scale(-1, 1) rotate(68.57143deg); }
.kaleidoscope.n21 .tile.t10 {
display: block;
-webkit-transform: rotate(85.71429deg);
-moz-transform: rotate(85.71429deg);
-ms-transform: rotate(85.71429deg);
-o-transform: rotate(85.71429deg);
transform: rotate(85.71429deg); }
.kaleidoscope.n21 .tile.t11 {
display: block;
-webkit-transform: scale(-1, 1) rotate(85.71429deg);
-moz-transform: scale(-1, 1) rotate(85.71429deg);
-ms-transform: scale(-1, 1) rotate(85.71429deg);
-o-transform: scale(-1, 1) rotate(85.71429deg);
transform: scale(-1, 1) rotate(85.71429deg); }
.kaleidoscope.n21 .tile.t12 {
display: block;
-webkit-transform: rotate(102.85714deg);
-moz-transform: rotate(102.85714deg);
-ms-transform: rotate(102.85714deg);
-o-transform: rotate(102.85714deg);
transform: rotate(102.85714deg); }
.kaleidoscope.n21 .tile.t13 {
display: block;
-webkit-transform: scale(-1, 1) rotate(102.85714deg);
-moz-transform: scale(-1, 1) rotate(102.85714deg);
-ms-transform: scale(-1, 1) rotate(102.85714deg);
-o-transform: scale(-1, 1) rotate(102.85714deg);
transform: scale(-1, 1) rotate(102.85714deg); }
.kaleidoscope.n21 .tile.t14 {
display: block;
-webkit-transform: rotate(120.0deg);
-moz-transform: rotate(120.0deg);
-ms-transform: rotate(120.0deg);
-o-transform: rotate(120.0deg);
transform: rotate(120.0deg); }
.kaleidoscope.n21 .tile.t15 {
display: block;
-webkit-transform: scale(-1, 1) rotate(120.0deg);
-moz-transform: scale(-1, 1) rotate(120.0deg);
-ms-transform: scale(-1, 1) rotate(120.0deg);
-o-transform: scale(-1, 1) rotate(120.0deg);
transform: scale(-1, 1) rotate(120.0deg); }
.kaleidoscope.n21 .tile.t16 {
display: block;
-webkit-transform: rotate(137.14286deg);
-moz-transform: rotate(137.14286deg);
-ms-transform: rotate(137.14286deg);
-o-transform: rotate(137.14286deg);
transform: rotate(137.14286deg); }
.kaleidoscope.n21 .tile.t17 {
display: block;
-webkit-transform: scale(-1, 1) rotate(137.14286deg);
-moz-transform: scale(-1, 1) rotate(137.14286deg);
-ms-transform: scale(-1, 1) rotate(137.14286deg);
-o-transform: scale(-1, 1) rotate(137.14286deg);
transform: scale(-1, 1) rotate(137.14286deg); }
.kaleidoscope.n21 .tile.t18 {
display: block;
-webkit-transform: rotate(154.28571deg);
-moz-transform: rotate(154.28571deg);
-ms-transform: rotate(154.28571deg);
-o-transform: rotate(154.28571deg);
transform: rotate(154.28571deg); }
.kaleidoscope.n21 .tile.t19 {
display: block;
-webkit-transform: scale(-1, 1) rotate(154.28571deg);
-moz-transform: scale(-1, 1) rotate(154.28571deg);
-ms-transform: scale(-1, 1) rotate(154.28571deg);
-o-transform: scale(-1, 1) rotate(154.28571deg);
transform: scale(-1, 1) rotate(154.28571deg); }
.kaleidoscope.n21 .tile.t20 {
display: block;
-webkit-transform: rotate(171.42857deg);
-moz-transform: rotate(171.42857deg);
-ms-transform: rotate(171.42857deg);
-o-transform: rotate(171.42857deg);
transform: rotate(171.42857deg); }
.kaleidoscope.n21 .tile.t21 {
display: block;
-webkit-transform: scale(-1, 1) rotate(171.42857deg);
-moz-transform: scale(-1, 1) rotate(171.42857deg);
-ms-transform: scale(-1, 1) rotate(171.42857deg);
-o-transform: scale(-1, 1) rotate(171.42857deg);
transform: scale(-1, 1) rotate(171.42857deg); }
.kaleidoscope.n21 .tile.t22 {
display: block;
-webkit-transform: rotate(188.57143deg);
-moz-transform: rotate(188.57143deg);
-ms-transform: rotate(188.57143deg);
-o-transform: rotate(188.57143deg);
transform: rotate(188.57143deg); }
.kaleidoscope.n21 .tile.t23 {
display: block;
-webkit-transform: scale(-1, 1) rotate(188.57143deg);
-moz-transform: scale(-1, 1) rotate(188.57143deg);
-ms-transform: scale(-1, 1) rotate(188.57143deg);
-o-transform: scale(-1, 1) rotate(188.57143deg);
transform: scale(-1, 1) rotate(188.57143deg); }
.kaleidoscope.n21 .tile.t24 {
display: block;
-webkit-transform: rotate(205.71429deg);
-moz-transform: rotate(205.71429deg);
-ms-transform: rotate(205.71429deg);
-o-transform: rotate(205.71429deg);
transform: rotate(205.71429deg); }
.kaleidoscope.n21 .tile.t25 {
display: block;
-webkit-transform: scale(-1, 1) rotate(205.71429deg);
-moz-transform: scale(-1, 1) rotate(205.71429deg);
-ms-transform: scale(-1, 1) rotate(205.71429deg);
-o-transform: scale(-1, 1) rotate(205.71429deg);
transform: scale(-1, 1) rotate(205.71429deg); }
.kaleidoscope.n21 .tile.t26 {
display: block;
-webkit-transform: rotate(222.85714deg);
-moz-transform: rotate(222.85714deg);
-ms-transform: rotate(222.85714deg);
-o-transform: rotate(222.85714deg);
transform: rotate(222.85714deg); }
.kaleidoscope.n21 .tile.t27 {
display: block;
-webkit-transform: scale(-1, 1) rotate(222.85714deg);
-moz-transform: scale(-1, 1) rotate(222.85714deg);
-ms-transform: scale(-1, 1) rotate(222.85714deg);
-o-transform: scale(-1, 1) rotate(222.85714deg);
transform: scale(-1, 1) rotate(222.85714deg); }
.kaleidoscope.n21 .tile.t28 {
display: block;
-webkit-transform: rotate(240.0deg);
-moz-transform: rotate(240.0deg);
-ms-transform: rotate(240.0deg);
-o-transform: rotate(240.0deg);
transform: rotate(240.0deg); }
.kaleidoscope.n21 .tile.t29 {
display: block;
-webkit-transform: scale(-1, 1) rotate(240.0deg);
-moz-transform: scale(-1, 1) rotate(240.0deg);
-ms-transform: scale(-1, 1) rotate(240.0deg);
-o-transform: scale(-1, 1) rotate(240.0deg);
transform: scale(-1, 1) rotate(240.0deg); }
.kaleidoscope.n21 .tile.t30 {
display: block;
-webkit-transform: rotate(257.14286deg);
-moz-transform: rotate(257.14286deg);
-ms-transform: rotate(257.14286deg);
-o-transform: rotate(257.14286deg);
transform: rotate(257.14286deg); }
.kaleidoscope.n21 .tile.t31 {
display: block;
-webkit-transform: scale(-1, 1) rotate(257.14286deg);
-moz-transform: scale(-1, 1) rotate(257.14286deg);
-ms-transform: scale(-1, 1) rotate(257.14286deg);
-o-transform: scale(-1, 1) rotate(257.14286deg);
transform: scale(-1, 1) rotate(257.14286deg); }
.kaleidoscope.n21 .tile.t32 {
display: block;
-webkit-transform: rotate(274.28571deg);
-moz-transform: rotate(274.28571deg);
-ms-transform: rotate(274.28571deg);
-o-transform: rotate(274.28571deg);
transform: rotate(274.28571deg); }
.kaleidoscope.n21 .tile.t33 {
display: block;
-webkit-transform: scale(-1, 1) rotate(274.28571deg);
-moz-transform: scale(-1, 1) rotate(274.28571deg);
-ms-transform: scale(-1, 1) rotate(274.28571deg);
-o-transform: scale(-1, 1) rotate(274.28571deg);
transform: scale(-1, 1) rotate(274.28571deg); }
.kaleidoscope.n21 .tile.t34 {
display: block;
-webkit-transform: rotate(291.42857deg);
-moz-transform: rotate(291.42857deg);
-ms-transform: rotate(291.42857deg);
-o-transform: rotate(291.42857deg);
transform: rotate(291.42857deg); }
.kaleidoscope.n21 .tile.t35 {
display: block;
-webkit-transform: scale(-1, 1) rotate(291.42857deg);
-moz-transform: scale(-1, 1) rotate(291.42857deg);
-ms-transform: scale(-1, 1) rotate(291.42857deg);
-o-transform: scale(-1, 1) rotate(291.42857deg);
transform: scale(-1, 1) rotate(291.42857deg); }
.kaleidoscope.n21 .tile.t36 {
display: block;
-webkit-transform: rotate(308.57143deg);
-moz-transform: rotate(308.57143deg);
-ms-transform: rotate(308.57143deg);
-o-transform: rotate(308.57143deg);
transform: rotate(308.57143deg); }
.kaleidoscope.n21 .tile.t37 {
display: block;
-webkit-transform: scale(-1, 1) rotate(308.57143deg);
-moz-transform: scale(-1, 1) rotate(308.57143deg);
-ms-transform: scale(-1, 1) rotate(308.57143deg);
-o-transform: scale(-1, 1) rotate(308.57143deg);
transform: scale(-1, 1) rotate(308.57143deg); }
.kaleidoscope.n21 .tile.t38 {
display: block;
-webkit-transform: rotate(325.71429deg);
-moz-transform: rotate(325.71429deg);
-ms-transform: rotate(325.71429deg);
-o-transform: rotate(325.71429deg);
transform: rotate(325.71429deg); }
.kaleidoscope.n21 .tile.t39 {
display: block;
-webkit-transform: scale(-1, 1) rotate(325.71429deg);
-moz-transform: scale(-1, 1) rotate(325.71429deg);
-ms-transform: scale(-1, 1) rotate(325.71429deg);
-o-transform: scale(-1, 1) rotate(325.71429deg);
transform: scale(-1, 1) rotate(325.71429deg); }
.kaleidoscope.n21 .tile.t40 {
display: block;
-webkit-transform: rotate(342.85714deg);
-moz-transform: rotate(342.85714deg);
-ms-transform: rotate(342.85714deg);
-o-transform: rotate(342.85714deg);
transform: rotate(342.85714deg); }
.kaleidoscope.n21 .tile.t41 {
display: block;
-webkit-transform: scale(-1, 1) rotate(342.85714deg);
-moz-transform: scale(-1, 1) rotate(342.85714deg);
-ms-transform: scale(-1, 1) rotate(342.85714deg);
-o-transform: scale(-1, 1) rotate(342.85714deg);
transform: scale(-1, 1) rotate(342.85714deg); }
.kaleidoscope.n21 .tile .image {
position: relative;
top: 0;
left: 100%;
height: 100%;
width: 100%;
background-image: url(http://3.bp.blogspot.com/-ngRcjH2o1Z8/UDjvxZrbpYI/AAAAAAAABMU/QDFNiStAbZ4/s1600/fractal25.jpg);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transform: rotate(8.57143deg);
-moz-transform: rotate(8.57143deg);
-ms-transform: rotate(8.57143deg);
-o-transform: rotate(8.57143deg);
transform: rotate(8.57143deg); }
.kaleidoscope.n22 .tile.t0 {
display: block;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
.kaleidoscope.n22 .tile.t1 {
display: block;
-webkit-transform: scale(-1, 1) rotate(0deg);
-moz-transform: scale(-1, 1) rotate(0deg);
-ms-transform: scale(-1, 1) rotate(0deg);
-o-transform: scale(-1, 1) rotate(0deg);
transform: scale(-1, 1) rotate(0deg); }
.kaleidoscope.n22 .tile.t2 {
display: block;
-webkit-transform: rotate(16.36364deg);
-moz-transform: rotate(16.36364deg);
-ms-transform: rotate(16.36364deg);
-o-transform: rotate(16.36364deg);
transform: rotate(16.36364deg); }
.kaleidoscope.n22 .tile.t3 {
display: block;
-webkit-transform: scale(-1, 1) rotate(16.36364deg);
-moz-transform: scale(-1, 1) rotate(16.36364deg);
-ms-transform: scale(-1, 1) rotate(16.36364deg);
-o-transform: scale(-1, 1) rotate(16.36364deg);
transform: scale(-1, 1) rotate(16.36364deg); }
.kaleidoscope.n22 .tile.t4 {
display: block;
-webkit-transform: rotate(32.72727deg);
-moz-transform: rotate(32.72727deg);
-ms-transform: rotate(32.72727deg);
-o-transform: rotate(32.72727deg);
transform: rotate(32.72727deg); }
.kaleidoscope.n22 .tile.t5 {
display: block;
-webkit-transform: scale(-1, 1) rotate(32.72727deg);
-moz-transform: scale(-1, 1) rotate(32.72727deg);
-ms-transform: scale(-1, 1) rotate(32.72727deg);
-o-transform: scale(-1, 1) rotate(32.72727deg);
transform: scale(-1, 1) rotate(32.72727deg); }
.kaleidoscope.n22 .tile.t6 {
display: block;
-webkit-transform: rotate(49.09091deg);
-moz-transform: rotate(49.09091deg);
-ms-transform: rotate(49.09091deg);
-o-transform: rotate(49.09091deg);
transform: rotate(49.09091deg); }
.kaleidoscope.n22 .tile.t7 {
display: block;
-webkit-transform: scale(-1, 1) rotate(49.09091deg);
-moz-transform: scale(-1, 1) rotate(49.09091deg);
-ms-transform: scale(-1, 1) rotate(49.09091deg);
-o-transform: scale(-1, 1) rotate(49.09091deg);
transform: scale(-1, 1) rotate(49.09091deg); }
.kaleidoscope.n22 .tile.t8 {
display: block;
-webkit-transform: rotate(65.45455deg);
-moz-transform: rotate(65.45455deg);
-ms-transform: rotate(65.45455deg);
-o-transform: rotate(65.45455deg);
transform: rotate(65.45455deg); }
.kaleidoscope.n22 .tile.t9 {
display: block;
-webkit-transform: scale(-1, 1) rotate(65.45455deg);
-moz-transform: scale(-1, 1) rotate(65.45455deg);
-ms-transform: scale(-1, 1) rotate(65.45455deg);
-o-transform: scale(-1, 1) rotate(65.45455deg);
transform: scale(-1, 1) rotate(65.45455deg); }
.kaleidoscope.n22 .tile.t10 {
display: block;
-webkit-transform: rotate(81.81818deg);
-moz-transform: rotate(81.81818deg);
-ms-transform: rotate(81.81818deg);
-o-transform: rotate(81.81818deg);
transform: rotate(81.81818deg); }
.kaleidoscope.n22 .tile.t11 {
display: block;
-webkit-transform: scale(-1, 1) rotate(81.81818deg);
-moz-transform: scale(-1, 1) rotate(81.81818deg);
-ms-transform: scale(-1, 1) rotate(81.81818deg);
-o-transform: scale(-1, 1) rotate(81.81818deg);
transform: scale(-1, 1) rotate(81.81818deg); }
.kaleidoscope.n22 .tile.t12 {
display: block;
-webkit-transform: rotate(98.18182deg);
-moz-transform: rotate(98.18182deg);
-ms-transform: rotate(98.18182deg);
-o-transform: rotate(98.18182deg);
transform: rotate(98.18182deg); }
.kaleidoscope.n22 .tile.t13 {
display: block;
-webkit-transform: scale(-1, 1) rotate(98.18182deg);
-moz-transform: scale(-1, 1) rotate(98.18182deg);
-ms-transform: scale(-1, 1) rotate(98.18182deg);
-o-transform: scale(-1, 1) rotate(98.18182deg);
transform: scale(-1, 1) rotate(98.18182deg); }
.kaleidoscope.n22 .tile.t14 {
display: block;
-webkit-transform: rotate(114.54545deg);
-moz-transform: rotate(114.54545deg);
-ms-transform: rotate(114.54545deg);
-o-transform: rotate(114.54545deg);
transform: rotate(114.54545deg); }
.kaleidoscope.n22 .tile.t15 {
display: block;
-webkit-transform: scale(-1, 1) rotate(114.54545deg);
-moz-transform: scale(-1, 1) rotate(114.54545deg);
-ms-transform: scale(-1, 1) rotate(114.54545deg);
-o-transform: scale(-1, 1) rotate(114.54545deg);
transform: scale(-1, 1) rotate(114.54545deg); }
.kaleidoscope.n22 .tile.t16 {
display: block;
-webkit-transform: rotate(130.90909deg);
-moz-transform: rotate(130.90909deg);
-ms-transform: rotate(130.90909deg);
-o-transform: rotate(130.90909deg);
transform: rotate(130.90909deg); }
.kaleidoscope.n22 .tile.t17 {
display: block;
-webkit-transform: scale(-1, 1) rotate(130.90909deg);
-moz-transform: scale(-1, 1) rotate(130.90909deg);
-ms-transform: scale(-1, 1) rotate(130.90909deg);
-o-transform: scale(-1, 1) rotate(130.90909deg);
transform: scale(-1, 1) rotate(130.90909deg); }
.kaleidoscope.n22 .tile.t18 {
display: block;
-webkit-transform: rotate(147.27273deg);
-moz-transform: rotate(147.27273deg);
-ms-transform: rotate(147.27273deg);
-o-transform: rotate(147.27273deg);
transform: rotate(147.27273deg); }
.kaleidoscope.n22 .tile.t19 {
display: block;
-webkit-transform: scale(-1, 1) rotate(147.27273deg);
-moz-transform: scale(-1, 1) rotate(147.27273deg);
-ms-transform: scale(-1, 1) rotate(147.27273deg);
-o-transform: scale(-1, 1) rotate(147.27273deg);
transform: scale(-1, 1) rotate(147.27273deg); }
.kaleidoscope.n22 .tile.t20 {
display: block;
-webkit-transform: rotate(163.63636deg);
-moz-transform: rotate(163.63636deg);
-ms-transform: rotate(163.63636deg);
-o-transform: rotate(163.63636deg);
transform: rotate(163.63636deg); }
.kaleidoscope.n22 .tile.t21 {
display: block;
-webkit-transform: scale(-1, 1) rotate(163.63636deg);
-moz-transform: scale(-1, 1) rotate(163.63636deg);
-ms-transform: scale(-1, 1) rotate(163.63636deg);
-o-transform: scale(-1, 1) rotate(163.63636deg);
transform: scale(-1, 1) rotate(163.63636deg); }
.kaleidoscope.n22 .tile.t22 {
display: block;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg); }
.kaleidoscope.n22 .tile.t23 {
display: block;
-webkit-transform: scale(-1, 1) rotate(180deg);
-moz-transform: scale(-1, 1) rotate(180deg);
-ms-transform: scale(-1, 1) rotate(180deg);
-o-transform: scale(-1, 1) rotate(180deg);
transform: scale(-1, 1) rotate(180deg); }
.kaleidoscope.n22 .tile.t24 {
display: block;
-webkit-transform: rotate(196.36364deg);
-moz-transform: rotate(196.36364deg);
-ms-transform: rotate(196.36364deg);
-o-transform: rotate(196.36364deg);
transform: rotate(196.36364deg); }
.kaleidoscope.n22 .tile.t25 {
display: block;
-webkit-transform: scale(-1, 1) rotate(196.36364deg);
-moz-transform: scale(-1, 1) rotate(196.36364deg);
-ms-transform: scale(-1, 1) rotate(196.36364deg);
-o-transform: scale(-1, 1) rotate(196.36364deg);
transform: scale(-1, 1) rotate(196.36364deg); }
.kaleidoscope.n22 .tile.t26 {
display: block;
-webkit-transform: rotate(212.72727deg);
-moz-transform: rotate(212.72727deg);
-ms-transform: rotate(212.72727deg);
-o-transform: rotate(212.72727deg);
transform: rotate(212.72727deg); }
.kaleidoscope.n22 .tile.t27 {
display: block;
-webkit-transform: scale(-1, 1) rotate(212.72727deg);
-moz-transform: scale(-1, 1) rotate(212.72727deg);
-ms-transform: scale(-1, 1) rotate(212.72727deg);
-o-transform: scale(-1, 1) rotate(212.72727deg);
transform: scale(-1, 1) rotate(212.72727deg); }
.kaleidoscope.n22 .tile.t28 {
display: block;
-webkit-transform: rotate(229.09091deg);
-moz-transform: rotate(229.09091deg);
-ms-transform: rotate(229.09091deg);
-o-transform: rotate(229.09091deg);
transform: rotate(229.09091deg); }
.kaleidoscope.n22 .tile.t29 {
display: block;
-webkit-transform: scale(-1, 1) rotate(229.09091deg);
-moz-transform: scale(-1, 1) rotate(229.09091deg);
-ms-transform: scale(-1, 1) rotate(229.09091deg);
-o-transform: scale(-1, 1) rotate(229.09091deg);
transform: scale(-1, 1) rotate(229.09091deg); }
.kaleidoscope.n22 .tile.t30 {
display: block;
-webkit-transform: rotate(245.45455deg);
-moz-transform: rotate(245.45455deg);
-ms-transform: rotate(245.45455deg);
-o-transform: rotate(245.45455deg);
transform: rotate(245.45455deg); }
.kaleidoscope.n22 .tile.t31 {
display: block;
-webkit-transform: scale(-1, 1) rotate(245.45455deg);
-moz-transform: scale(-1, 1) rotate(245.45455deg);
-ms-transform: scale(-1, 1) rotate(245.45455deg);
-o-transform: scale(-1, 1) rotate(245.45455deg);
transform: scale(-1, 1) rotate(245.45455deg); }
.kaleidoscope.n22 .tile.t32 {
display: block;
-webkit-transform: rotate(261.81818deg);
-moz-transform: rotate(261.81818deg);
-ms-transform: rotate(261.81818deg);
-o-transform: rotate(261.81818deg);
transform: rotate(261.81818deg); }
.kaleidoscope.n22 .tile.t33 {
display: block;
-webkit-transform: scale(-1, 1) rotate(261.81818deg);
-moz-transform: scale(-1, 1) rotate(261.81818deg);
-ms-transform: scale(-1, 1) rotate(261.81818deg);
-o-transform: scale(-1, 1) rotate(261.81818deg);
transform: scale(-1, 1) rotate(261.81818deg); }
.kaleidoscope.n22 .tile.t34 {
display: block;
-webkit-transform: rotate(278.18182deg);
-moz-transform: rotate(278.18182deg);
-ms-transform: rotate(278.18182deg);
-o-transform: rotate(278.18182deg);
transform: rotate(278.18182deg); }
.kaleidoscope.n22 .tile.t35 {
display: block;
-webkit-transform: scale(-1, 1) rotate(278.18182deg);
-moz-transform: scale(-1, 1) rotate(278.18182deg);
-ms-transform: scale(-1, 1) rotate(278.18182deg);
-o-transform: scale(-1, 1) rotate(278.18182deg);
transform: scale(-1, 1) rotate(278.18182deg); }
.kaleidoscope.n22 .tile.t36 {
display: block;
-webkit-transform: rotate(294.54545deg);
-moz-transform: rotate(294.54545deg);
-ms-transform: rotate(294.54545deg);
-o-transform: rotate(294.54545deg);
transform: rotate(294.54545deg); }
.kaleidoscope.n22 .tile.t37 {
display: block;
-webkit-transform: scale(-1, 1) rotate(294.54545deg);
-moz-transform: scale(-1, 1) rotate(294.54545deg);
-ms-transform: scale(-1, 1) rotate(294.54545deg);
-o-transform: scale(-1, 1) rotate(294.54545deg);
transform: scale(-1, 1) rotate(294.54545deg); }
.kaleidoscope.n22 .tile.t38 {
display: block;
-webkit-transform: rotate(310.90909deg);
-moz-transform: rotate(310.90909deg);
-ms-transform: rotate(310.90909deg);
-o-transform: rotate(310.90909deg);
transform: rotate(310.90909deg); }
.kaleidoscope.n22 .tile.t39 {
display: block;
-webkit-transform: scale(-1, 1) rotate(310.90909deg);
-moz-transform: scale(-1, 1) rotate(310.90909deg);
-ms-transform: scale(-1, 1) rotate(310.90909deg);
-o-transform: scale(-1, 1) rotate(310.90909deg);
transform: scale(-1, 1) rotate(310.90909deg); }
.kaleidoscope.n22 .tile.t40 {
display: block;
-webkit-transform: rotate(327.27273deg);
-moz-transform: rotate(327.27273deg);
-ms-transform: rotate(327.27273deg);
-o-transform: rotate(327.27273deg);
transform: rotate(327.27273deg); }
.kaleidoscope.n22 .tile.t41 {
display: block;
-webkit-transform: scale(-1, 1) rotate(327.27273deg);
-moz-transform: scale(-1, 1) rotate(327.27273deg);
-ms-transform: scale(-1, 1) rotate(327.27273deg);
-o-transform: scale(-1, 1) rotate(327.27273deg);
transform: scale(-1, 1) rotate(327.27273deg); }
.kaleidoscope.n22 .tile.t42 {
display: block;
-webkit-transform: rotate(343.63636deg);
-moz-transform: rotate(343.63636deg);
-ms-transform: rotate(343.63636deg);
-o-transform: rotate(343.63636deg);
transform: rotate(343.63636deg); }
.kaleidoscope.n22 .tile.t43 {
display: block;
-webkit-transform: scale(-1, 1) rotate(343.63636deg);
-moz-transform: scale(-1, 1) rotate(343.63636deg);
-ms-transform: scale(-1, 1) rotate(343.63636deg);
-o-transform: scale(-1, 1) rotate(343.63636deg);
transform: scale(-1, 1) rotate(343.63636deg); }
.kaleidoscope.n22 .tile .image {
position: relative;
top: 0;
left: 100%;
height: 100%;
width: 100%;
background-image: url(http://3.bp.blogspot.com/-ngRcjH2o1Z8/UDjvxZrbpYI/AAAAAAAABMU/QDFNiStAbZ4/s1600/fractal25.jpg);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transform: rotate(8.18182deg);
-moz-transform: rotate(8.18182deg);
-ms-transform: rotate(8.18182deg);
-o-transform: rotate(8.18182deg);
transform: rotate(8.18182deg); }
.kaleidoscope.n23 .tile.t0 {
display: block;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
.kaleidoscope.n23 .tile.t1 {
display: block;
-webkit-transform: scale(-1, 1) rotate(0deg);
-moz-transform: scale(-1, 1) rotate(0deg);
-ms-transform: scale(-1, 1) rotate(0deg);
-o-transform: scale(-1, 1) rotate(0deg);
transform: scale(-1, 1) rotate(0deg); }
.kaleidoscope.n23 .tile.t2 {
display: block;
-webkit-transform: rotate(15.65217deg);
-moz-transform: rotate(15.65217deg);
-ms-transform: rotate(15.65217deg);
-o-transform: rotate(15.65217deg);
transform: rotate(15.65217deg); }
.kaleidoscope.n23 .tile.t3 {
display: block;
-webkit-transform: scale(-1, 1) rotate(15.65217deg);
-moz-transform: scale(-1, 1) rotate(15.65217deg);
-ms-transform: scale(-1, 1) rotate(15.65217deg);
-o-transform: scale(-1, 1) rotate(15.65217deg);
transform: scale(-1, 1) rotate(15.65217deg); }
.kaleidoscope.n23 .tile.t4 {
display: block;
-webkit-transform: rotate(31.30435deg);
-moz-transform: rotate(31.30435deg);
-ms-transform: rotate(31.30435deg);
-o-transform: rotate(31.30435deg);
transform: rotate(31.30435deg); }
.kaleidoscope.n23 .tile.t5 {
display: block;
-webkit-transform: scale(-1, 1) rotate(31.30435deg);
-moz-transform: scale(-1, 1) rotate(31.30435deg);
-ms-transform: scale(-1, 1) rotate(31.30435deg);
-o-transform: scale(-1, 1) rotate(31.30435deg);
transform: scale(-1, 1) rotate(31.30435deg); }
.kaleidoscope.n23 .tile.t6 {
display: block;
-webkit-transform: rotate(46.95652deg);
-moz-transform: rotate(46.95652deg);
-ms-transform: rotate(46.95652deg);
-o-transform: rotate(46.95652deg);
transform: rotate(46.95652deg); }
.kaleidoscope.n23 .tile.t7 {
display: block;
-webkit-transform: scale(-1, 1) rotate(46.95652deg);
-moz-transform: scale(-1, 1) rotate(46.95652deg);
-ms-transform: scale(-1, 1) rotate(46.95652deg);
-o-transform: scale(-1, 1) rotate(46.95652deg);
transform: scale(-1, 1) rotate(46.95652deg); }
.kaleidoscope.n23 .tile.t8 {
display: block;
-webkit-transform: rotate(62.6087deg);
-moz-transform: rotate(62.6087deg);
-ms-transform: rotate(62.6087deg);
-o-transform: rotate(62.6087deg);
transform: rotate(62.6087deg); }
.kaleidoscope.n23 .tile.t9 {
display: block;
-webkit-transform: scale(-1, 1) rotate(62.6087deg);
-moz-transform: scale(-1, 1) rotate(62.6087deg);
-ms-transform: scale(-1, 1) rotate(62.6087deg);
-o-transform: scale(-1, 1) rotate(62.6087deg);
transform: scale(-1, 1) rotate(62.6087deg); }
.kaleidoscope.n23 .tile.t10 {
display: block;
-webkit-transform: rotate(78.26087deg);
-moz-transform: rotate(78.26087deg);
-ms-transform: rotate(78.26087deg);
-o-transform: rotate(78.26087deg);
transform: rotate(78.26087deg); }
.kaleidoscope.n23 .tile.t11 {
display: block;
-webkit-transform: scale(-1, 1) rotate(78.26087deg);
-moz-transform: scale(-1, 1) rotate(78.26087deg);
-ms-transform: scale(-1, 1) rotate(78.26087deg);
-o-transform: scale(-1, 1) rotate(78.26087deg);
transform: scale(-1, 1) rotate(78.26087deg); }
.kaleidoscope.n23 .tile.t12 {
display: block;
-webkit-transform: rotate(93.91304deg);
-moz-transform: rotate(93.91304deg);
-ms-transform: rotate(93.91304deg);
-o-transform: rotate(93.91304deg);
transform: rotate(93.91304deg); }
.kaleidoscope.n23 .tile.t13 {
display: block;
-webkit-transform: scale(-1, 1) rotate(93.91304deg);
-moz-transform: scale(-1, 1) rotate(93.91304deg);
-ms-transform: scale(-1, 1) rotate(93.91304deg);
-o-transform: scale(-1, 1) rotate(93.91304deg);
transform: scale(-1, 1) rotate(93.91304deg); }
.kaleidoscope.n23 .tile.t14 {
display: block;
-webkit-transform: rotate(109.56522deg);
-moz-transform: rotate(109.56522deg);
-ms-transform: rotate(109.56522deg);
-o-transform: rotate(109.56522deg);
transform: rotate(109.56522deg); }
.kaleidoscope.n23 .tile.t15 {
display: block;
-webkit-transform: scale(-1, 1) rotate(109.56522deg);
-moz-transform: scale(-1, 1) rotate(109.56522deg);
-ms-transform: scale(-1, 1) rotate(109.56522deg);
-o-transform: scale(-1, 1) rotate(109.56522deg);
transform: scale(-1, 1) rotate(109.56522deg); }
.kaleidoscope.n23 .tile.t16 {
display: block;
-webkit-transform: rotate(125.21739deg);
-moz-transform: rotate(125.21739deg);
-ms-transform: rotate(125.21739deg);
-o-transform: rotate(125.21739deg);
transform: rotate(125.21739deg); }
.kaleidoscope.n23 .tile.t17 {
display: block;
-webkit-transform: scale(-1, 1) rotate(125.21739deg);
-moz-transform: scale(-1, 1) rotate(125.21739deg);
-ms-transform: scale(-1, 1) rotate(125.21739deg);
-o-transform: scale(-1, 1) rotate(125.21739deg);
transform: scale(-1, 1) rotate(125.21739deg); }
.kaleidoscope.n23 .tile.t18 {
display: block;
-webkit-transform: rotate(140.86957deg);
-moz-transform: rotate(140.86957deg);
-ms-transform: rotate(140.86957deg);
-o-transform: rotate(140.86957deg);
transform: rotate(140.86957deg); }
.kaleidoscope.n23 .tile.t19 {
display: block;
-webkit-transform: scale(-1, 1) rotate(140.86957deg);
-moz-transform: scale(-1, 1) rotate(140.86957deg);
-ms-transform: scale(-1, 1) rotate(140.86957deg);
-o-transform: scale(-1, 1) rotate(140.86957deg);
transform: scale(-1, 1) rotate(140.86957deg); }
.kaleidoscope.n23 .tile.t20 {
display: block;
-webkit-transform: rotate(156.52174deg);
-moz-transform: rotate(156.52174deg);
-ms-transform: rotate(156.52174deg);
-o-transform: rotate(156.52174deg);
transform: rotate(156.52174deg); }
.kaleidoscope.n23 .tile.t21 {
display: block;
-webkit-transform: scale(-1, 1) rotate(156.52174deg);
-moz-transform: scale(-1, 1) rotate(156.52174deg);
-ms-transform: scale(-1, 1) rotate(156.52174deg);
-o-transform: scale(-1, 1) rotate(156.52174deg);
transform: scale(-1, 1) rotate(156.52174deg); }
.kaleidoscope.n23 .tile.t22 {
display: block;
-webkit-transform: rotate(172.17391deg);
-moz-transform: rotate(172.17391deg);
-ms-transform: rotate(172.17391deg);
-o-transform: rotate(172.17391deg);
transform: rotate(172.17391deg); }
.kaleidoscope.n23 .tile.t23 {
display: block;
-webkit-transform: scale(-1, 1) rotate(172.17391deg);
-moz-transform: scale(-1, 1) rotate(172.17391deg);
-ms-transform: scale(-1, 1) rotate(172.17391deg);
-o-transform: scale(-1, 1) rotate(172.17391deg);
transform: scale(-1, 1) rotate(172.17391deg); }
.kaleidoscope.n23 .tile.t24 {
display: block;
-webkit-transform: rotate(187.82609deg);
-moz-transform: rotate(187.82609deg);
-ms-transform: rotate(187.82609deg);
-o-transform: rotate(187.82609deg);
transform: rotate(187.82609deg); }
.kaleidoscope.n23 .tile.t25 {
display: block;
-webkit-transform: scale(-1, 1) rotate(187.82609deg);
-moz-transform: scale(-1, 1) rotate(187.82609deg);
-ms-transform: scale(-1, 1) rotate(187.82609deg);
-o-transform: scale(-1, 1) rotate(187.82609deg);
transform: scale(-1, 1) rotate(187.82609deg); }
.kaleidoscope.n23 .tile.t26 {
display: block;
-webkit-transform: rotate(203.47826deg);
-moz-transform: rotate(203.47826deg);
-ms-transform: rotate(203.47826deg);
-o-transform: rotate(203.47826deg);
transform: rotate(203.47826deg); }
.kaleidoscope.n23 .tile.t27 {
display: block;
-webkit-transform: scale(-1, 1) rotate(203.47826deg);
-moz-transform: scale(-1, 1) rotate(203.47826deg);
-ms-transform: scale(-1, 1) rotate(203.47826deg);
-o-transform: scale(-1, 1) rotate(203.47826deg);
transform: scale(-1, 1) rotate(203.47826deg); }
.kaleidoscope.n23 .tile.t28 {
display: block;
-webkit-transform: rotate(219.13043deg);
-moz-transform: rotate(219.13043deg);
-ms-transform: rotate(219.13043deg);
-o-transform: rotate(219.13043deg);
transform: rotate(219.13043deg); }
.kaleidoscope.n23 .tile.t29 {
display: block;
-webkit-transform: scale(-1, 1) rotate(219.13043deg);
-moz-transform: scale(-1, 1) rotate(219.13043deg);
-ms-transform: scale(-1, 1) rotate(219.13043deg);
-o-transform: scale(-1, 1) rotate(219.13043deg);
transform: scale(-1, 1) rotate(219.13043deg); }
.kaleidoscope.n23 .tile.t30 {
display: block;
-webkit-transform: rotate(234.78261deg);
-moz-transform: rotate(234.78261deg);
-ms-transform: rotate(234.78261deg);
-o-transform: rotate(234.78261deg);
transform: rotate(234.78261deg); }
.kaleidoscope.n23 .tile.t31 {
display: block;
-webkit-transform: scale(-1, 1) rotate(234.78261deg);
-moz-transform: scale(-1, 1) rotate(234.78261deg);
-ms-transform: scale(-1, 1) rotate(234.78261deg);
-o-transform: scale(-1, 1) rotate(234.78261deg);
transform: scale(-1, 1) rotate(234.78261deg); }
.kaleidoscope.n23 .tile.t32 {
display: block;
-webkit-transform: rotate(250.43478deg);
-moz-transform: rotate(250.43478deg);
-ms-transform: rotate(250.43478deg);
-o-transform: rotate(250.43478deg);
transform: rotate(250.43478deg); }
.kaleidoscope.n23 .tile.t33 {
display: block;
-webkit-transform: scale(-1, 1) rotate(250.43478deg);
-moz-transform: scale(-1, 1) rotate(250.43478deg);
-ms-transform: scale(-1, 1) rotate(250.43478deg);
-o-transform: scale(-1, 1) rotate(250.43478deg);
transform: scale(-1, 1) rotate(250.43478deg); }
.kaleidoscope.n23 .tile.t34 {
display: block;
-webkit-transform: rotate(266.08696deg);
-moz-transform: rotate(266.08696deg);
-ms-transform: rotate(266.08696deg);
-o-transform: rotate(266.08696deg);
transform: rotate(266.08696deg); }
.kaleidoscope.n23 .tile.t35 {
display: block;
-webkit-transform: scale(-1, 1) rotate(266.08696deg);
-moz-transform: scale(-1, 1) rotate(266.08696deg);
-ms-transform: scale(-1, 1) rotate(266.08696deg);
-o-transform: scale(-1, 1) rotate(266.08696deg);
transform: scale(-1, 1) rotate(266.08696deg); }
.kaleidoscope.n23 .tile.t36 {
display: block;
-webkit-transform: rotate(281.73913deg);
-moz-transform: rotate(281.73913deg);
-ms-transform: rotate(281.73913deg);
-o-transform: rotate(281.73913deg);
transform: rotate(281.73913deg); }
.kaleidoscope.n23 .tile.t37 {
display: block;
-webkit-transform: scale(-1, 1) rotate(281.73913deg);
-moz-transform: scale(-1, 1) rotate(281.73913deg);
-ms-transform: scale(-1, 1) rotate(281.73913deg);
-o-transform: scale(-1, 1) rotate(281.73913deg);
transform: scale(-1, 1) rotate(281.73913deg); }
.kaleidoscope.n23 .tile.t38 {
display: block;
-webkit-transform: rotate(297.3913deg);
-moz-transform: rotate(297.3913deg);
-ms-transform: rotate(297.3913deg);
-o-transform: rotate(297.3913deg);
transform: rotate(297.3913deg); }
.kaleidoscope.n23 .tile.t39 {
display: block;
-webkit-transform: scale(-1, 1) rotate(297.3913deg);
-moz-transform: scale(-1, 1) rotate(297.3913deg);
-ms-transform: scale(-1, 1) rotate(297.3913deg);
-o-transform: scale(-1, 1) rotate(297.3913deg);
transform: scale(-1, 1) rotate(297.3913deg); }
.kaleidoscope.n23 .tile.t40 {
display: block;
-webkit-transform: rotate(313.04348deg);
-moz-transform: rotate(313.04348deg);
-ms-transform: rotate(313.04348deg);
-o-transform: rotate(313.04348deg);
transform: rotate(313.04348deg); }
.kaleidoscope.n23 .tile.t41 {
display: block;
-webkit-transform: scale(-1, 1) rotate(313.04348deg);
-moz-transform: scale(-1, 1) rotate(313.04348deg);
-ms-transform: scale(-1, 1) rotate(313.04348deg);
-o-transform: scale(-1, 1) rotate(313.04348deg);
transform: scale(-1, 1) rotate(313.04348deg); }
.kaleidoscope.n23 .tile.t42 {
display: block;
-webkit-transform: rotate(328.69565deg);
-moz-transform: rotate(328.69565deg);
-ms-transform: rotate(328.69565deg);
-o-transform: rotate(328.69565deg);
transform: rotate(328.69565deg); }
.kaleidoscope.n23 .tile.t43 {
display: block;
-webkit-transform: scale(-1, 1) rotate(328.69565deg);
-moz-transform: scale(-1, 1) rotate(328.69565deg);
-ms-transform: scale(-1, 1) rotate(328.69565deg);
-o-transform: scale(-1, 1) rotate(328.69565deg);
transform: scale(-1, 1) rotate(328.69565deg); }
.kaleidoscope.n23 .tile.t44 {
display: block;
-webkit-transform: rotate(344.34783deg);
-moz-transform: rotate(344.34783deg);
-ms-transform: rotate(344.34783deg);
-o-transform: rotate(344.34783deg);
transform: rotate(344.34783deg); }
.kaleidoscope.n23 .tile.t45 {
display: block;
-webkit-transform: scale(-1, 1) rotate(344.34783deg);
-moz-transform: scale(-1, 1) rotate(344.34783deg);
-ms-transform: scale(-1, 1) rotate(344.34783deg);
-o-transform: scale(-1, 1) rotate(344.34783deg);
transform: scale(-1, 1) rotate(344.34783deg); }
.kaleidoscope.n23 .tile .image {
position: relative;
top: 0;
left: 100%;
height: 100%;
width: 100%;
background-image: url(http://3.bp.blogspot.com/-ngRcjH2o1Z8/UDjvxZrbpYI/AAAAAAAABMU/QDFNiStAbZ4/s1600/fractal25.jpg);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transform: rotate(7.82609deg);
-moz-transform: rotate(7.82609deg);
-ms-transform: rotate(7.82609deg);
-o-transform: rotate(7.82609deg);
transform: rotate(7.82609deg); }
.kaleidoscope.n24 .tile.t0 {
display: block;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
.kaleidoscope.n24 .tile.t1 {
display: block;
-webkit-transform: scale(-1, 1) rotate(0deg);
-moz-transform: scale(-1, 1) rotate(0deg);
-ms-transform: scale(-1, 1) rotate(0deg);
-o-transform: scale(-1, 1) rotate(0deg);
transform: scale(-1, 1) rotate(0deg); }
.kaleidoscope.n24 .tile.t2 {
display: block;
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-o-transform: rotate(15deg);
transform: rotate(15deg); }
.kaleidoscope.n24 .tile.t3 {
display: block;
-webkit-transform: scale(-1, 1) rotate(15deg);
-moz-transform: scale(-1, 1) rotate(15deg);
-ms-transform: scale(-1, 1) rotate(15deg);
-o-transform: scale(-1, 1) rotate(15deg);
transform: scale(-1, 1) rotate(15deg); }
.kaleidoscope.n24 .tile.t4 {
display: block;
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-ms-transform: rotate(30deg);
-o-transform: rotate(30deg);
transform: rotate(30deg); }
.kaleidoscope.n24 .tile.t5 {
display: block;
-webkit-transform: scale(-1, 1) rotate(30deg);
-moz-transform: scale(-1, 1) rotate(30deg);
-ms-transform: scale(-1, 1) rotate(30deg);
-o-transform: scale(-1, 1) rotate(30deg);
transform: scale(-1, 1) rotate(30deg); }
.kaleidoscope.n24 .tile.t6 {
display: block;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.kaleidoscope.n24 .tile.t7 {
display: block;
-webkit-transform: scale(-1, 1) rotate(45deg);
-moz-transform: scale(-1, 1) rotate(45deg);
-ms-transform: scale(-1, 1) rotate(45deg);
-o-transform: scale(-1, 1) rotate(45deg);
transform: scale(-1, 1) rotate(45deg); }
.kaleidoscope.n24 .tile.t8 {
display: block;
-webkit-transform: rotate(60deg);
-moz-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-o-transform: rotate(60deg);
transform: rotate(60deg); }
.kaleidoscope.n24 .tile.t9 {
display: block;
-webkit-transform: scale(-1, 1) rotate(60deg);
-moz-transform: scale(-1, 1) rotate(60deg);
-ms-transform: scale(-1, 1) rotate(60deg);
-o-transform: scale(-1, 1) rotate(60deg);
transform: scale(-1, 1) rotate(60deg); }
.kaleidoscope.n24 .tile.t10 {
display: block;
-webkit-transform: rotate(75deg);
-moz-transform: rotate(75deg);
-ms-transform: rotate(75deg);
-o-transform: rotate(75deg);
transform: rotate(75deg); }
.kaleidoscope.n24 .tile.t11 {
display: block;
-webkit-transform: scale(-1, 1) rotate(75deg);
-moz-transform: scale(-1, 1) rotate(75deg);
-ms-transform: scale(-1, 1) rotate(75deg);
-o-transform: scale(-1, 1) rotate(75deg);
transform: scale(-1, 1) rotate(75deg); }
.kaleidoscope.n24 .tile.t12 {
display: block;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg); }
.kaleidoscope.n24 .tile.t13 {
display: block;
-webkit-transform: scale(-1, 1) rotate(90deg);
-moz-transform: scale(-1, 1) rotate(90deg);
-ms-transform: scale(-1, 1) rotate(90deg);
-o-transform: scale(-1, 1) rotate(90deg);
transform: scale(-1, 1) rotate(90deg); }
.kaleidoscope.n24 .tile.t14 {
display: block;
-webkit-transform: rotate(105deg);
-moz-transform: rotate(105deg);
-ms-transform: rotate(105deg);
-o-transform: rotate(105deg);
transform: rotate(105deg); }
.kaleidoscope.n24 .tile.t15 {
display: block;
-webkit-transform: scale(-1, 1) rotate(105deg);
-moz-transform: scale(-1, 1) rotate(105deg);
-ms-transform: scale(-1, 1) rotate(105deg);
-o-transform: scale(-1, 1) rotate(105deg);
transform: scale(-1, 1) rotate(105deg); }
.kaleidoscope.n24 .tile.t16 {
display: block;
-webkit-transform: rotate(120deg);
-moz-transform: rotate(120deg);
-ms-transform: rotate(120deg);
-o-transform: rotate(120deg);
transform: rotate(120deg); }
.kaleidoscope.n24 .tile.t17 {
display: block;
-webkit-transform: scale(-1, 1) rotate(120deg);
-moz-transform: scale(-1, 1) rotate(120deg);
-ms-transform: scale(-1, 1) rotate(120deg);
-o-transform: scale(-1, 1) rotate(120deg);
transform: scale(-1, 1) rotate(120deg); }
.kaleidoscope.n24 .tile.t18 {
display: block;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg); }
.kaleidoscope.n24 .tile.t19 {
display: block;
-webkit-transform: scale(-1, 1) rotate(135deg);
-moz-transform: scale(-1, 1) rotate(135deg);
-ms-transform: scale(-1, 1) rotate(135deg);
-o-transform: scale(-1, 1) rotate(135deg);
transform: scale(-1, 1) rotate(135deg); }
.kaleidoscope.n24 .tile.t20 {
display: block;
-webkit-transform: rotate(150deg);
-moz-transform: rotate(150deg);
-ms-transform: rotate(150deg);
-o-transform: rotate(150deg);
transform: rotate(150deg); }
.kaleidoscope.n24 .tile.t21 {
display: block;
-webkit-transform: scale(-1, 1) rotate(150deg);
-moz-transform: scale(-1, 1) rotate(150deg);
-ms-transform: scale(-1, 1) rotate(150deg);
-o-transform: scale(-1, 1) rotate(150deg);
transform: scale(-1, 1) rotate(150deg); }
.kaleidoscope.n24 .tile.t22 {
display: block;
-webkit-transform: rotate(165deg);
-moz-transform: rotate(165deg);
-ms-transform: rotate(165deg);
-o-transform: rotate(165deg);
transform: rotate(165deg); }
.kaleidoscope.n24 .tile.t23 {
display: block;
-webkit-transform: scale(-1, 1) rotate(165deg);
-moz-transform: scale(-1, 1) rotate(165deg);
-ms-transform: scale(-1, 1) rotate(165deg);
-o-transform: scale(-1, 1) rotate(165deg);
transform: scale(-1, 1) rotate(165deg); }
.kaleidoscope.n24 .tile.t24 {
display: block;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg); }
.kaleidoscope.n24 .tile.t25 {
display: block;
-webkit-transform: scale(-1, 1) rotate(180deg);
-moz-transform: scale(-1, 1) rotate(180deg);
-ms-transform: scale(-1, 1) rotate(180deg);
-o-transform: scale(-1, 1) rotate(180deg);
transform: scale(-1, 1) rotate(180deg); }
.kaleidoscope.n24 .tile.t26 {
display: block;
-webkit-transform: rotate(195deg);
-moz-transform: rotate(195deg);
-ms-transform: rotate(195deg);
-o-transform: rotate(195deg);
transform: rotate(195deg); }
.kaleidoscope.n24 .tile.t27 {
display: block;
-webkit-transform: scale(-1, 1) rotate(195deg);
-moz-transform: scale(-1, 1) rotate(195deg);
-ms-transform: scale(-1, 1) rotate(195deg);
-o-transform: scale(-1, 1) rotate(195deg);
transform: scale(-1, 1) rotate(195deg); }
.kaleidoscope.n24 .tile.t28 {
display: block;
-webkit-transform: rotate(210deg);
-moz-transform: rotate(210deg);
-ms-transform: rotate(210deg);
-o-transform: rotate(210deg);
transform: rotate(210deg); }
.kaleidoscope.n24 .tile.t29 {
display: block;
-webkit-transform: scale(-1, 1) rotate(210deg);
-moz-transform: scale(-1, 1) rotate(210deg);
-ms-transform: scale(-1, 1) rotate(210deg);
-o-transform: scale(-1, 1) rotate(210deg);
transform: scale(-1, 1) rotate(210deg); }
.kaleidoscope.n24 .tile.t30 {
display: block;
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-o-transform: rotate(225deg);
transform: rotate(225deg); }
.kaleidoscope.n24 .tile.t31 {
display: block;
-webkit-transform: scale(-1, 1) rotate(225deg);
-moz-transform: scale(-1, 1) rotate(225deg);
-ms-transform: scale(-1, 1) rotate(225deg);
-o-transform: scale(-1, 1) rotate(225deg);
transform: scale(-1, 1) rotate(225deg); }
.kaleidoscope.n24 .tile.t32 {
display: block;
-webkit-transform: rotate(240deg);
-moz-transform: rotate(240deg);
-ms-transform: rotate(240deg);
-o-transform: rotate(240deg);
transform: rotate(240deg); }
.kaleidoscope.n24 .tile.t33 {
display: block;
-webkit-transform: scale(-1, 1) rotate(240deg);
-moz-transform: scale(-1, 1) rotate(240deg);
-ms-transform: scale(-1, 1) rotate(240deg);
-o-transform: scale(-1, 1) rotate(240deg);
transform: scale(-1, 1) rotate(240deg); }
.kaleidoscope.n24 .tile.t34 {
display: block;
-webkit-transform: rotate(255deg);
-moz-transform: rotate(255deg);
-ms-transform: rotate(255deg);
-o-transform: rotate(255deg);
transform: rotate(255deg); }
.kaleidoscope.n24 .tile.t35 {
display: block;
-webkit-transform: scale(-1, 1) rotate(255deg);
-moz-transform: scale(-1, 1) rotate(255deg);
-ms-transform: scale(-1, 1) rotate(255deg);
-o-transform: scale(-1, 1) rotate(255deg);
transform: scale(-1, 1) rotate(255deg); }
.kaleidoscope.n24 .tile.t36 {
display: block;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg); }
.kaleidoscope.n24 .tile.t37 {
display: block;
-webkit-transform: scale(-1, 1) rotate(270deg);
-moz-transform: scale(-1, 1) rotate(270deg);
-ms-transform: scale(-1, 1) rotate(270deg);
-o-transform: scale(-1, 1) rotate(270deg);
transform: scale(-1, 1) rotate(270deg); }
.kaleidoscope.n24 .tile.t38 {
display: block;
-webkit-transform: rotate(285deg);
-moz-transform: rotate(285deg);
-ms-transform: rotate(285deg);
-o-transform: rotate(285deg);
transform: rotate(285deg); }
.kaleidoscope.n24 .tile.t39 {
display: block;
-webkit-transform: scale(-1, 1) rotate(285deg);
-moz-transform: scale(-1, 1) rotate(285deg);
-ms-transform: scale(-1, 1) rotate(285deg);
-o-transform: scale(-1, 1) rotate(285deg);
transform: scale(-1, 1) rotate(285deg); }
.kaleidoscope.n24 .tile.t40 {
display: block;
-webkit-transform: rotate(300deg);
-moz-transform: rotate(300deg);
-ms-transform: rotate(300deg);
-o-transform: rotate(300deg);
transform: rotate(300deg); }
.kaleidoscope.n24 .tile.t41 {
display: block;
-webkit-transform: scale(-1, 1) rotate(300deg);
-moz-transform: scale(-1, 1) rotate(300deg);
-ms-transform: scale(-1, 1) rotate(300deg);
-o-transform: scale(-1, 1) rotate(300deg);
transform: scale(-1, 1) rotate(300deg); }
.kaleidoscope.n24 .tile.t42 {
display: block;
-webkit-transform: rotate(315deg);
-moz-transform: rotate(315deg);
-ms-transform: rotate(315deg);
-o-transform: rotate(315deg);
transform: rotate(315deg); }
.kaleidoscope.n24 .tile.t43 {
display: block;
-webkit-transform: scale(-1, 1) rotate(315deg);
-moz-transform: scale(-1, 1) rotate(315deg);
-ms-transform: scale(-1, 1) rotate(315deg);
-o-transform: scale(-1, 1) rotate(315deg);
transform: scale(-1, 1) rotate(315deg); }
.kaleidoscope.n24 .tile.t44 {
display: block;
-webkit-transform: rotate(330deg);
-moz-transform: rotate(330deg);
-ms-transform: rotate(330deg);
-o-transform: rotate(330deg);
transform: rotate(330deg); }
.kaleidoscope.n24 .tile.t45 {
display: block;
-webkit-transform: scale(-1, 1) rotate(330deg);
-moz-transform: scale(-1, 1) rotate(330deg);
-ms-transform: scale(-1, 1) rotate(330deg);
-o-transform: scale(-1, 1) rotate(330deg);
transform: scale(-1, 1) rotate(330deg); }
.kaleidoscope.n24 .tile.t46 {
display: block;
-webkit-transform: rotate(345deg);
-moz-transform: rotate(345deg);
-ms-transform: rotate(345deg);
-o-transform: rotate(345deg);
transform: rotate(345deg); }
.kaleidoscope.n24 .tile.t47 {
display: block;
-webkit-transform: scale(-1, 1) rotate(345deg);
-moz-transform: scale(-1, 1) rotate(345deg);
-ms-transform: scale(-1, 1) rotate(345deg);
-o-transform: scale(-1, 1) rotate(345deg);
transform: scale(-1, 1) rotate(345deg); }
.kaleidoscope.n24 .tile .image {
position: relative;
top: 0;
left: 100%;
height: 100%;
width: 100%;
background-image: url(http://3.bp.blogspot.com/-ngRcjH2o1Z8/UDjvxZrbpYI/AAAAAAAABMU/QDFNiStAbZ4/s1600/fractal25.jpg);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transform: rotate(7.5deg);
-moz-transform: rotate(7.5deg);
-ms-transform: rotate(7.5deg);
-o-transform: rotate(7.5deg);
transform: rotate(7.5deg); }
.kaleidoscope.n25 .tile.t0 {
display: block;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
.kaleidoscope.n25 .tile.t1 {
display: block;
-webkit-transform: scale(-1, 1) rotate(0deg);
-moz-transform: scale(-1, 1) rotate(0deg);
-ms-transform: scale(-1, 1) rotate(0deg);
-o-transform: scale(-1, 1) rotate(0deg);
transform: scale(-1, 1) rotate(0deg); }
.kaleidoscope.n25 .tile.t2 {
display: block;
-webkit-transform: rotate(14.4deg);
-moz-transform: rotate(14.4deg);
-ms-transform: rotate(14.4deg);
-o-transform: rotate(14.4deg);
transform: rotate(14.4deg); }
.kaleidoscope.n25 .tile.t3 {
display: block;
-webkit-transform: scale(-1, 1) rotate(14.4deg);
-moz-transform: scale(-1, 1) rotate(14.4deg);
-ms-transform: scale(-1, 1) rotate(14.4deg);
-o-transform: scale(-1, 1) rotate(14.4deg);
transform: scale(-1, 1) rotate(14.4deg); }
.kaleidoscope.n25 .tile.t4 {
display: block;
-webkit-transform: rotate(28.8deg);
-moz-transform: rotate(28.8deg);
-ms-transform: rotate(28.8deg);
-o-transform: rotate(28.8deg);
transform: rotate(28.8deg); }
.kaleidoscope.n25 .tile.t5 {
display: block;
-webkit-transform: scale(-1, 1) rotate(28.8deg);
-moz-transform: scale(-1, 1) rotate(28.8deg);
-ms-transform: scale(-1, 1) rotate(28.8deg);
-o-transform: scale(-1, 1) rotate(28.8deg);
transform: scale(-1, 1) rotate(28.8deg); }
.kaleidoscope.n25 .tile.t6 {
display: block;
-webkit-transform: rotate(43.2deg);
-moz-transform: rotate(43.2deg);
-ms-transform: rotate(43.2deg);
-o-transform: rotate(43.2deg);
transform: rotate(43.2deg); }
.kaleidoscope.n25 .tile.t7 {
display: block;
-webkit-transform: scale(-1, 1) rotate(43.2deg);
-moz-transform: scale(-1, 1) rotate(43.2deg);
-ms-transform: scale(-1, 1) rotate(43.2deg);
-o-transform: scale(-1, 1) rotate(43.2deg);
transform: scale(-1, 1) rotate(43.2deg); }
.kaleidoscope.n25 .tile.t8 {
display: block;
-webkit-transform: rotate(57.6deg);
-moz-transform: rotate(57.6deg);
-ms-transform: rotate(57.6deg);
-o-transform: rotate(57.6deg);
transform: rotate(57.6deg); }
.kaleidoscope.n25 .tile.t9 {
display: block;
-webkit-transform: scale(-1, 1) rotate(57.6deg);
-moz-transform: scale(-1, 1) rotate(57.6deg);
-ms-transform: scale(-1, 1) rotate(57.6deg);
-o-transform: scale(-1, 1) rotate(57.6deg);
transform: scale(-1, 1) rotate(57.6deg); }
.kaleidoscope.n25 .tile.t10 {
display: block;
-webkit-transform: rotate(72deg);
-moz-transform: rotate(72deg);
-ms-transform: rotate(72deg);
-o-transform: rotate(72deg);
transform: rotate(72deg); }
.kaleidoscope.n25 .tile.t11 {
display: block;
-webkit-transform: scale(-1, 1) rotate(72deg);
-moz-transform: scale(-1, 1) rotate(72deg);
-ms-transform: scale(-1, 1) rotate(72deg);
-o-transform: scale(-1, 1) rotate(72deg);
transform: scale(-1, 1) rotate(72deg); }
.kaleidoscope.n25 .tile.t12 {
display: block;
-webkit-transform: rotate(86.4deg);
-moz-transform: rotate(86.4deg);
-ms-transform: rotate(86.4deg);
-o-transform: rotate(86.4deg);
transform: rotate(86.4deg); }
.kaleidoscope.n25 .tile.t13 {
display: block;
-webkit-transform: scale(-1, 1) rotate(86.4deg);
-moz-transform: scale(-1, 1) rotate(86.4deg);
-ms-transform: scale(-1, 1) rotate(86.4deg);
-o-transform: scale(-1, 1) rotate(86.4deg);
transform: scale(-1, 1) rotate(86.4deg); }
.kaleidoscope.n25 .tile.t14 {
display: block;
-webkit-transform: rotate(100.8deg);
-moz-transform: rotate(100.8deg);
-ms-transform: rotate(100.8deg);
-o-transform: rotate(100.8deg);
transform: rotate(100.8deg); }
.kaleidoscope.n25 .tile.t15 {
display: block;
-webkit-transform: scale(-1, 1) rotate(100.8deg);
-moz-transform: scale(-1, 1) rotate(100.8deg);
-ms-transform: scale(-1, 1) rotate(100.8deg);
-o-transform: scale(-1, 1) rotate(100.8deg);
transform: scale(-1, 1) rotate(100.8deg); }
.kaleidoscope.n25 .tile.t16 {
display: block;
-webkit-transform: rotate(115.2deg);
-moz-transform: rotate(115.2deg);
-ms-transform: rotate(115.2deg);
-o-transform: rotate(115.2deg);
transform: rotate(115.2deg); }
.kaleidoscope.n25 .tile.t17 {
display: block;
-webkit-transform: scale(-1, 1) rotate(115.2deg);
-moz-transform: scale(-1, 1) rotate(115.2deg);
-ms-transform: scale(-1, 1) rotate(115.2deg);
-o-transform: scale(-1, 1) rotate(115.2deg);
transform: scale(-1, 1) rotate(115.2deg); }
.kaleidoscope.n25 .tile.t18 {
display: block;
-webkit-transform: rotate(129.6deg);
-moz-transform: rotate(129.6deg);
-ms-transform: rotate(129.6deg);
-o-transform: rotate(129.6deg);
transform: rotate(129.6deg); }
.kaleidoscope.n25 .tile.t19 {
display: block;
-webkit-transform: scale(-1, 1) rotate(129.6deg);
-moz-transform: scale(-1, 1) rotate(129.6deg);
-ms-transform: scale(-1, 1) rotate(129.6deg);
-o-transform: scale(-1, 1) rotate(129.6deg);
transform: scale(-1, 1) rotate(129.6deg); }
.kaleidoscope.n25 .tile.t20 {
display: block;
-webkit-transform: rotate(144deg);
-moz-transform: rotate(144deg);
-ms-transform: rotate(144deg);
-o-transform: rotate(144deg);
transform: rotate(144deg); }
.kaleidoscope.n25 .tile.t21 {
display: block;
-webkit-transform: scale(-1, 1) rotate(144deg);
-moz-transform: scale(-1, 1) rotate(144deg);
-ms-transform: scale(-1, 1) rotate(144deg);
-o-transform: scale(-1, 1) rotate(144deg);
transform: scale(-1, 1) rotate(144deg); }
.kaleidoscope.n25 .tile.t22 {
display: block;
-webkit-transform: rotate(158.4deg);
-moz-transform: rotate(158.4deg);
-ms-transform: rotate(158.4deg);
-o-transform: rotate(158.4deg);
transform: rotate(158.4deg); }
.kaleidoscope.n25 .tile.t23 {
display: block;
-webkit-transform: scale(-1, 1) rotate(158.4deg);
-moz-transform: scale(-1, 1) rotate(158.4deg);
-ms-transform: scale(-1, 1) rotate(158.4deg);
-o-transform: scale(-1, 1) rotate(158.4deg);
transform: scale(-1, 1) rotate(158.4deg); }
.kaleidoscope.n25 .tile.t24 {
display: block;
-webkit-transform: rotate(172.8deg);
-moz-transform: rotate(172.8deg);
-ms-transform: rotate(172.8deg);
-o-transform: rotate(172.8deg);
transform: rotate(172.8deg); }
.kaleidoscope.n25 .tile.t25 {
display: block;
-webkit-transform: scale(-1, 1) rotate(172.8deg);
-moz-transform: scale(-1, 1) rotate(172.8deg);
-ms-transform: scale(-1, 1) rotate(172.8deg);
-o-transform: scale(-1, 1) rotate(172.8deg);
transform: scale(-1, 1) rotate(172.8deg); }
.kaleidoscope.n25 .tile.t26 {
display: block;
-webkit-transform: rotate(187.2deg);
-moz-transform: rotate(187.2deg);
-ms-transform: rotate(187.2deg);
-o-transform: rotate(187.2deg);
transform: rotate(187.2deg); }
.kaleidoscope.n25 .tile.t27 {
display: block;
-webkit-transform: scale(-1, 1) rotate(187.2deg);
-moz-transform: scale(-1, 1) rotate(187.2deg);
-ms-transform: scale(-1, 1) rotate(187.2deg);
-o-transform: scale(-1, 1) rotate(187.2deg);
transform: scale(-1, 1) rotate(187.2deg); }
.kaleidoscope.n25 .tile.t28 {
display: block;
-webkit-transform: rotate(201.6deg);
-moz-transform: rotate(201.6deg);
-ms-transform: rotate(201.6deg);
-o-transform: rotate(201.6deg);
transform: rotate(201.6deg); }
.kaleidoscope.n25 .tile.t29 {
display: block;
-webkit-transform: scale(-1, 1) rotate(201.6deg);
-moz-transform: scale(-1, 1) rotate(201.6deg);
-ms-transform: scale(-1, 1) rotate(201.6deg);
-o-transform: scale(-1, 1) rotate(201.6deg);
transform: scale(-1, 1) rotate(201.6deg); }
.kaleidoscope.n25 .tile.t30 {
display: block;
-webkit-transform: rotate(216.0deg);
-moz-transform: rotate(216.0deg);
-ms-transform: rotate(216.0deg);
-o-transform: rotate(216.0deg);
transform: rotate(216.0deg); }
.kaleidoscope.n25 .tile.t31 {
display: block;
-webkit-transform: scale(-1, 1) rotate(216.0deg);
-moz-transform: scale(-1, 1) rotate(216.0deg);
-ms-transform: scale(-1, 1) rotate(216.0deg);
-o-transform: scale(-1, 1) rotate(216.0deg);
transform: scale(-1, 1) rotate(216.0deg); }
.kaleidoscope.n25 .tile.t32 {
display: block;
-webkit-transform: rotate(230.4deg);
-moz-transform: rotate(230.4deg);
-ms-transform: rotate(230.4deg);
-o-transform: rotate(230.4deg);
transform: rotate(230.4deg); }
.kaleidoscope.n25 .tile.t33 {
display: block;
-webkit-transform: scale(-1, 1) rotate(230.4deg);
-moz-transform: scale(-1, 1) rotate(230.4deg);
-ms-transform: scale(-1, 1) rotate(230.4deg);
-o-transform: scale(-1, 1) rotate(230.4deg);
transform: scale(-1, 1) rotate(230.4deg); }
.kaleidoscope.n25 .tile.t34 {
display: block;
-webkit-transform: rotate(244.8deg);
-moz-transform: rotate(244.8deg);
-ms-transform: rotate(244.8deg);
-o-transform: rotate(244.8deg);
transform: rotate(244.8deg); }
.kaleidoscope.n25 .tile.t35 {
display: block;
-webkit-transform: scale(-1, 1) rotate(244.8deg);
-moz-transform: scale(-1, 1) rotate(244.8deg);
-ms-transform: scale(-1, 1) rotate(244.8deg);
-o-transform: scale(-1, 1) rotate(244.8deg);
transform: scale(-1, 1) rotate(244.8deg); }
.kaleidoscope.n25 .tile.t36 {
display: block;
-webkit-transform: rotate(259.2deg);
-moz-transform: rotate(259.2deg);
-ms-transform: rotate(259.2deg);
-o-transform: rotate(259.2deg);
transform: rotate(259.2deg); }
.kaleidoscope.n25 .tile.t37 {
display: block;
-webkit-transform: scale(-1, 1) rotate(259.2deg);
-moz-transform: scale(-1, 1) rotate(259.2deg);
-ms-transform: scale(-1, 1) rotate(259.2deg);
-o-transform: scale(-1, 1) rotate(259.2deg);
transform: scale(-1, 1) rotate(259.2deg); }
.kaleidoscope.n25 .tile.t38 {
display: block;
-webkit-transform: rotate(273.6deg);
-moz-transform: rotate(273.6deg);
-ms-transform: rotate(273.6deg);
-o-transform: rotate(273.6deg);
transform: rotate(273.6deg); }
.kaleidoscope.n25 .tile.t39 {
display: block;
-webkit-transform: scale(-1, 1) rotate(273.6deg);
-moz-transform: scale(-1, 1) rotate(273.6deg);
-ms-transform: scale(-1, 1) rotate(273.6deg);
-o-transform: scale(-1, 1) rotate(273.6deg);
transform: scale(-1, 1) rotate(273.6deg); }
.kaleidoscope.n25 .tile.t40 {
display: block;
-webkit-transform: rotate(288deg);
-moz-transform: rotate(288deg);
-ms-transform: rotate(288deg);
-o-transform: rotate(288deg);
transform: rotate(288deg); }
.kaleidoscope.n25 .tile.t41 {
display: block;
-webkit-transform: scale(-1, 1) rotate(288deg);
-moz-transform: scale(-1, 1) rotate(288deg);
-ms-transform: scale(-1, 1) rotate(288deg);
-o-transform: scale(-1, 1) rotate(288deg);
transform: scale(-1, 1) rotate(288deg); }
.kaleidoscope.n25 .tile.t42 {
display: block;
-webkit-transform: rotate(302.4deg);
-moz-transform: rotate(302.4deg);
-ms-transform: rotate(302.4deg);
-o-transform: rotate(302.4deg);
transform: rotate(302.4deg); }
.kaleidoscope.n25 .tile.t43 {
display: block;
-webkit-transform: scale(-1, 1) rotate(302.4deg);
-moz-transform: scale(-1, 1) rotate(302.4deg);
-ms-transform: scale(-1, 1) rotate(302.4deg);
-o-transform: scale(-1, 1) rotate(302.4deg);
transform: scale(-1, 1) rotate(302.4deg); }
.kaleidoscope.n25 .tile.t44 {
display: block;
-webkit-transform: rotate(316.8deg);
-moz-transform: rotate(316.8deg);
-ms-transform: rotate(316.8deg);
-o-transform: rotate(316.8deg);
transform: rotate(316.8deg); }
.kaleidoscope.n25 .tile.t45 {
display: block;
-webkit-transform: scale(-1, 1) rotate(316.8deg);
-moz-transform: scale(-1, 1) rotate(316.8deg);
-ms-transform: scale(-1, 1) rotate(316.8deg);
-o-transform: scale(-1, 1) rotate(316.8deg);
transform: scale(-1, 1) rotate(316.8deg); }
.kaleidoscope.n25 .tile.t46 {
display: block;
-webkit-transform: rotate(331.2deg);
-moz-transform: rotate(331.2deg);
-ms-transform: rotate(331.2deg);
-o-transform: rotate(331.2deg);
transform: rotate(331.2deg); }
.kaleidoscope.n25 .tile.t47 {
display: block;
-webkit-transform: scale(-1, 1) rotate(331.2deg);
-moz-transform: scale(-1, 1) rotate(331.2deg);
-ms-transform: scale(-1, 1) rotate(331.2deg);
-o-transform: scale(-1, 1) rotate(331.2deg);
transform: scale(-1, 1) rotate(331.2deg); }
.kaleidoscope.n25 .tile.t48 {
display: block;
-webkit-transform: rotate(345.6deg);
-moz-transform: rotate(345.6deg);
-ms-transform: rotate(345.6deg);
-o-transform: rotate(345.6deg);
transform: rotate(345.6deg); }
.kaleidoscope.n25 .tile.t49 {
display: block;
-webkit-transform: scale(-1, 1) rotate(345.6deg);
-moz-transform: scale(-1, 1) rotate(345.6deg);
-ms-transform: scale(-1, 1) rotate(345.6deg);
-o-transform: scale(-1, 1) rotate(345.6deg);
transform: scale(-1, 1) rotate(345.6deg); }
.kaleidoscope.n25 .tile .image {
position: relative;
top: 0;
left: 100%;
height: 100%;
width: 100%;
background-image: url(http://3.bp.blogspot.com/-ngRcjH2o1Z8/UDjvxZrbpYI/AAAAAAAABMU/QDFNiStAbZ4/s1600/fractal25.jpg);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transform: rotate(7.2deg);
-moz-transform: rotate(7.2deg);
-ms-transform: rotate(7.2deg);
-o-transform: rotate(7.2deg);
transform: rotate(7.2deg); }
.kaleidoscope.n26 .tile.t0 {
display: block;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
.kaleidoscope.n26 .tile.t1 {
display: block;
-webkit-transform: scale(-1, 1) rotate(0deg);
-moz-transform: scale(-1, 1) rotate(0deg);
-ms-transform: scale(-1, 1) rotate(0deg);
-o-transform: scale(-1, 1) rotate(0deg);
transform: scale(-1, 1) rotate(0deg); }
.kaleidoscope.n26 .tile.t2 {
display: block;
-webkit-transform: rotate(13.84615deg);
-moz-transform: rotate(13.84615deg);
-ms-transform: rotate(13.84615deg);
-o-transform: rotate(13.84615deg);
transform: rotate(13.84615deg); }
.kaleidoscope.n26 .tile.t3 {
display: block;
-webkit-transform: scale(-1, 1) rotate(13.84615deg);
-moz-transform: scale(-1, 1) rotate(13.84615deg);
-ms-transform: scale(-1, 1) rotate(13.84615deg);
-o-transform: scale(-1, 1) rotate(13.84615deg);
transform: scale(-1, 1) rotate(13.84615deg); }
.kaleidoscope.n26 .tile.t4 {
display: block;
-webkit-transform: rotate(27.69231deg);
-moz-transform: rotate(27.69231deg);
-ms-transform: rotate(27.69231deg);
-o-transform: rotate(27.69231deg);
transform: rotate(27.69231deg); }
.kaleidoscope.n26 .tile.t5 {
display: block;
-webkit-transform: scale(-1, 1) rotate(27.69231deg);
-moz-transform: scale(-1, 1) rotate(27.69231deg);
-ms-transform: scale(-1, 1) rotate(27.69231deg);
-o-transform: scale(-1, 1) rotate(27.69231deg);
transform: scale(-1, 1) rotate(27.69231deg); }
.kaleidoscope.n26 .tile.t6 {
display: block;
-webkit-transform: rotate(41.53846deg);
-moz-transform: rotate(41.53846deg);
-ms-transform: rotate(41.53846deg);
-o-transform: rotate(41.53846deg);
transform: rotate(41.53846deg); }
.kaleidoscope.n26 .tile.t7 {
display: block;
-webkit-transform: scale(-1, 1) rotate(41.53846deg);
-moz-transform: scale(-1, 1) rotate(41.53846deg);
-ms-transform: scale(-1, 1) rotate(41.53846deg);
-o-transform: scale(-1, 1) rotate(41.53846deg);
transform: scale(-1, 1) rotate(41.53846deg); }
.kaleidoscope.n26 .tile.t8 {
display: block;
-webkit-transform: rotate(55.38462deg);
-moz-transform: rotate(55.38462deg);
-ms-transform: rotate(55.38462deg);
-o-transform: rotate(55.38462deg);
transform: rotate(55.38462deg); }
.kaleidoscope.n26 .tile.t9 {
display: block;
-webkit-transform: scale(-1, 1) rotate(55.38462deg);
-moz-transform: scale(-1, 1) rotate(55.38462deg);
-ms-transform: scale(-1, 1) rotate(55.38462deg);
-o-transform: scale(-1, 1) rotate(55.38462deg);
transform: scale(-1, 1) rotate(55.38462deg); }
.kaleidoscope.n26 .tile.t10 {
display: block;
-webkit-transform: rotate(69.23077deg);
-moz-transform: rotate(69.23077deg);
-ms-transform: rotate(69.23077deg);
-o-transform: rotate(69.23077deg);
transform: rotate(69.23077deg); }
.kaleidoscope.n26 .tile.t11 {
display: block;
-webkit-transform: scale(-1, 1) rotate(69.23077deg);
-moz-transform: scale(-1, 1) rotate(69.23077deg);
-ms-transform: scale(-1, 1) rotate(69.23077deg);
-o-transform: scale(-1, 1) rotate(69.23077deg);
transform: scale(-1, 1) rotate(69.23077deg); }
.kaleidoscope.n26 .tile.t12 {
display: block;
-webkit-transform: rotate(83.07692deg);
-moz-transform: rotate(83.07692deg);
-ms-transform: rotate(83.07692deg);
-o-transform: rotate(83.07692deg);
transform: rotate(83.07692deg); }
.kaleidoscope.n26 .tile.t13 {
display: block;
-webkit-transform: scale(-1, 1) rotate(83.07692deg);
-moz-transform: scale(-1, 1) rotate(83.07692deg);
-ms-transform: scale(-1, 1) rotate(83.07692deg);
-o-transform: scale(-1, 1) rotate(83.07692deg);
transform: scale(-1, 1) rotate(83.07692deg); }
.kaleidoscope.n26 .tile.t14 {
display: block;
-webkit-transform: rotate(96.92308deg);
-moz-transform: rotate(96.92308deg);
-ms-transform: rotate(96.92308deg);
-o-transform: rotate(96.92308deg);
transform: rotate(96.92308deg); }
.kaleidoscope.n26 .tile.t15 {
display: block;
-webkit-transform: scale(-1, 1) rotate(96.92308deg);
-moz-transform: scale(-1, 1) rotate(96.92308deg);
-ms-transform: scale(-1, 1) rotate(96.92308deg);
-o-transform: scale(-1, 1) rotate(96.92308deg);
transform: scale(-1, 1) rotate(96.92308deg); }
.kaleidoscope.n26 .tile.t16 {
display: block;
-webkit-transform: rotate(110.76923deg);
-moz-transform: rotate(110.76923deg);
-ms-transform: rotate(110.76923deg);
-o-transform: rotate(110.76923deg);
transform: rotate(110.76923deg); }
.kaleidoscope.n26 .tile.t17 {
display: block;
-webkit-transform: scale(-1, 1) rotate(110.76923deg);
-moz-transform: scale(-1, 1) rotate(110.76923deg);
-ms-transform: scale(-1, 1) rotate(110.76923deg);
-o-transform: scale(-1, 1) rotate(110.76923deg);
transform: scale(-1, 1) rotate(110.76923deg); }
.kaleidoscope.n26 .tile.t18 {
display: block;
-webkit-transform: rotate(124.61538deg);
-moz-transform: rotate(124.61538deg);
-ms-transform: rotate(124.61538deg);
-o-transform: rotate(124.61538deg);
transform: rotate(124.61538deg); }
.kaleidoscope.n26 .tile.t19 {
display: block;
-webkit-transform: scale(-1, 1) rotate(124.61538deg);
-moz-transform: scale(-1, 1) rotate(124.61538deg);
-ms-transform: scale(-1, 1) rotate(124.61538deg);
-o-transform: scale(-1, 1) rotate(124.61538deg);
transform: scale(-1, 1) rotate(124.61538deg); }
.kaleidoscope.n26 .tile.t20 {
display: block;
-webkit-transform: rotate(138.46154deg);
-moz-transform: rotate(138.46154deg);
-ms-transform: rotate(138.46154deg);
-o-transform: rotate(138.46154deg);
transform: rotate(138.46154deg); }
.kaleidoscope.n26 .tile.t21 {
display: block;
-webkit-transform: scale(-1, 1) rotate(138.46154deg);
-moz-transform: scale(-1, 1) rotate(138.46154deg);
-ms-transform: scale(-1, 1) rotate(138.46154deg);
-o-transform: scale(-1, 1) rotate(138.46154deg);
transform: scale(-1, 1) rotate(138.46154deg); }
.kaleidoscope.n26 .tile.t22 {
display: block;
-webkit-transform: rotate(152.30769deg);
-moz-transform: rotate(152.30769deg);
-ms-transform: rotate(152.30769deg);
-o-transform: rotate(152.30769deg);
transform: rotate(152.30769deg); }
.kaleidoscope.n26 .tile.t23 {
display: block;
-webkit-transform: scale(-1, 1) rotate(152.30769deg);
-moz-transform: scale(-1, 1) rotate(152.30769deg);
-ms-transform: scale(-1, 1) rotate(152.30769deg);
-o-transform: scale(-1, 1) rotate(152.30769deg);
transform: scale(-1, 1) rotate(152.30769deg); }
.kaleidoscope.n26 .tile.t24 {
display: block;
-webkit-transform: rotate(166.15385deg);
-moz-transform: rotate(166.15385deg);
-ms-transform: rotate(166.15385deg);
-o-transform: rotate(166.15385deg);
transform: rotate(166.15385deg); }
.kaleidoscope.n26 .tile.t25 {
display: block;
-webkit-transform: scale(-1, 1) rotate(166.15385deg);
-moz-transform: scale(-1, 1) rotate(166.15385deg);
-ms-transform: scale(-1, 1) rotate(166.15385deg);
-o-transform: scale(-1, 1) rotate(166.15385deg);
transform: scale(-1, 1) rotate(166.15385deg); }
.kaleidoscope.n26 .tile.t26 {
display: block;
-webkit-transform: rotate(180.0deg);
-moz-transform: rotate(180.0deg);
-ms-transform: rotate(180.0deg);
-o-transform: rotate(180.0deg);
transform: rotate(180.0deg); }
.kaleidoscope.n26 .tile.t27 {
display: block;
-webkit-transform: scale(-1, 1) rotate(180.0deg);
-moz-transform: scale(-1, 1) rotate(180.0deg);
-ms-transform: scale(-1, 1) rotate(180.0deg);
-o-transform: scale(-1, 1) rotate(180.0deg);
transform: scale(-1, 1) rotate(180.0deg); }
.kaleidoscope.n26 .tile.t28 {
display: block;
-webkit-transform: rotate(193.84615deg);
-moz-transform: rotate(193.84615deg);
-ms-transform: rotate(193.84615deg);
-o-transform: rotate(193.84615deg);
transform: rotate(193.84615deg); }
.kaleidoscope.n26 .tile.t29 {
display: block;
-webkit-transform: scale(-1, 1) rotate(193.84615deg);
-moz-transform: scale(-1, 1) rotate(193.84615deg);
-ms-transform: scale(-1, 1) rotate(193.84615deg);
-o-transform: scale(-1, 1) rotate(193.84615deg);
transform: scale(-1, 1) rotate(193.84615deg); }
.kaleidoscope.n26 .tile.t30 {
display: block;
-webkit-transform: rotate(207.69231deg);
-moz-transform: rotate(207.69231deg);
-ms-transform: rotate(207.69231deg);
-o-transform: rotate(207.69231deg);
transform: rotate(207.69231deg); }
.kaleidoscope.n26 .tile.t31 {
display: block;
-webkit-transform: scale(-1, 1) rotate(207.69231deg);
-moz-transform: scale(-1, 1) rotate(207.69231deg);
-ms-transform: scale(-1, 1) rotate(207.69231deg);
-o-transform: scale(-1, 1) rotate(207.69231deg);
transform: scale(-1, 1) rotate(207.69231deg); }
.kaleidoscope.n26 .tile.t32 {
display: block;
-webkit-transform: rotate(221.53846deg);
-moz-transform: rotate(221.53846deg);
-ms-transform: rotate(221.53846deg);
-o-transform: rotate(221.53846deg);
transform: rotate(221.53846deg); }
.kaleidoscope.n26 .tile.t33 {
display: block;
-webkit-transform: scale(-1, 1) rotate(221.53846deg);
-moz-transform: scale(-1, 1) rotate(221.53846deg);
-ms-transform: scale(-1, 1) rotate(221.53846deg);
-o-transform: scale(-1, 1) rotate(221.53846deg);
transform: scale(-1, 1) rotate(221.53846deg); }
.kaleidoscope.n26 .tile.t34 {
display: block;
-webkit-transform: rotate(235.38462deg);
-moz-transform: rotate(235.38462deg);
-ms-transform: rotate(235.38462deg);
-o-transform: rotate(235.38462deg);
transform: rotate(235.38462deg); }
.kaleidoscope.n26 .tile.t35 {
display: block;
-webkit-transform: scale(-1, 1) rotate(235.38462deg);
-moz-transform: scale(-1, 1) rotate(235.38462deg);
-ms-transform: scale(-1, 1) rotate(235.38462deg);
-o-transform: scale(-1, 1) rotate(235.38462deg);
transform: scale(-1, 1) rotate(235.38462deg); }
.kaleidoscope.n26 .tile.t36 {
display: block;
-webkit-transform: rotate(249.23077deg);
-moz-transform: rotate(249.23077deg);
-ms-transform: rotate(249.23077deg);
-o-transform: rotate(249.23077deg);
transform: rotate(249.23077deg); }
.kaleidoscope.n26 .tile.t37 {
display: block;
-webkit-transform: scale(-1, 1) rotate(249.23077deg);
-moz-transform: scale(-1, 1) rotate(249.23077deg);
-ms-transform: scale(-1, 1) rotate(249.23077deg);
-o-transform: scale(-1, 1) rotate(249.23077deg);
transform: scale(-1, 1) rotate(249.23077deg); }
.kaleidoscope.n26 .tile.t38 {
display: block;
-webkit-transform: rotate(263.07692deg);
-moz-transform: rotate(263.07692deg);
-ms-transform: rotate(263.07692deg);
-o-transform: rotate(263.07692deg);
transform: rotate(263.07692deg); }
.kaleidoscope.n26 .tile.t39 {
display: block;
-webkit-transform: scale(-1, 1) rotate(263.07692deg);
-moz-transform: scale(-1, 1) rotate(263.07692deg);
-ms-transform: scale(-1, 1) rotate(263.07692deg);
-o-transform: scale(-1, 1) rotate(263.07692deg);
transform: scale(-1, 1) rotate(263.07692deg); }
.kaleidoscope.n26 .tile.t40 {
display: block;
-webkit-transform: rotate(276.92308deg);
-moz-transform: rotate(276.92308deg);
-ms-transform: rotate(276.92308deg);
-o-transform: rotate(276.92308deg);
transform: rotate(276.92308deg); }
.kaleidoscope.n26 .tile.t41 {
display: block;
-webkit-transform: scale(-1, 1) rotate(276.92308deg);
-moz-transform: scale(-1, 1) rotate(276.92308deg);
-ms-transform: scale(-1, 1) rotate(276.92308deg);
-o-transform: scale(-1, 1) rotate(276.92308deg);
transform: scale(-1, 1) rotate(276.92308deg); }
.kaleidoscope.n26 .tile.t42 {
display: block;
-webkit-transform: rotate(290.76923deg);
-moz-transform: rotate(290.76923deg);
-ms-transform: rotate(290.76923deg);
-o-transform: rotate(290.76923deg);
transform: rotate(290.76923deg); }
.kaleidoscope.n26 .tile.t43 {
display: block;
-webkit-transform: scale(-1, 1) rotate(290.76923deg);
-moz-transform: scale(-1, 1) rotate(290.76923deg);
-ms-transform: scale(-1, 1) rotate(290.76923deg);
-o-transform: scale(-1, 1) rotate(290.76923deg);
transform: scale(-1, 1) rotate(290.76923deg); }
.kaleidoscope.n26 .tile.t44 {
display: block;
-webkit-transform: rotate(304.61538deg);
-moz-transform: rotate(304.61538deg);
-ms-transform: rotate(304.61538deg);
-o-transform: rotate(304.61538deg);
transform: rotate(304.61538deg); }
.kaleidoscope.n26 .tile.t45 {
display: block;
-webkit-transform: scale(-1, 1) rotate(304.61538deg);
-moz-transform: scale(-1, 1) rotate(304.61538deg);
-ms-transform: scale(-1, 1) rotate(304.61538deg);
-o-transform: scale(-1, 1) rotate(304.61538deg);
transform: scale(-1, 1) rotate(304.61538deg); }
.kaleidoscope.n26 .tile.t46 {
display: block;
-webkit-transform: rotate(318.46154deg);
-moz-transform: rotate(318.46154deg);
-ms-transform: rotate(318.46154deg);
-o-transform: rotate(318.46154deg);
transform: rotate(318.46154deg); }
.kaleidoscope.n26 .tile.t47 {
display: block;
-webkit-transform: scale(-1, 1) rotate(318.46154deg);
-moz-transform: scale(-1, 1) rotate(318.46154deg);
-ms-transform: scale(-1, 1) rotate(318.46154deg);
-o-transform: scale(-1, 1) rotate(318.46154deg);
transform: scale(-1, 1) rotate(318.46154deg); }
.kaleidoscope.n26 .tile.t48 {
display: block;
-webkit-transform: rotate(332.30769deg);
-moz-transform: rotate(332.30769deg);
-ms-transform: rotate(332.30769deg);
-o-transform: rotate(332.30769deg);
transform: rotate(332.30769deg); }
.kaleidoscope.n26 .tile.t49 {
display: block;
-webkit-transform: scale(-1, 1) rotate(332.30769deg);
-moz-transform: scale(-1, 1) rotate(332.30769deg);
-ms-transform: scale(-1, 1) rotate(332.30769deg);
-o-transform: scale(-1, 1) rotate(332.30769deg);
transform: scale(-1, 1) rotate(332.30769deg); }
.kaleidoscope.n26 .tile.t50 {
display: block;
-webkit-transform: rotate(346.15385deg);
-moz-transform: rotate(346.15385deg);
-ms-transform: rotate(346.15385deg);
-o-transform: rotate(346.15385deg);
transform: rotate(346.15385deg); }
.kaleidoscope.n26 .tile.t51 {
display: block;
-webkit-transform: scale(-1, 1) rotate(346.15385deg);
-moz-transform: scale(-1, 1) rotate(346.15385deg);
-ms-transform: scale(-1, 1) rotate(346.15385deg);
-o-transform: scale(-1, 1) rotate(346.15385deg);
transform: scale(-1, 1) rotate(346.15385deg); }
.kaleidoscope.n26 .tile .image {
position: relative;
top: 0;
left: 100%;
height: 100%;
width: 100%;
background-image: url(http://3.bp.blogspot.com/-ngRcjH2o1Z8/UDjvxZrbpYI/AAAAAAAABMU/QDFNiStAbZ4/s1600/fractal25.jpg);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transform: rotate(6.92308deg);
-moz-transform: rotate(6.92308deg);
-ms-transform: rotate(6.92308deg);
-o-transform: rotate(6.92308deg);
transform: rotate(6.92308deg); }
.kaleidoscope.n27 .tile.t0 {
display: block;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
.kaleidoscope.n27 .tile.t1 {
display: block;
-webkit-transform: scale(-1, 1) rotate(0deg);
-moz-transform: scale(-1, 1) rotate(0deg);
-ms-transform: scale(-1, 1) rotate(0deg);
-o-transform: scale(-1, 1) rotate(0deg);
transform: scale(-1, 1) rotate(0deg); }
.kaleidoscope.n27 .tile.t2 {
display: block;
-webkit-transform: rotate(13.33333deg);
-moz-transform: rotate(13.33333deg);
-ms-transform: rotate(13.33333deg);
-o-transform: rotate(13.33333deg);
transform: rotate(13.33333deg); }
.kaleidoscope.n27 .tile.t3 {
display: block;
-webkit-transform: scale(-1, 1) rotate(13.33333deg);
-moz-transform: scale(-1, 1) rotate(13.33333deg);
-ms-transform: scale(-1, 1) rotate(13.33333deg);
-o-transform: scale(-1, 1) rotate(13.33333deg);
transform: scale(-1, 1) rotate(13.33333deg); }
.kaleidoscope.n27 .tile.t4 {
display: block;
-webkit-transform: rotate(26.66667deg);
-moz-transform: rotate(26.66667deg);
-ms-transform: rotate(26.66667deg);
-o-transform: rotate(26.66667deg);
transform: rotate(26.66667deg); }
.kaleidoscope.n27 .tile.t5 {
display: block;
-webkit-transform: scale(-1, 1) rotate(26.66667deg);
-moz-transform: scale(-1, 1) rotate(26.66667deg);
-ms-transform: scale(-1, 1) rotate(26.66667deg);
-o-transform: scale(-1, 1) rotate(26.66667deg);
transform: scale(-1, 1) rotate(26.66667deg); }
.kaleidoscope.n27 .tile.t6 {
display: block;
-webkit-transform: rotate(40deg);
-moz-transform: rotate(40deg);
-ms-transform: rotate(40deg);
-o-transform: rotate(40deg);
transform: rotate(40deg); }
.kaleidoscope.n27 .tile.t7 {
display: block;
-webkit-transform: scale(-1, 1) rotate(40deg);
-moz-transform: scale(-1, 1) rotate(40deg);
-ms-transform: scale(-1, 1) rotate(40deg);
-o-transform: scale(-1, 1) rotate(40deg);
transform: scale(-1, 1) rotate(40deg); }
.kaleidoscope.n27 .tile.t8 {
display: block;
-webkit-transform: rotate(53.33333deg);
-moz-transform: rotate(53.33333deg);
-ms-transform: rotate(53.33333deg);
-o-transform: rotate(53.33333deg);
transform: rotate(53.33333deg); }
.kaleidoscope.n27 .tile.t9 {
display: block;
-webkit-transform: scale(-1, 1) rotate(53.33333deg);
-moz-transform: scale(-1, 1) rotate(53.33333deg);
-ms-transform: scale(-1, 1) rotate(53.33333deg);
-o-transform: scale(-1, 1) rotate(53.33333deg);
transform: scale(-1, 1) rotate(53.33333deg); }
.kaleidoscope.n27 .tile.t10 {
display: block;
-webkit-transform: rotate(66.66667deg);
-moz-transform: rotate(66.66667deg);
-ms-transform: rotate(66.66667deg);
-o-transform: rotate(66.66667deg);
transform: rotate(66.66667deg); }
.kaleidoscope.n27 .tile.t11 {
display: block;
-webkit-transform: scale(-1, 1) rotate(66.66667deg);
-moz-transform: scale(-1, 1) rotate(66.66667deg);
-ms-transform: scale(-1, 1) rotate(66.66667deg);
-o-transform: scale(-1, 1) rotate(66.66667deg);
transform: scale(-1, 1) rotate(66.66667deg); }
.kaleidoscope.n27 .tile.t12 {
display: block;
-webkit-transform: rotate(80.0deg);
-moz-transform: rotate(80.0deg);
-ms-transform: rotate(80.0deg);
-o-transform: rotate(80.0deg);
transform: rotate(80.0deg); }
.kaleidoscope.n27 .tile.t13 {
display: block;
-webkit-transform: scale(-1, 1) rotate(80.0deg);
-moz-transform: scale(-1, 1) rotate(80.0deg);
-ms-transform: scale(-1, 1) rotate(80.0deg);
-o-transform: scale(-1, 1) rotate(80.0deg);
transform: scale(-1, 1) rotate(80.0deg); }
.kaleidoscope.n27 .tile.t14 {
display: block;
-webkit-transform: rotate(93.33333deg);
-moz-transform: rotate(93.33333deg);
-ms-transform: rotate(93.33333deg);
-o-transform: rotate(93.33333deg);
transform: rotate(93.33333deg); }
.kaleidoscope.n27 .tile.t15 {
display: block;
-webkit-transform: scale(-1, 1) rotate(93.33333deg);
-moz-transform: scale(-1, 1) rotate(93.33333deg);
-ms-transform: scale(-1, 1) rotate(93.33333deg);
-o-transform: scale(-1, 1) rotate(93.33333deg);
transform: scale(-1, 1) rotate(93.33333deg); }
.kaleidoscope.n27 .tile.t16 {
display: block;
-webkit-transform: rotate(106.66667deg);
-moz-transform: rotate(106.66667deg);
-ms-transform: rotate(106.66667deg);
-o-transform: rotate(106.66667deg);
transform: rotate(106.66667deg); }
.kaleidoscope.n27 .tile.t17 {
display: block;
-webkit-transform: scale(-1, 1) rotate(106.66667deg);
-moz-transform: scale(-1, 1) rotate(106.66667deg);
-ms-transform: scale(-1, 1) rotate(106.66667deg);
-o-transform: scale(-1, 1) rotate(106.66667deg);
transform: scale(-1, 1) rotate(106.66667deg); }
.kaleidoscope.n27 .tile.t18 {
display: block;
-webkit-transform: rotate(120deg);
-moz-transform: rotate(120deg);
-ms-transform: rotate(120deg);
-o-transform: rotate(120deg);
transform: rotate(120deg); }
.kaleidoscope.n27 .tile.t19 {
display: block;
-webkit-transform: scale(-1, 1) rotate(120deg);
-moz-transform: scale(-1, 1) rotate(120deg);
-ms-transform: scale(-1, 1) rotate(120deg);
-o-transform: scale(-1, 1) rotate(120deg);
transform: scale(-1, 1) rotate(120deg); }
.kaleidoscope.n27 .tile.t20 {
display: block;
-webkit-transform: rotate(133.33333deg);
-moz-transform: rotate(133.33333deg);
-ms-transform: rotate(133.33333deg);
-o-transform: rotate(133.33333deg);
transform: rotate(133.33333deg); }
.kaleidoscope.n27 .tile.t21 {
display: block;
-webkit-transform: scale(-1, 1) rotate(133.33333deg);
-moz-transform: scale(-1, 1) rotate(133.33333deg);
-ms-transform: scale(-1, 1) rotate(133.33333deg);
-o-transform: scale(-1, 1) rotate(133.33333deg);
transform: scale(-1, 1) rotate(133.33333deg); }
.kaleidoscope.n27 .tile.t22 {
display: block;
-webkit-transform: rotate(146.66667deg);
-moz-transform: rotate(146.66667deg);
-ms-transform: rotate(146.66667deg);
-o-transform: rotate(146.66667deg);
transform: rotate(146.66667deg); }
.kaleidoscope.n27 .tile.t23 {
display: block;
-webkit-transform: scale(-1, 1) rotate(146.66667deg);
-moz-transform: scale(-1, 1) rotate(146.66667deg);
-ms-transform: scale(-1, 1) rotate(146.66667deg);
-o-transform: scale(-1, 1) rotate(146.66667deg);
transform: scale(-1, 1) rotate(146.66667deg); }
.kaleidoscope.n27 .tile.t24 {
display: block;
-webkit-transform: rotate(160deg);
-moz-transform: rotate(160deg);
-ms-transform: rotate(160deg);
-o-transform: rotate(160deg);
transform: rotate(160deg); }
.kaleidoscope.n27 .tile.t25 {
display: block;
-webkit-transform: scale(-1, 1) rotate(160deg);
-moz-transform: scale(-1, 1) rotate(160deg);
-ms-transform: scale(-1, 1) rotate(160deg);
-o-transform: scale(-1, 1) rotate(160deg);
transform: scale(-1, 1) rotate(160deg); }
.kaleidoscope.n27 .tile.t26 {
display: block;
-webkit-transform: rotate(173.33333deg);
-moz-transform: rotate(173.33333deg);
-ms-transform: rotate(173.33333deg);
-o-transform: rotate(173.33333deg);
transform: rotate(173.33333deg); }
.kaleidoscope.n27 .tile.t27 {
display: block;
-webkit-transform: scale(-1, 1) rotate(173.33333deg);
-moz-transform: scale(-1, 1) rotate(173.33333deg);
-ms-transform: scale(-1, 1) rotate(173.33333deg);
-o-transform: scale(-1, 1) rotate(173.33333deg);
transform: scale(-1, 1) rotate(173.33333deg); }
.kaleidoscope.n27 .tile.t28 {
display: block;
-webkit-transform: rotate(186.66667deg);
-moz-transform: rotate(186.66667deg);
-ms-transform: rotate(186.66667deg);
-o-transform: rotate(186.66667deg);
transform: rotate(186.66667deg); }
.kaleidoscope.n27 .tile.t29 {
display: block;
-webkit-transform: scale(-1, 1) rotate(186.66667deg);
-moz-transform: scale(-1, 1) rotate(186.66667deg);
-ms-transform: scale(-1, 1) rotate(186.66667deg);
-o-transform: scale(-1, 1) rotate(186.66667deg);
transform: scale(-1, 1) rotate(186.66667deg); }
.kaleidoscope.n27 .tile.t30 {
display: block;
-webkit-transform: rotate(200.0deg);
-moz-transform: rotate(200.0deg);
-ms-transform: rotate(200.0deg);
-o-transform: rotate(200.0deg);
transform: rotate(200.0deg); }
.kaleidoscope.n27 .tile.t31 {
display: block;
-webkit-transform: scale(-1, 1) rotate(200.0deg);
-moz-transform: scale(-1, 1) rotate(200.0deg);
-ms-transform: scale(-1, 1) rotate(200.0deg);
-o-transform: scale(-1, 1) rotate(200.0deg);
transform: scale(-1, 1) rotate(200.0deg); }
.kaleidoscope.n27 .tile.t32 {
display: block;
-webkit-transform: rotate(213.33333deg);
-moz-transform: rotate(213.33333deg);
-ms-transform: rotate(213.33333deg);
-o-transform: rotate(213.33333deg);
transform: rotate(213.33333deg); }
.kaleidoscope.n27 .tile.t33 {
display: block;
-webkit-transform: scale(-1, 1) rotate(213.33333deg);
-moz-transform: scale(-1, 1) rotate(213.33333deg);
-ms-transform: scale(-1, 1) rotate(213.33333deg);
-o-transform: scale(-1, 1) rotate(213.33333deg);
transform: scale(-1, 1) rotate(213.33333deg); }
.kaleidoscope.n27 .tile.t34 {
display: block;
-webkit-transform: rotate(226.66667deg);
-moz-transform: rotate(226.66667deg);
-ms-transform: rotate(226.66667deg);
-o-transform: rotate(226.66667deg);
transform: rotate(226.66667deg); }
.kaleidoscope.n27 .tile.t35 {
display: block;
-webkit-transform: scale(-1, 1) rotate(226.66667deg);
-moz-transform: scale(-1, 1) rotate(226.66667deg);
-ms-transform: scale(-1, 1) rotate(226.66667deg);
-o-transform: scale(-1, 1) rotate(226.66667deg);
transform: scale(-1, 1) rotate(226.66667deg); }
.kaleidoscope.n27 .tile.t36 {
display: block;
-webkit-transform: rotate(240.0deg);
-moz-transform: rotate(240.0deg);
-ms-transform: rotate(240.0deg);
-o-transform: rotate(240.0deg);
transform: rotate(240.0deg); }
.kaleidoscope.n27 .tile.t37 {
display: block;
-webkit-transform: scale(-1, 1) rotate(240.0deg);
-moz-transform: scale(-1, 1) rotate(240.0deg);
-ms-transform: scale(-1, 1) rotate(240.0deg);
-o-transform: scale(-1, 1) rotate(240.0deg);
transform: scale(-1, 1) rotate(240.0deg); }
.kaleidoscope.n27 .tile.t38 {
display: block;
-webkit-transform: rotate(253.33333deg);
-moz-transform: rotate(253.33333deg);
-ms-transform: rotate(253.33333deg);
-o-transform: rotate(253.33333deg);
transform: rotate(253.33333deg); }
.kaleidoscope.n27 .tile.t39 {
display: block;
-webkit-transform: scale(-1, 1) rotate(253.33333deg);
-moz-transform: scale(-1, 1) rotate(253.33333deg);
-ms-transform: scale(-1, 1) rotate(253.33333deg);
-o-transform: scale(-1, 1) rotate(253.33333deg);
transform: scale(-1, 1) rotate(253.33333deg); }
.kaleidoscope.n27 .tile.t40 {
display: block;
-webkit-transform: rotate(266.66667deg);
-moz-transform: rotate(266.66667deg);
-ms-transform: rotate(266.66667deg);
-o-transform: rotate(266.66667deg);
transform: rotate(266.66667deg); }
.kaleidoscope.n27 .tile.t41 {
display: block;
-webkit-transform: scale(-1, 1) rotate(266.66667deg);
-moz-transform: scale(-1, 1) rotate(266.66667deg);
-ms-transform: scale(-1, 1) rotate(266.66667deg);
-o-transform: scale(-1, 1) rotate(266.66667deg);
transform: scale(-1, 1) rotate(266.66667deg); }
.kaleidoscope.n27 .tile.t42 {
display: block;
-webkit-transform: rotate(280.0deg);
-moz-transform: rotate(280.0deg);
-ms-transform: rotate(280.0deg);
-o-transform: rotate(280.0deg);
transform: rotate(280.0deg); }
.kaleidoscope.n27 .tile.t43 {
display: block;
-webkit-transform: scale(-1, 1) rotate(280.0deg);
-moz-transform: scale(-1, 1) rotate(280.0deg);
-ms-transform: scale(-1, 1) rotate(280.0deg);
-o-transform: scale(-1, 1) rotate(280.0deg);
transform: scale(-1, 1) rotate(280.0deg); }
.kaleidoscope.n27 .tile.t44 {
display: block;
-webkit-transform: rotate(293.33333deg);
-moz-transform: rotate(293.33333deg);
-ms-transform: rotate(293.33333deg);
-o-transform: rotate(293.33333deg);
transform: rotate(293.33333deg); }
.kaleidoscope.n27 .tile.t45 {
display: block;
-webkit-transform: scale(-1, 1) rotate(293.33333deg);
-moz-transform: scale(-1, 1) rotate(293.33333deg);
-ms-transform: scale(-1, 1) rotate(293.33333deg);
-o-transform: scale(-1, 1) rotate(293.33333deg);
transform: scale(-1, 1) rotate(293.33333deg); }
.kaleidoscope.n27 .tile.t46 {
display: block;
-webkit-transform: rotate(306.66667deg);
-moz-transform: rotate(306.66667deg);
-ms-transform: rotate(306.66667deg);
-o-transform: rotate(306.66667deg);
transform: rotate(306.66667deg); }
.kaleidoscope.n27 .tile.t47 {
display: block;
-webkit-transform: scale(-1, 1) rotate(306.66667deg);
-moz-transform: scale(-1, 1) rotate(306.66667deg);
-ms-transform: scale(-1, 1) rotate(306.66667deg);
-o-transform: scale(-1, 1) rotate(306.66667deg);
transform: scale(-1, 1) rotate(306.66667deg); }
.kaleidoscope.n27 .tile.t48 {
display: block;
-webkit-transform: rotate(320deg);
-moz-transform: rotate(320deg);
-ms-transform: rotate(320deg);
-o-transform: rotate(320deg);
transform: rotate(320deg); }
.kaleidoscope.n27 .tile.t49 {
display: block;
-webkit-transform: scale(-1, 1) rotate(320deg);
-moz-transform: scale(-1, 1) rotate(320deg);
-ms-transform: scale(-1, 1) rotate(320deg);
-o-transform: scale(-1, 1) rotate(320deg);
transform: scale(-1, 1) rotate(320deg); }
.kaleidoscope.n27 .tile.t50 {
display: block;
-webkit-transform: rotate(333.33333deg);
-moz-transform: rotate(333.33333deg);
-ms-transform: rotate(333.33333deg);
-o-transform: rotate(333.33333deg);
transform: rotate(333.33333deg); }
.kaleidoscope.n27 .tile.t51 {
display: block;
-webkit-transform: scale(-1, 1) rotate(333.33333deg);
-moz-transform: scale(-1, 1) rotate(333.33333deg);
-ms-transform: scale(-1, 1) rotate(333.33333deg);
-o-transform: scale(-1, 1) rotate(333.33333deg);
transform: scale(-1, 1) rotate(333.33333deg); }
.kaleidoscope.n27 .tile.t52 {
display: block;
-webkit-transform: rotate(346.66667deg);
-moz-transform: rotate(346.66667deg);
-ms-transform: rotate(346.66667deg);
-o-transform: rotate(346.66667deg);
transform: rotate(346.66667deg); }
.kaleidoscope.n27 .tile.t53 {
display: block;
-webkit-transform: scale(-1, 1) rotate(346.66667deg);
-moz-transform: scale(-1, 1) rotate(346.66667deg);
-ms-transform: scale(-1, 1) rotate(346.66667deg);
-o-transform: scale(-1, 1) rotate(346.66667deg);
transform: scale(-1, 1) rotate(346.66667deg); }
.kaleidoscope.n27 .tile .image {
position: relative;
top: 0;
left: 100%;
height: 100%;
width: 100%;
background-image: url(http://3.bp.blogspot.com/-ngRcjH2o1Z8/UDjvxZrbpYI/AAAAAAAABMU/QDFNiStAbZ4/s1600/fractal25.jpg);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transform: rotate(6.66667deg);
-moz-transform: rotate(6.66667deg);
-ms-transform: rotate(6.66667deg);
-o-transform: rotate(6.66667deg);
transform: rotate(6.66667deg); }
.kaleidoscope.n28 .tile.t0 {
display: block;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
.kaleidoscope.n28 .tile.t1 {
display: block;
-webkit-transform: scale(-1, 1) rotate(0deg);
-moz-transform: scale(-1, 1) rotate(0deg);
-ms-transform: scale(-1, 1) rotate(0deg);
-o-transform: scale(-1, 1) rotate(0deg);
transform: scale(-1, 1) rotate(0deg); }
.kaleidoscope.n28 .tile.t2 {
display: block;
-webkit-transform: rotate(12.85714deg);
-moz-transform: rotate(12.85714deg);
-ms-transform: rotate(12.85714deg);
-o-transform: rotate(12.85714deg);
transform: rotate(12.85714deg); }
.kaleidoscope.n28 .tile.t3 {
display: block;
-webkit-transform: scale(-1, 1) rotate(12.85714deg);
-moz-transform: scale(-1, 1) rotate(12.85714deg);
-ms-transform: scale(-1, 1) rotate(12.85714deg);
-o-transform: scale(-1, 1) rotate(12.85714deg);
transform: scale(-1, 1) rotate(12.85714deg); }
.kaleidoscope.n28 .tile.t4 {
display: block;
-webkit-transform: rotate(25.71429deg);
-moz-transform: rotate(25.71429deg);
-ms-transform: rotate(25.71429deg);
-o-transform: rotate(25.71429deg);
transform: rotate(25.71429deg); }
.kaleidoscope.n28 .tile.t5 {
display: block;
-webkit-transform: scale(-1, 1) rotate(25.71429deg);
-moz-transform: scale(-1, 1) rotate(25.71429deg);
-ms-transform: scale(-1, 1) rotate(25.71429deg);
-o-transform: scale(-1, 1) rotate(25.71429deg);
transform: scale(-1, 1) rotate(25.71429deg); }
.kaleidoscope.n28 .tile.t6 {
display: block;
-webkit-transform: rotate(38.57143deg);
-moz-transform: rotate(38.57143deg);
-ms-transform: rotate(38.57143deg);
-o-transform: rotate(38.57143deg);
transform: rotate(38.57143deg); }
.kaleidoscope.n28 .tile.t7 {
display: block;
-webkit-transform: scale(-1, 1) rotate(38.57143deg);
-moz-transform: scale(-1, 1) rotate(38.57143deg);
-ms-transform: scale(-1, 1) rotate(38.57143deg);
-o-transform: scale(-1, 1) rotate(38.57143deg);
transform: scale(-1, 1) rotate(38.57143deg); }
.kaleidoscope.n28 .tile.t8 {
display: block;
-webkit-transform: rotate(51.42857deg);
-moz-transform: rotate(51.42857deg);
-ms-transform: rotate(51.42857deg);
-o-transform: rotate(51.42857deg);
transform: rotate(51.42857deg); }
.kaleidoscope.n28 .tile.t9 {
display: block;
-webkit-transform: scale(-1, 1) rotate(51.42857deg);
-moz-transform: scale(-1, 1) rotate(51.42857deg);
-ms-transform: scale(-1, 1) rotate(51.42857deg);
-o-transform: scale(-1, 1) rotate(51.42857deg);
transform: scale(-1, 1) rotate(51.42857deg); }
.kaleidoscope.n28 .tile.t10 {
display: block;
-webkit-transform: rotate(64.28571deg);
-moz-transform: rotate(64.28571deg);
-ms-transform: rotate(64.28571deg);
-o-transform: rotate(64.28571deg);
transform: rotate(64.28571deg); }
.kaleidoscope.n28 .tile.t11 {
display: block;
-webkit-transform: scale(-1, 1) rotate(64.28571deg);
-moz-transform: scale(-1, 1) rotate(64.28571deg);
-ms-transform: scale(-1, 1) rotate(64.28571deg);
-o-transform: scale(-1, 1) rotate(64.28571deg);
transform: scale(-1, 1) rotate(64.28571deg); }
.kaleidoscope.n28 .tile.t12 {
display: block;
-webkit-transform: rotate(77.14286deg);
-moz-transform: rotate(77.14286deg);
-ms-transform: rotate(77.14286deg);
-o-transform: rotate(77.14286deg);
transform: rotate(77.14286deg); }
.kaleidoscope.n28 .tile.t13 {
display: block;
-webkit-transform: scale(-1, 1) rotate(77.14286deg);
-moz-transform: scale(-1, 1) rotate(77.14286deg);
-ms-transform: scale(-1, 1) rotate(77.14286deg);
-o-transform: scale(-1, 1) rotate(77.14286deg);
transform: scale(-1, 1) rotate(77.14286deg); }
.kaleidoscope.n28 .tile.t14 {
display: block;
-webkit-transform: rotate(90.0deg);
-moz-transform: rotate(90.0deg);
-ms-transform: rotate(90.0deg);
-o-transform: rotate(90.0deg);
transform: rotate(90.0deg); }
.kaleidoscope.n28 .tile.t15 {
display: block;
-webkit-transform: scale(-1, 1) rotate(90.0deg);
-moz-transform: scale(-1, 1) rotate(90.0deg);
-ms-transform: scale(-1, 1) rotate(90.0deg);
-o-transform: scale(-1, 1) rotate(90.0deg);
transform: scale(-1, 1) rotate(90.0deg); }
.kaleidoscope.n28 .tile.t16 {
display: block;
-webkit-transform: rotate(102.85714deg);
-moz-transform: rotate(102.85714deg);
-ms-transform: rotate(102.85714deg);
-o-transform: rotate(102.85714deg);
transform: rotate(102.85714deg); }
.kaleidoscope.n28 .tile.t17 {
display: block;
-webkit-transform: scale(-1, 1) rotate(102.85714deg);
-moz-transform: scale(-1, 1) rotate(102.85714deg);
-ms-transform: scale(-1, 1) rotate(102.85714deg);
-o-transform: scale(-1, 1) rotate(102.85714deg);
transform: scale(-1, 1) rotate(102.85714deg); }
.kaleidoscope.n28 .tile.t18 {
display: block;
-webkit-transform: rotate(115.71429deg);
-moz-transform: rotate(115.71429deg);
-ms-transform: rotate(115.71429deg);
-o-transform: rotate(115.71429deg);
transform: rotate(115.71429deg); }
.kaleidoscope.n28 .tile.t19 {
display: block;
-webkit-transform: scale(-1, 1) rotate(115.71429deg);
-moz-transform: scale(-1, 1) rotate(115.71429deg);
-ms-transform: scale(-1, 1) rotate(115.71429deg);
-o-transform: scale(-1, 1) rotate(115.71429deg);
transform: scale(-1, 1) rotate(115.71429deg); }
.kaleidoscope.n28 .tile.t20 {
display: block;
-webkit-transform: rotate(128.57143deg);
-moz-transform: rotate(128.57143deg);
-ms-transform: rotate(128.57143deg);
-o-transform: rotate(128.57143deg);
transform: rotate(128.57143deg); }
.kaleidoscope.n28 .tile.t21 {
display: block;
-webkit-transform: scale(-1, 1) rotate(128.57143deg);
-moz-transform: scale(-1, 1) rotate(128.57143deg);
-ms-transform: scale(-1, 1) rotate(128.57143deg);
-o-transform: scale(-1, 1) rotate(128.57143deg);
transform: scale(-1, 1) rotate(128.57143deg); }
.kaleidoscope.n28 .tile.t22 {
display: block;
-webkit-transform: rotate(141.42857deg);
-moz-transform: rotate(141.42857deg);
-ms-transform: rotate(141.42857deg);
-o-transform: rotate(141.42857deg);
transform: rotate(141.42857deg); }
.kaleidoscope.n28 .tile.t23 {
display: block;
-webkit-transform: scale(-1, 1) rotate(141.42857deg);
-moz-transform: scale(-1, 1) rotate(141.42857deg);
-ms-transform: scale(-1, 1) rotate(141.42857deg);
-o-transform: scale(-1, 1) rotate(141.42857deg);
transform: scale(-1, 1) rotate(141.42857deg); }
.kaleidoscope.n28 .tile.t24 {
display: block;
-webkit-transform: rotate(154.28571deg);
-moz-transform: rotate(154.28571deg);
-ms-transform: rotate(154.28571deg);
-o-transform: rotate(154.28571deg);
transform: rotate(154.28571deg); }
.kaleidoscope.n28 .tile.t25 {
display: block;
-webkit-transform: scale(-1, 1) rotate(154.28571deg);
-moz-transform: scale(-1, 1) rotate(154.28571deg);
-ms-transform: scale(-1, 1) rotate(154.28571deg);
-o-transform: scale(-1, 1) rotate(154.28571deg);
transform: scale(-1, 1) rotate(154.28571deg); }
.kaleidoscope.n28 .tile.t26 {
display: block;
-webkit-transform: rotate(167.14286deg);
-moz-transform: rotate(167.14286deg);
-ms-transform: rotate(167.14286deg);
-o-transform: rotate(167.14286deg);
transform: rotate(167.14286deg); }
.kaleidoscope.n28 .tile.t27 {
display: block;
-webkit-transform: scale(-1, 1) rotate(167.14286deg);
-moz-transform: scale(-1, 1) rotate(167.14286deg);
-ms-transform: scale(-1, 1) rotate(167.14286deg);
-o-transform: scale(-1, 1) rotate(167.14286deg);
transform: scale(-1, 1) rotate(167.14286deg); }
.kaleidoscope.n28 .tile.t28 {
display: block;
-webkit-transform: rotate(180.0deg);
-moz-transform: rotate(180.0deg);
-ms-transform: rotate(180.0deg);
-o-transform: rotate(180.0deg);
transform: rotate(180.0deg); }
.kaleidoscope.n28 .tile.t29 {
display: block;
-webkit-transform: scale(-1, 1) rotate(180.0deg);
-moz-transform: scale(-1, 1) rotate(180.0deg);
-ms-transform: scale(-1, 1) rotate(180.0deg);
-o-transform: scale(-1, 1) rotate(180.0deg);
transform: scale(-1, 1) rotate(180.0deg); }
.kaleidoscope.n28 .tile.t30 {
display: block;
-webkit-transform: rotate(192.85714deg);
-moz-transform: rotate(192.85714deg);
-ms-transform: rotate(192.85714deg);
-o-transform: rotate(192.85714deg);
transform: rotate(192.85714deg); }
.kaleidoscope.n28 .tile.t31 {
display: block;
-webkit-transform: scale(-1, 1) rotate(192.85714deg);
-moz-transform: scale(-1, 1) rotate(192.85714deg);
-ms-transform: scale(-1, 1) rotate(192.85714deg);
-o-transform: scale(-1, 1) rotate(192.85714deg);
transform: scale(-1, 1) rotate(192.85714deg); }
.kaleidoscope.n28 .tile.t32 {
display: block;
-webkit-transform: rotate(205.71429deg);
-moz-transform: rotate(205.71429deg);
-ms-transform: rotate(205.71429deg);
-o-transform: rotate(205.71429deg);
transform: rotate(205.71429deg); }
.kaleidoscope.n28 .tile.t33 {
display: block;
-webkit-transform: scale(-1, 1) rotate(205.71429deg);
-moz-transform: scale(-1, 1) rotate(205.71429deg);
-ms-transform: scale(-1, 1) rotate(205.71429deg);
-o-transform: scale(-1, 1) rotate(205.71429deg);
transform: scale(-1, 1) rotate(205.71429deg); }
.kaleidoscope.n28 .tile.t34 {
display: block;
-webkit-transform: rotate(218.57143deg);
-moz-transform: rotate(218.57143deg);
-ms-transform: rotate(218.57143deg);
-o-transform: rotate(218.57143deg);
transform: rotate(218.57143deg); }
.kaleidoscope.n28 .tile.t35 {
display: block;
-webkit-transform: scale(-1, 1) rotate(218.57143deg);
-moz-transform: scale(-1, 1) rotate(218.57143deg);
-ms-transform: scale(-1, 1) rotate(218.57143deg);
-o-transform: scale(-1, 1) rotate(218.57143deg);
transform: scale(-1, 1) rotate(218.57143deg); }
.kaleidoscope.n28 .tile.t36 {
display: block;
-webkit-transform: rotate(231.42857deg);
-moz-transform: rotate(231.42857deg);
-ms-transform: rotate(231.42857deg);
-o-transform: rotate(231.42857deg);
transform: rotate(231.42857deg); }
.kaleidoscope.n28 .tile.t37 {
display: block;
-webkit-transform: scale(-1, 1) rotate(231.42857deg);
-moz-transform: scale(-1, 1) rotate(231.42857deg);
-ms-transform: scale(-1, 1) rotate(231.42857deg);
-o-transform: scale(-1, 1) rotate(231.42857deg);
transform: scale(-1, 1) rotate(231.42857deg); }
.kaleidoscope.n28 .tile.t38 {
display: block;
-webkit-transform: rotate(244.28571deg);
-moz-transform: rotate(244.28571deg);
-ms-transform: rotate(244.28571deg);
-o-transform: rotate(244.28571deg);
transform: rotate(244.28571deg); }
.kaleidoscope.n28 .tile.t39 {
display: block;
-webkit-transform: scale(-1, 1) rotate(244.28571deg);
-moz-transform: scale(-1, 1) rotate(244.28571deg);
-ms-transform: scale(-1, 1) rotate(244.28571deg);
-o-transform: scale(-1, 1) rotate(244.28571deg);
transform: scale(-1, 1) rotate(244.28571deg); }
.kaleidoscope.n28 .tile.t40 {
display: block;
-webkit-transform: rotate(257.14286deg);
-moz-transform: rotate(257.14286deg);
-ms-transform: rotate(257.14286deg);
-o-transform: rotate(257.14286deg);
transform: rotate(257.14286deg); }
.kaleidoscope.n28 .tile.t41 {
display: block;
-webkit-transform: scale(-1, 1) rotate(257.14286deg);
-moz-transform: scale(-1, 1) rotate(257.14286deg);
-ms-transform: scale(-1, 1) rotate(257.14286deg);
-o-transform: scale(-1, 1) rotate(257.14286deg);
transform: scale(-1, 1) rotate(257.14286deg); }
.kaleidoscope.n28 .tile.t42 {
display: block;
-webkit-transform: rotate(270.0deg);
-moz-transform: rotate(270.0deg);
-ms-transform: rotate(270.0deg);
-o-transform: rotate(270.0deg);
transform: rotate(270.0deg); }
.kaleidoscope.n28 .tile.t43 {
display: block;
-webkit-transform: scale(-1, 1) rotate(270.0deg);
-moz-transform: scale(-1, 1) rotate(270.0deg);
-ms-transform: scale(-1, 1) rotate(270.0deg);
-o-transform: scale(-1, 1) rotate(270.0deg);
transform: scale(-1, 1) rotate(270.0deg); }
.kaleidoscope.n28 .tile.t44 {
display: block;
-webkit-transform: rotate(282.85714deg);
-moz-transform: rotate(282.85714deg);
-ms-transform: rotate(282.85714deg);
-o-transform: rotate(282.85714deg);
transform: rotate(282.85714deg); }
.kaleidoscope.n28 .tile.t45 {
display: block;
-webkit-transform: scale(-1, 1) rotate(282.85714deg);
-moz-transform: scale(-1, 1) rotate(282.85714deg);
-ms-transform: scale(-1, 1) rotate(282.85714deg);
-o-transform: scale(-1, 1) rotate(282.85714deg);
transform: scale(-1, 1) rotate(282.85714deg); }
.kaleidoscope.n28 .tile.t46 {
display: block;
-webkit-transform: rotate(295.71429deg);
-moz-transform: rotate(295.71429deg);
-ms-transform: rotate(295.71429deg);
-o-transform: rotate(295.71429deg);
transform: rotate(295.71429deg); }
.kaleidoscope.n28 .tile.t47 {
display: block;
-webkit-transform: scale(-1, 1) rotate(295.71429deg);
-moz-transform: scale(-1, 1) rotate(295.71429deg);
-ms-transform: scale(-1, 1) rotate(295.71429deg);
-o-transform: scale(-1, 1) rotate(295.71429deg);
transform: scale(-1, 1) rotate(295.71429deg); }
.kaleidoscope.n28 .tile.t48 {
display: block;
-webkit-transform: rotate(308.57143deg);
-moz-transform: rotate(308.57143deg);
-ms-transform: rotate(308.57143deg);
-o-transform: rotate(308.57143deg);
transform: rotate(308.57143deg); }
.kaleidoscope.n28 .tile.t49 {
display: block;
-webkit-transform: scale(-1, 1) rotate(308.57143deg);
-moz-transform: scale(-1, 1) rotate(308.57143deg);
-ms-transform: scale(-1, 1) rotate(308.57143deg);
-o-transform: scale(-1, 1) rotate(308.57143deg);
transform: scale(-1, 1) rotate(308.57143deg); }
.kaleidoscope.n28 .tile.t50 {
display: block;
-webkit-transform: rotate(321.42857deg);
-moz-transform: rotate(321.42857deg);
-ms-transform: rotate(321.42857deg);
-o-transform: rotate(321.42857deg);
transform: rotate(321.42857deg); }
.kaleidoscope.n28 .tile.t51 {
display: block;
-webkit-transform: scale(-1, 1) rotate(321.42857deg);
-moz-transform: scale(-1, 1) rotate(321.42857deg);
-ms-transform: scale(-1, 1) rotate(321.42857deg);
-o-transform: scale(-1, 1) rotate(321.42857deg);
transform: scale(-1, 1) rotate(321.42857deg); }
.kaleidoscope.n28 .tile.t52 {
display: block;
-webkit-transform: rotate(334.28571deg);
-moz-transform: rotate(334.28571deg);
-ms-transform: rotate(334.28571deg);
-o-transform: rotate(334.28571deg);
transform: rotate(334.28571deg); }
.kaleidoscope.n28 .tile.t53 {
display: block;
-webkit-transform: scale(-1, 1) rotate(334.28571deg);
-moz-transform: scale(-1, 1) rotate(334.28571deg);
-ms-transform: scale(-1, 1) rotate(334.28571deg);
-o-transform: scale(-1, 1) rotate(334.28571deg);
transform: scale(-1, 1) rotate(334.28571deg); }
.kaleidoscope.n28 .tile.t54 {
display: block;
-webkit-transform: rotate(347.14286deg);
-moz-transform: rotate(347.14286deg);
-ms-transform: rotate(347.14286deg);
-o-transform: rotate(347.14286deg);
transform: rotate(347.14286deg); }
.kaleidoscope.n28 .tile.t55 {
display: block;
-webkit-transform: scale(-1, 1) rotate(347.14286deg);
-moz-transform: scale(-1, 1) rotate(347.14286deg);
-ms-transform: scale(-1, 1) rotate(347.14286deg);
-o-transform: scale(-1, 1) rotate(347.14286deg);
transform: scale(-1, 1) rotate(347.14286deg); }
.kaleidoscope.n28 .tile .image {
position: relative;
top: 0;
left: 100%;
height: 100%;
width: 100%;
background-image: url(http://3.bp.blogspot.com/-ngRcjH2o1Z8/UDjvxZrbpYI/AAAAAAAABMU/QDFNiStAbZ4/s1600/fractal25.jpg);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transform: rotate(6.42857deg);
-moz-transform: rotate(6.42857deg);
-ms-transform: rotate(6.42857deg);
-o-transform: rotate(6.42857deg);
transform: rotate(6.42857deg); }
.kaleidoscope.n29 .tile.t0 {
display: block;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
.kaleidoscope.n29 .tile.t1 {
display: block;
-webkit-transform: scale(-1, 1) rotate(0deg);
-moz-transform: scale(-1, 1) rotate(0deg);
-ms-transform: scale(-1, 1) rotate(0deg);
-o-transform: scale(-1, 1) rotate(0deg);
transform: scale(-1, 1) rotate(0deg); }
.kaleidoscope.n29 .tile.t2 {
display: block;
-webkit-transform: rotate(12.41379deg);
-moz-transform: rotate(12.41379deg);
-ms-transform: rotate(12.41379deg);
-o-transform: rotate(12.41379deg);
transform: rotate(12.41379deg); }
.kaleidoscope.n29 .tile.t3 {
display: block;
-webkit-transform: scale(-1, 1) rotate(12.41379deg);
-moz-transform: scale(-1, 1) rotate(12.41379deg);
-ms-transform: scale(-1, 1) rotate(12.41379deg);
-o-transform: scale(-1, 1) rotate(12.41379deg);
transform: scale(-1, 1) rotate(12.41379deg); }
.kaleidoscope.n29 .tile.t4 {
display: block;
-webkit-transform: rotate(24.82759deg);
-moz-transform: rotate(24.82759deg);
-ms-transform: rotate(24.82759deg);
-o-transform: rotate(24.82759deg);
transform: rotate(24.82759deg); }
.kaleidoscope.n29 .tile.t5 {
display: block;
-webkit-transform: scale(-1, 1) rotate(24.82759deg);
-moz-transform: scale(-1, 1) rotate(24.82759deg);
-ms-transform: scale(-1, 1) rotate(24.82759deg);
-o-transform: scale(-1, 1) rotate(24.82759deg);
transform: scale(-1, 1) rotate(24.82759deg); }
.kaleidoscope.n29 .tile.t6 {
display: block;
-webkit-transform: rotate(37.24138deg);
-moz-transform: rotate(37.24138deg);
-ms-transform: rotate(37.24138deg);
-o-transform: rotate(37.24138deg);
transform: rotate(37.24138deg); }
.kaleidoscope.n29 .tile.t7 {
display: block;
-webkit-transform: scale(-1, 1) rotate(37.24138deg);
-moz-transform: scale(-1, 1) rotate(37.24138deg);
-ms-transform: scale(-1, 1) rotate(37.24138deg);
-o-transform: scale(-1, 1) rotate(37.24138deg);
transform: scale(-1, 1) rotate(37.24138deg); }
.kaleidoscope.n29 .tile.t8 {
display: block;
-webkit-transform: rotate(49.65517deg);
-moz-transform: rotate(49.65517deg);
-ms-transform: rotate(49.65517deg);
-o-transform: rotate(49.65517deg);
transform: rotate(49.65517deg); }
.kaleidoscope.n29 .tile.t9 {
display: block;
-webkit-transform: scale(-1, 1) rotate(49.65517deg);
-moz-transform: scale(-1, 1) rotate(49.65517deg);
-ms-transform: scale(-1, 1) rotate(49.65517deg);
-o-transform: scale(-1, 1) rotate(49.65517deg);
transform: scale(-1, 1) rotate(49.65517deg); }
.kaleidoscope.n29 .tile.t10 {
display: block;
-webkit-transform: rotate(62.06897deg);
-moz-transform: rotate(62.06897deg);
-ms-transform: rotate(62.06897deg);
-o-transform: rotate(62.06897deg);
transform: rotate(62.06897deg); }
.kaleidoscope.n29 .tile.t11 {
display: block;
-webkit-transform: scale(-1, 1) rotate(62.06897deg);
-moz-transform: scale(-1, 1) rotate(62.06897deg);
-ms-transform: scale(-1, 1) rotate(62.06897deg);
-o-transform: scale(-1, 1) rotate(62.06897deg);
transform: scale(-1, 1) rotate(62.06897deg); }
.kaleidoscope.n29 .tile.t12 {
display: block;
-webkit-transform: rotate(74.48276deg);
-moz-transform: rotate(74.48276deg);
-ms-transform: rotate(74.48276deg);
-o-transform: rotate(74.48276deg);
transform: rotate(74.48276deg); }
.kaleidoscope.n29 .tile.t13 {
display: block;
-webkit-transform: scale(-1, 1) rotate(74.48276deg);
-moz-transform: scale(-1, 1) rotate(74.48276deg);
-ms-transform: scale(-1, 1) rotate(74.48276deg);
-o-transform: scale(-1, 1) rotate(74.48276deg);
transform: scale(-1, 1) rotate(74.48276deg); }
.kaleidoscope.n29 .tile.t14 {
display: block;
-webkit-transform: rotate(86.89655deg);
-moz-transform: rotate(86.89655deg);
-ms-transform: rotate(86.89655deg);
-o-transform: rotate(86.89655deg);
transform: rotate(86.89655deg); }
.kaleidoscope.n29 .tile.t15 {
display: block;
-webkit-transform: scale(-1, 1) rotate(86.89655deg);
-moz-transform: scale(-1, 1) rotate(86.89655deg);
-ms-transform: scale(-1, 1) rotate(86.89655deg);
-o-transform: scale(-1, 1) rotate(86.89655deg);
transform: scale(-1, 1) rotate(86.89655deg); }
.kaleidoscope.n29 .tile.t16 {
display: block;
-webkit-transform: rotate(99.31034deg);
-moz-transform: rotate(99.31034deg);
-ms-transform: rotate(99.31034deg);
-o-transform: rotate(99.31034deg);
transform: rotate(99.31034deg); }
.kaleidoscope.n29 .tile.t17 {
display: block;
-webkit-transform: scale(-1, 1) rotate(99.31034deg);
-moz-transform: scale(-1, 1) rotate(99.31034deg);
-ms-transform: scale(-1, 1) rotate(99.31034deg);
-o-transform: scale(-1, 1) rotate(99.31034deg);
transform: scale(-1, 1) rotate(99.31034deg); }
.kaleidoscope.n29 .tile.t18 {
display: block;
-webkit-transform: rotate(111.72414deg);
-moz-transform: rotate(111.72414deg);
-ms-transform: rotate(111.72414deg);
-o-transform: rotate(111.72414deg);
transform: rotate(111.72414deg); }
.kaleidoscope.n29 .tile.t19 {
display: block;
-webkit-transform: scale(-1, 1) rotate(111.72414deg);
-moz-transform: scale(-1, 1) rotate(111.72414deg);
-ms-transform: scale(-1, 1) rotate(111.72414deg);
-o-transform: scale(-1, 1) rotate(111.72414deg);
transform: scale(-1, 1) rotate(111.72414deg); }
.kaleidoscope.n29 .tile.t20 {
display: block;
-webkit-transform: rotate(124.13793deg);
-moz-transform: rotate(124.13793deg);
-ms-transform: rotate(124.13793deg);
-o-transform: rotate(124.13793deg);
transform: rotate(124.13793deg); }
.kaleidoscope.n29 .tile.t21 {
display: block;
-webkit-transform: scale(-1, 1) rotate(124.13793deg);
-moz-transform: scale(-1, 1) rotate(124.13793deg);
-ms-transform: scale(-1, 1) rotate(124.13793deg);
-o-transform: scale(-1, 1) rotate(124.13793deg);
transform: scale(-1, 1) rotate(124.13793deg); }
.kaleidoscope.n29 .tile.t22 {
display: block;
-webkit-transform: rotate(136.55172deg);
-moz-transform: rotate(136.55172deg);
-ms-transform: rotate(136.55172deg);
-o-transform: rotate(136.55172deg);
transform: rotate(136.55172deg); }
.kaleidoscope.n29 .tile.t23 {
display: block;
-webkit-transform: scale(-1, 1) rotate(136.55172deg);
-moz-transform: scale(-1, 1) rotate(136.55172deg);
-ms-transform: scale(-1, 1) rotate(136.55172deg);
-o-transform: scale(-1, 1) rotate(136.55172deg);
transform: scale(-1, 1) rotate(136.55172deg); }
.kaleidoscope.n29 .tile.t24 {
display: block;
-webkit-transform: rotate(148.96552deg);
-moz-transform: rotate(148.96552deg);
-ms-transform: rotate(148.96552deg);
-o-transform: rotate(148.96552deg);
transform: rotate(148.96552deg); }
.kaleidoscope.n29 .tile.t25 {
display: block;
-webkit-transform: scale(-1, 1) rotate(148.96552deg);
-moz-transform: scale(-1, 1) rotate(148.96552deg);
-ms-transform: scale(-1, 1) rotate(148.96552deg);
-o-transform: scale(-1, 1) rotate(148.96552deg);
transform: scale(-1, 1) rotate(148.96552deg); }
.kaleidoscope.n29 .tile.t26 {
display: block;
-webkit-transform: rotate(161.37931deg);
-moz-transform: rotate(161.37931deg);
-ms-transform: rotate(161.37931deg);
-o-transform: rotate(161.37931deg);
transform: rotate(161.37931deg); }
.kaleidoscope.n29 .tile.t27 {
display: block;
-webkit-transform: scale(-1, 1) rotate(161.37931deg);
-moz-transform: scale(-1, 1) rotate(161.37931deg);
-ms-transform: scale(-1, 1) rotate(161.37931deg);
-o-transform: scale(-1, 1) rotate(161.37931deg);
transform: scale(-1, 1) rotate(161.37931deg); }
.kaleidoscope.n29 .tile.t28 {
display: block;
-webkit-transform: rotate(173.7931deg);
-moz-transform: rotate(173.7931deg);
-ms-transform: rotate(173.7931deg);
-o-transform: rotate(173.7931deg);
transform: rotate(173.7931deg); }
.kaleidoscope.n29 .tile.t29 {
display: block;
-webkit-transform: scale(-1, 1) rotate(173.7931deg);
-moz-transform: scale(-1, 1) rotate(173.7931deg);
-ms-transform: scale(-1, 1) rotate(173.7931deg);
-o-transform: scale(-1, 1) rotate(173.7931deg);
transform: scale(-1, 1) rotate(173.7931deg); }
.kaleidoscope.n29 .tile.t30 {
display: block;
-webkit-transform: rotate(186.2069deg);
-moz-transform: rotate(186.2069deg);
-ms-transform: rotate(186.2069deg);
-o-transform: rotate(186.2069deg);
transform: rotate(186.2069deg); }
.kaleidoscope.n29 .tile.t31 {
display: block;
-webkit-transform: scale(-1, 1) rotate(186.2069deg);
-moz-transform: scale(-1, 1) rotate(186.2069deg);
-ms-transform: scale(-1, 1) rotate(186.2069deg);
-o-transform: scale(-1, 1) rotate(186.2069deg);
transform: scale(-1, 1) rotate(186.2069deg); }
.kaleidoscope.n29 .tile.t32 {
display: block;
-webkit-transform: rotate(198.62069deg);
-moz-transform: rotate(198.62069deg);
-ms-transform: rotate(198.62069deg);
-o-transform: rotate(198.62069deg);
transform: rotate(198.62069deg); }
.kaleidoscope.n29 .tile.t33 {
display: block;
-webkit-transform: scale(-1, 1) rotate(198.62069deg);
-moz-transform: scale(-1, 1) rotate(198.62069deg);
-ms-transform: scale(-1, 1) rotate(198.62069deg);
-o-transform: scale(-1, 1) rotate(198.62069deg);
transform: scale(-1, 1) rotate(198.62069deg); }
.kaleidoscope.n29 .tile.t34 {
display: block;
-webkit-transform: rotate(211.03448deg);
-moz-transform: rotate(211.03448deg);
-ms-transform: rotate(211.03448deg);
-o-transform: rotate(211.03448deg);
transform: rotate(211.03448deg); }
.kaleidoscope.n29 .tile.t35 {
display: block;
-webkit-transform: scale(-1, 1) rotate(211.03448deg);
-moz-transform: scale(-1, 1) rotate(211.03448deg);
-ms-transform: scale(-1, 1) rotate(211.03448deg);
-o-transform: scale(-1, 1) rotate(211.03448deg);
transform: scale(-1, 1) rotate(211.03448deg); }
.kaleidoscope.n29 .tile.t36 {
display: block;
-webkit-transform: rotate(223.44828deg);
-moz-transform: rotate(223.44828deg);
-ms-transform: rotate(223.44828deg);
-o-transform: rotate(223.44828deg);
transform: rotate(223.44828deg); }
.kaleidoscope.n29 .tile.t37 {
display: block;
-webkit-transform: scale(-1, 1) rotate(223.44828deg);
-moz-transform: scale(-1, 1) rotate(223.44828deg);
-ms-transform: scale(-1, 1) rotate(223.44828deg);
-o-transform: scale(-1, 1) rotate(223.44828deg);
transform: scale(-1, 1) rotate(223.44828deg); }
.kaleidoscope.n29 .tile.t38 {
display: block;
-webkit-transform: rotate(235.86207deg);
-moz-transform: rotate(235.86207deg);
-ms-transform: rotate(235.86207deg);
-o-transform: rotate(235.86207deg);
transform: rotate(235.86207deg); }
.kaleidoscope.n29 .tile.t39 {
display: block;
-webkit-transform: scale(-1, 1) rotate(235.86207deg);
-moz-transform: scale(-1, 1) rotate(235.86207deg);
-ms-transform: scale(-1, 1) rotate(235.86207deg);
-o-transform: scale(-1, 1) rotate(235.86207deg);
transform: scale(-1, 1) rotate(235.86207deg); }
.kaleidoscope.n29 .tile.t40 {
display: block;
-webkit-transform: rotate(248.27586deg);
-moz-transform: rotate(248.27586deg);
-ms-transform: rotate(248.27586deg);
-o-transform: rotate(248.27586deg);
transform: rotate(248.27586deg); }
.kaleidoscope.n29 .tile.t41 {
display: block;
-webkit-transform: scale(-1, 1) rotate(248.27586deg);
-moz-transform: scale(-1, 1) rotate(248.27586deg);
-ms-transform: scale(-1, 1) rotate(248.27586deg);
-o-transform: scale(-1, 1) rotate(248.27586deg);
transform: scale(-1, 1) rotate(248.27586deg); }
.kaleidoscope.n29 .tile.t42 {
display: block;
-webkit-transform: rotate(260.68966deg);
-moz-transform: rotate(260.68966deg);
-ms-transform: rotate(260.68966deg);
-o-transform: rotate(260.68966deg);
transform: rotate(260.68966deg); }
.kaleidoscope.n29 .tile.t43 {
display: block;
-webkit-transform: scale(-1, 1) rotate(260.68966deg);
-moz-transform: scale(-1, 1) rotate(260.68966deg);
-ms-transform: scale(-1, 1) rotate(260.68966deg);
-o-transform: scale(-1, 1) rotate(260.68966deg);
transform: scale(-1, 1) rotate(260.68966deg); }
.kaleidoscope.n29 .tile.t44 {
display: block;
-webkit-transform: rotate(273.10345deg);
-moz-transform: rotate(273.10345deg);
-ms-transform: rotate(273.10345deg);
-o-transform: rotate(273.10345deg);
transform: rotate(273.10345deg); }
.kaleidoscope.n29 .tile.t45 {
display: block;
-webkit-transform: scale(-1, 1) rotate(273.10345deg);
-moz-transform: scale(-1, 1) rotate(273.10345deg);
-ms-transform: scale(-1, 1) rotate(273.10345deg);
-o-transform: scale(-1, 1) rotate(273.10345deg);
transform: scale(-1, 1) rotate(273.10345deg); }
.kaleidoscope.n29 .tile.t46 {
display: block;
-webkit-transform: rotate(285.51724deg);
-moz-transform: rotate(285.51724deg);
-ms-transform: rotate(285.51724deg);
-o-transform: rotate(285.51724deg);
transform: rotate(285.51724deg); }
.kaleidoscope.n29 .tile.t47 {
display: block;
-webkit-transform: scale(-1, 1) rotate(285.51724deg);
-moz-transform: scale(-1, 1) rotate(285.51724deg);
-ms-transform: scale(-1, 1) rotate(285.51724deg);
-o-transform: scale(-1, 1) rotate(285.51724deg);
transform: scale(-1, 1) rotate(285.51724deg); }
.kaleidoscope.n29 .tile.t48 {
display: block;
-webkit-transform: rotate(297.93103deg);
-moz-transform: rotate(297.93103deg);
-ms-transform: rotate(297.93103deg);
-o-transform: rotate(297.93103deg);
transform: rotate(297.93103deg); }
.kaleidoscope.n29 .tile.t49 {
display: block;
-webkit-transform: scale(-1, 1) rotate(297.93103deg);
-moz-transform: scale(-1, 1) rotate(297.93103deg);
-ms-transform: scale(-1, 1) rotate(297.93103deg);
-o-transform: scale(-1, 1) rotate(297.93103deg);
transform: scale(-1, 1) rotate(297.93103deg); }
.kaleidoscope.n29 .tile.t50 {
display: block;
-webkit-transform: rotate(310.34483deg);
-moz-transform: rotate(310.34483deg);
-ms-transform: rotate(310.34483deg);
-o-transform: rotate(310.34483deg);
transform: rotate(310.34483deg); }
.kaleidoscope.n29 .tile.t51 {
display: block;
-webkit-transform: scale(-1, 1) rotate(310.34483deg);
-moz-transform: scale(-1, 1) rotate(310.34483deg);
-ms-transform: scale(-1, 1) rotate(310.34483deg);
-o-transform: scale(-1, 1) rotate(310.34483deg);
transform: scale(-1, 1) rotate(310.34483deg); }
.kaleidoscope.n29 .tile.t52 {
display: block;
-webkit-transform: rotate(322.75862deg);
-moz-transform: rotate(322.75862deg);
-ms-transform: rotate(322.75862deg);
-o-transform: rotate(322.75862deg);
transform: rotate(322.75862deg); }
.kaleidoscope.n29 .tile.t53 {
display: block;
-webkit-transform: scale(-1, 1) rotate(322.75862deg);
-moz-transform: scale(-1, 1) rotate(322.75862deg);
-ms-transform: scale(-1, 1) rotate(322.75862deg);
-o-transform: scale(-1, 1) rotate(322.75862deg);
transform: scale(-1, 1) rotate(322.75862deg); }
.kaleidoscope.n29 .tile.t54 {
display: block;
-webkit-transform: rotate(335.17241deg);
-moz-transform: rotate(335.17241deg);
-ms-transform: rotate(335.17241deg);
-o-transform: rotate(335.17241deg);
transform: rotate(335.17241deg); }
.kaleidoscope.n29 .tile.t55 {
display: block;
-webkit-transform: scale(-1, 1) rotate(335.17241deg);
-moz-transform: scale(-1, 1) rotate(335.17241deg);
-ms-transform: scale(-1, 1) rotate(335.17241deg);
-o-transform: scale(-1, 1) rotate(335.17241deg);
transform: scale(-1, 1) rotate(335.17241deg); }
.kaleidoscope.n29 .tile.t56 {
display: block;
-webkit-transform: rotate(347.58621deg);
-moz-transform: rotate(347.58621deg);
-ms-transform: rotate(347.58621deg);
-o-transform: rotate(347.58621deg);
transform: rotate(347.58621deg); }
.kaleidoscope.n29 .tile.t57 {
display: block;
-webkit-transform: scale(-1, 1) rotate(347.58621deg);
-moz-transform: scale(-1, 1) rotate(347.58621deg);
-ms-transform: scale(-1, 1) rotate(347.58621deg);
-o-transform: scale(-1, 1) rotate(347.58621deg);
transform: scale(-1, 1) rotate(347.58621deg); }
.kaleidoscope.n29 .tile .image {
position: relative;
top: 0;
left: 100%;
height: 100%;
width: 100%;
background-image: url(http://3.bp.blogspot.com/-ngRcjH2o1Z8/UDjvxZrbpYI/AAAAAAAABMU/QDFNiStAbZ4/s1600/fractal25.jpg);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transform: rotate(6.2069deg);
-moz-transform: rotate(6.2069deg);
-ms-transform: rotate(6.2069deg);
-o-transform: rotate(6.2069deg);
transform: rotate(6.2069deg); }
.kaleidoscope.n30 .tile.t0 {
display: block;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
.kaleidoscope.n30 .tile.t1 {
display: block;
-webkit-transform: scale(-1, 1) rotate(0deg);
-moz-transform: scale(-1, 1) rotate(0deg);
-ms-transform: scale(-1, 1) rotate(0deg);
-o-transform: scale(-1, 1) rotate(0deg);
transform: scale(-1, 1) rotate(0deg); }
.kaleidoscope.n30 .tile.t2 {
display: block;
-webkit-transform: rotate(12deg);
-moz-transform: rotate(12deg);
-ms-transform: rotate(12deg);
-o-transform: rotate(12deg);
transform: rotate(12deg); }
.kaleidoscope.n30 .tile.t3 {
display: block;
-webkit-transform: scale(-1, 1) rotate(12deg);
-moz-transform: scale(-1, 1) rotate(12deg);
-ms-transform: scale(-1, 1) rotate(12deg);
-o-transform: scale(-1, 1) rotate(12deg);
transform: scale(-1, 1) rotate(12deg); }
.kaleidoscope.n30 .tile.t4 {
display: block;
-webkit-transform: rotate(24deg);
-moz-transform: rotate(24deg);
-ms-transform: rotate(24deg);
-o-transform: rotate(24deg);
transform: rotate(24deg); }
.kaleidoscope.n30 .tile.t5 {
display: block;
-webkit-transform: scale(-1, 1) rotate(24deg);
-moz-transform: scale(-1, 1) rotate(24deg);
-ms-transform: scale(-1, 1) rotate(24deg);
-o-transform: scale(-1, 1) rotate(24deg);
transform: scale(-1, 1) rotate(24deg); }
.kaleidoscope.n30 .tile.t6 {
display: block;
-webkit-transform: rotate(36deg);
-moz-transform: rotate(36deg);
-ms-transform: rotate(36deg);
-o-transform: rotate(36deg);
transform: rotate(36deg); }
.kaleidoscope.n30 .tile.t7 {
display: block;
-webkit-transform: scale(-1, 1) rotate(36deg);
-moz-transform: scale(-1, 1) rotate(36deg);
-ms-transform: scale(-1, 1) rotate(36deg);
-o-transform: scale(-1, 1) rotate(36deg);
transform: scale(-1, 1) rotate(36deg); }
.kaleidoscope.n30 .tile.t8 {
display: block;
-webkit-transform: rotate(48deg);
-moz-transform: rotate(48deg);
-ms-transform: rotate(48deg);
-o-transform: rotate(48deg);
transform: rotate(48deg); }
.kaleidoscope.n30 .tile.t9 {
display: block;
-webkit-transform: scale(-1, 1) rotate(48deg);
-moz-transform: scale(-1, 1) rotate(48deg);
-ms-transform: scale(-1, 1) rotate(48deg);
-o-transform: scale(-1, 1) rotate(48deg);
transform: scale(-1, 1) rotate(48deg); }
.kaleidoscope.n30 .tile.t10 {
display: block;
-webkit-transform: rotate(60deg);
-moz-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-o-transform: rotate(60deg);
transform: rotate(60deg); }
.kaleidoscope.n30 .tile.t11 {
display: block;
-webkit-transform: scale(-1, 1) rotate(60deg);
-moz-transform: scale(-1, 1) rotate(60deg);
-ms-transform: scale(-1, 1) rotate(60deg);
-o-transform: scale(-1, 1) rotate(60deg);
transform: scale(-1, 1) rotate(60deg); }
.kaleidoscope.n30 .tile.t12 {
display: block;
-webkit-transform: rotate(72deg);
-moz-transform: rotate(72deg);
-ms-transform: rotate(72deg);
-o-transform: rotate(72deg);
transform: rotate(72deg); }
.kaleidoscope.n30 .tile.t13 {
display: block;
-webkit-transform: scale(-1, 1) rotate(72deg);
-moz-transform: scale(-1, 1) rotate(72deg);
-ms-transform: scale(-1, 1) rotate(72deg);
-o-transform: scale(-1, 1) rotate(72deg);
transform: scale(-1, 1) rotate(72deg); }
.kaleidoscope.n30 .tile.t14 {
display: block;
-webkit-transform: rotate(84deg);
-moz-transform: rotate(84deg);
-ms-transform: rotate(84deg);
-o-transform: rotate(84deg);
transform: rotate(84deg); }
.kaleidoscope.n30 .tile.t15 {
display: block;
-webkit-transform: scale(-1, 1) rotate(84deg);
-moz-transform: scale(-1, 1) rotate(84deg);
-ms-transform: scale(-1, 1) rotate(84deg);
-o-transform: scale(-1, 1) rotate(84deg);
transform: scale(-1, 1) rotate(84deg); }
.kaleidoscope.n30 .tile.t16 {
display: block;
-webkit-transform: rotate(96deg);
-moz-transform: rotate(96deg);
-ms-transform: rotate(96deg);
-o-transform: rotate(96deg);
transform: rotate(96deg); }
.kaleidoscope.n30 .tile.t17 {
display: block;
-webkit-transform: scale(-1, 1) rotate(96deg);
-moz-transform: scale(-1, 1) rotate(96deg);
-ms-transform: scale(-1, 1) rotate(96deg);
-o-transform: scale(-1, 1) rotate(96deg);
transform: scale(-1, 1) rotate(96deg); }
.kaleidoscope.n30 .tile.t18 {
display: block;
-webkit-transform: rotate(108deg);
-moz-transform: rotate(108deg);
-ms-transform: rotate(108deg);
-o-transform: rotate(108deg);
transform: rotate(108deg); }
.kaleidoscope.n30 .tile.t19 {
display: block;
-webkit-transform: scale(-1, 1) rotate(108deg);
-moz-transform: scale(-1, 1) rotate(108deg);
-ms-transform: scale(-1, 1) rotate(108deg);
-o-transform: scale(-1, 1) rotate(108deg);
transform: scale(-1, 1) rotate(108deg); }
.kaleidoscope.n30 .tile.t20 {
display: block;
-webkit-transform: rotate(120deg);
-moz-transform: rotate(120deg);
-ms-transform: rotate(120deg);
-o-transform: rotate(120deg);
transform: rotate(120deg); }
.kaleidoscope.n30 .tile.t21 {
display: block;
-webkit-transform: scale(-1, 1) rotate(120deg);
-moz-transform: scale(-1, 1) rotate(120deg);
-ms-transform: scale(-1, 1) rotate(120deg);
-o-transform: scale(-1, 1) rotate(120deg);
transform: scale(-1, 1) rotate(120deg); }
.kaleidoscope.n30 .tile.t22 {
display: block;
-webkit-transform: rotate(132deg);
-moz-transform: rotate(132deg);
-ms-transform: rotate(132deg);
-o-transform: rotate(132deg);
transform: rotate(132deg); }
.kaleidoscope.n30 .tile.t23 {
display: block;
-webkit-transform: scale(-1, 1) rotate(132deg);
-moz-transform: scale(-1, 1) rotate(132deg);
-ms-transform: scale(-1, 1) rotate(132deg);
-o-transform: scale(-1, 1) rotate(132deg);
transform: scale(-1, 1) rotate(132deg); }
.kaleidoscope.n30 .tile.t24 {
display: block;
-webkit-transform: rotate(144deg);
-moz-transform: rotate(144deg);
-ms-transform: rotate(144deg);
-o-transform: rotate(144deg);
transform: rotate(144deg); }
.kaleidoscope.n30 .tile.t25 {
display: block;
-webkit-transform: scale(-1, 1) rotate(144deg);
-moz-transform: scale(-1, 1) rotate(144deg);
-ms-transform: scale(-1, 1) rotate(144deg);
-o-transform: scale(-1, 1) rotate(144deg);
transform: scale(-1, 1) rotate(144deg); }
.kaleidoscope.n30 .tile.t26 {
display: block;
-webkit-transform: rotate(156deg);
-moz-transform: rotate(156deg);
-ms-transform: rotate(156deg);
-o-transform: rotate(156deg);
transform: rotate(156deg); }
.kaleidoscope.n30 .tile.t27 {
display: block;
-webkit-transform: scale(-1, 1) rotate(156deg);
-moz-transform: scale(-1, 1) rotate(156deg);
-ms-transform: scale(-1, 1) rotate(156deg);
-o-transform: scale(-1, 1) rotate(156deg);
transform: scale(-1, 1) rotate(156deg); }
.kaleidoscope.n30 .tile.t28 {
display: block;
-webkit-transform: rotate(168deg);
-moz-transform: rotate(168deg);
-ms-transform: rotate(168deg);
-o-transform: rotate(168deg);
transform: rotate(168deg); }
.kaleidoscope.n30 .tile.t29 {
display: block;
-webkit-transform: scale(-1, 1) rotate(168deg);
-moz-transform: scale(-1, 1) rotate(168deg);
-ms-transform: scale(-1, 1) rotate(168deg);
-o-transform: scale(-1, 1) rotate(168deg);
transform: scale(-1, 1) rotate(168deg); }
.kaleidoscope.n30 .tile.t30 {
display: block;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg); }
.kaleidoscope.n30 .tile.t31 {
display: block;
-webkit-transform: scale(-1, 1) rotate(180deg);
-moz-transform: scale(-1, 1) rotate(180deg);
-ms-transform: scale(-1, 1) rotate(180deg);
-o-transform: scale(-1, 1) rotate(180deg);
transform: scale(-1, 1) rotate(180deg); }
.kaleidoscope.n30 .tile.t32 {
display: block;
-webkit-transform: rotate(192deg);
-moz-transform: rotate(192deg);
-ms-transform: rotate(192deg);
-o-transform: rotate(192deg);
transform: rotate(192deg); }
.kaleidoscope.n30 .tile.t33 {
display: block;
-webkit-transform: scale(-1, 1) rotate(192deg);
-moz-transform: scale(-1, 1) rotate(192deg);
-ms-transform: scale(-1, 1) rotate(192deg);
-o-transform: scale(-1, 1) rotate(192deg);
transform: scale(-1, 1) rotate(192deg); }
.kaleidoscope.n30 .tile.t34 {
display: block;
-webkit-transform: rotate(204deg);
-moz-transform: rotate(204deg);
-ms-transform: rotate(204deg);
-o-transform: rotate(204deg);
transform: rotate(204deg); }
.kaleidoscope.n30 .tile.t35 {
display: block;
-webkit-transform: scale(-1, 1) rotate(204deg);
-moz-transform: scale(-1, 1) rotate(204deg);
-ms-transform: scale(-1, 1) rotate(204deg);
-o-transform: scale(-1, 1) rotate(204deg);
transform: scale(-1, 1) rotate(204deg); }
.kaleidoscope.n30 .tile.t36 {
display: block;
-webkit-transform: rotate(216deg);
-moz-transform: rotate(216deg);
-ms-transform: rotate(216deg);
-o-transform: rotate(216deg);
transform: rotate(216deg); }
.kaleidoscope.n30 .tile.t37 {
display: block;
-webkit-transform: scale(-1, 1) rotate(216deg);
-moz-transform: scale(-1, 1) rotate(216deg);
-ms-transform: scale(-1, 1) rotate(216deg);
-o-transform: scale(-1, 1) rotate(216deg);
transform: scale(-1, 1) rotate(216deg); }
.kaleidoscope.n30 .tile.t38 {
display: block;
-webkit-transform: rotate(228deg);
-moz-transform: rotate(228deg);
-ms-transform: rotate(228deg);
-o-transform: rotate(228deg);
transform: rotate(228deg); }
.kaleidoscope.n30 .tile.t39 {
display: block;
-webkit-transform: scale(-1, 1) rotate(228deg);
-moz-transform: scale(-1, 1) rotate(228deg);
-ms-transform: scale(-1, 1) rotate(228deg);
-o-transform: scale(-1, 1) rotate(228deg);
transform: scale(-1, 1) rotate(228deg); }
.kaleidoscope.n30 .tile.t40 {
display: block;
-webkit-transform: rotate(240deg);
-moz-transform: rotate(240deg);
-ms-transform: rotate(240deg);
-o-transform: rotate(240deg);
transform: rotate(240deg); }
.kaleidoscope.n30 .tile.t41 {
display: block;
-webkit-transform: scale(-1, 1) rotate(240deg);
-moz-transform: scale(-1, 1) rotate(240deg);
-ms-transform: scale(-1, 1) rotate(240deg);
-o-transform: scale(-1, 1) rotate(240deg);
transform: scale(-1, 1) rotate(240deg); }
.kaleidoscope.n30 .tile.t42 {
display: block;
-webkit-transform: rotate(252deg);
-moz-transform: rotate(252deg);
-ms-transform: rotate(252deg);
-o-transform: rotate(252deg);
transform: rotate(252deg); }
.kaleidoscope.n30 .tile.t43 {
display: block;
-webkit-transform: scale(-1, 1) rotate(252deg);
-moz-transform: scale(-1, 1) rotate(252deg);
-ms-transform: scale(-1, 1) rotate(252deg);
-o-transform: scale(-1, 1) rotate(252deg);
transform: scale(-1, 1) rotate(252deg); }
.kaleidoscope.n30 .tile.t44 {
display: block;
-webkit-transform: rotate(264deg);
-moz-transform: rotate(264deg);
-ms-transform: rotate(264deg);
-o-transform: rotate(264deg);
transform: rotate(264deg); }
.kaleidoscope.n30 .tile.t45 {
display: block;
-webkit-transform: scale(-1, 1) rotate(264deg);
-moz-transform: scale(-1, 1) rotate(264deg);
-ms-transform: scale(-1, 1) rotate(264deg);
-o-transform: scale(-1, 1) rotate(264deg);
transform: scale(-1, 1) rotate(264deg); }
.kaleidoscope.n30 .tile.t46 {
display: block;
-webkit-transform: rotate(276deg);
-moz-transform: rotate(276deg);
-ms-transform: rotate(276deg);
-o-transform: rotate(276deg);
transform: rotate(276deg); }
.kaleidoscope.n30 .tile.t47 {
display: block;
-webkit-transform: scale(-1, 1) rotate(276deg);
-moz-transform: scale(-1, 1) rotate(276deg);
-ms-transform: scale(-1, 1) rotate(276deg);
-o-transform: scale(-1, 1) rotate(276deg);
transform: scale(-1, 1) rotate(276deg); }
.kaleidoscope.n30 .tile.t48 {
display: block;
-webkit-transform: rotate(288deg);
-moz-transform: rotate(288deg);
-ms-transform: rotate(288deg);
-o-transform: rotate(288deg);
transform: rotate(288deg); }
.kaleidoscope.n30 .tile.t49 {
display: block;
-webkit-transform: scale(-1, 1) rotate(288deg);
-moz-transform: scale(-1, 1) rotate(288deg);
-ms-transform: scale(-1, 1) rotate(288deg);
-o-transform: scale(-1, 1) rotate(288deg);
transform: scale(-1, 1) rotate(288deg); }
.kaleidoscope.n30 .tile.t50 {
display: block;
-webkit-transform: rotate(300deg);
-moz-transform: rotate(300deg);
-ms-transform: rotate(300deg);
-o-transform: rotate(300deg);
transform: rotate(300deg); }
.kaleidoscope.n30 .tile.t51 {
display: block;
-webkit-transform: scale(-1, 1) rotate(300deg);
-moz-transform: scale(-1, 1) rotate(300deg);
-ms-transform: scale(-1, 1) rotate(300deg);
-o-transform: scale(-1, 1) rotate(300deg);
transform: scale(-1, 1) rotate(300deg); }
.kaleidoscope.n30 .tile.t52 {
display: block;
-webkit-transform: rotate(312deg);
-moz-transform: rotate(312deg);
-ms-transform: rotate(312deg);
-o-transform: rotate(312deg);
transform: rotate(312deg); }
.kaleidoscope.n30 .tile.t53 {
display: block;
-webkit-transform: scale(-1, 1) rotate(312deg);
-moz-transform: scale(-1, 1) rotate(312deg);
-ms-transform: scale(-1, 1) rotate(312deg);
-o-transform: scale(-1, 1) rotate(312deg);
transform: scale(-1, 1) rotate(312deg); }
.kaleidoscope.n30 .tile.t54 {
display: block;
-webkit-transform: rotate(324deg);
-moz-transform: rotate(324deg);
-ms-transform: rotate(324deg);
-o-transform: rotate(324deg);
transform: rotate(324deg); }
.kaleidoscope.n30 .tile.t55 {
display: block;
-webkit-transform: scale(-1, 1) rotate(324deg);
-moz-transform: scale(-1, 1) rotate(324deg);
-ms-transform: scale(-1, 1) rotate(324deg);
-o-transform: scale(-1, 1) rotate(324deg);
transform: scale(-1, 1) rotate(324deg); }
.kaleidoscope.n30 .tile.t56 {
display: block;
-webkit-transform: rotate(336deg);
-moz-transform: rotate(336deg);
-ms-transform: rotate(336deg);
-o-transform: rotate(336deg);
transform: rotate(336deg); }
.kaleidoscope.n30 .tile.t57 {
display: block;
-webkit-transform: scale(-1, 1) rotate(336deg);
-moz-transform: scale(-1, 1) rotate(336deg);
-ms-transform: scale(-1, 1) rotate(336deg);
-o-transform: scale(-1, 1) rotate(336deg);
transform: scale(-1, 1) rotate(336deg); }
.kaleidoscope.n30 .tile.t58 {
display: block;
-webkit-transform: rotate(348deg);
-moz-transform: rotate(348deg);
-ms-transform: rotate(348deg);
-o-transform: rotate(348deg);
transform: rotate(348deg); }
.kaleidoscope.n30 .tile.t59 {
display: block;
-webkit-transform: scale(-1, 1) rotate(348deg);
-moz-transform: scale(-1, 1) rotate(348deg);
-ms-transform: scale(-1, 1) rotate(348deg);
-o-transform: scale(-1, 1) rotate(348deg);
transform: scale(-1, 1) rotate(348deg); }
.kaleidoscope.n30 .tile .image {
position: relative;
top: 0;
left: 100%;
height: 100%;
width: 100%;
background-image: url(http://3.bp.blogspot.com/-ngRcjH2o1Z8/UDjvxZrbpYI/AAAAAAAABMU/QDFNiStAbZ4/s1600/fractal25.jpg);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transform: rotate(6deg);
-moz-transform: rotate(6deg);
-ms-transform: rotate(6deg);
-o-transform: rotate(6deg);
transform: rotate(6deg); }
.kaleidoscope.n31 .tile.t0 {
display: block;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
.kaleidoscope.n31 .tile.t1 {
display: block;
-webkit-transform: scale(-1, 1) rotate(0deg);
-moz-transform: scale(-1, 1) rotate(0deg);
-ms-transform: scale(-1, 1) rotate(0deg);
-o-transform: scale(-1, 1) rotate(0deg);
transform: scale(-1, 1) rotate(0deg); }
.kaleidoscope.n31 .tile.t2 {
display: block;
-webkit-transform: rotate(11.6129deg);
-moz-transform: rotate(11.6129deg);
-ms-transform: rotate(11.6129deg);
-o-transform: rotate(11.6129deg);
transform: rotate(11.6129deg); }
.kaleidoscope.n31 .tile.t3 {
display: block;
-webkit-transform: scale(-1, 1) rotate(11.6129deg);
-moz-transform: scale(-1, 1) rotate(11.6129deg);
-ms-transform: scale(-1, 1) rotate(11.6129deg);
-o-transform: scale(-1, 1) rotate(11.6129deg);
transform: scale(-1, 1) rotate(11.6129deg); }
.kaleidoscope.n31 .tile.t4 {
display: block;
-webkit-transform: rotate(23.22581deg);
-moz-transform: rotate(23.22581deg);
-ms-transform: rotate(23.22581deg);
-o-transform: rotate(23.22581deg);
transform: rotate(23.22581deg); }
.kaleidoscope.n31 .tile.t5 {
display: block;
-webkit-transform: scale(-1, 1) rotate(23.22581deg);
-moz-transform: scale(-1, 1) rotate(23.22581deg);
-ms-transform: scale(-1, 1) rotate(23.22581deg);
-o-transform: scale(-1, 1) rotate(23.22581deg);
transform: scale(-1, 1) rotate(23.22581deg); }
.kaleidoscope.n31 .tile.t6 {
display: block;
-webkit-transform: rotate(34.83871deg);
-moz-transform: rotate(34.83871deg);
-ms-transform: rotate(34.83871deg);
-o-transform: rotate(34.83871deg);
transform: rotate(34.83871deg); }
.kaleidoscope.n31 .tile.t7 {
display: block;
-webkit-transform: scale(-1, 1) rotate(34.83871deg);
-moz-transform: scale(-1, 1) rotate(34.83871deg);
-ms-transform: scale(-1, 1) rotate(34.83871deg);
-o-transform: scale(-1, 1) rotate(34.83871deg);
transform: scale(-1, 1) rotate(34.83871deg); }
.kaleidoscope.n31 .tile.t8 {
display: block;
-webkit-transform: rotate(46.45161deg);
-moz-transform: rotate(46.45161deg);
-ms-transform: rotate(46.45161deg);
-o-transform: rotate(46.45161deg);
transform: rotate(46.45161deg); }
.kaleidoscope.n31 .tile.t9 {
display: block;
-webkit-transform: scale(-1, 1) rotate(46.45161deg);
-moz-transform: scale(-1, 1) rotate(46.45161deg);
-ms-transform: scale(-1, 1) rotate(46.45161deg);
-o-transform: scale(-1, 1) rotate(46.45161deg);
transform: scale(-1, 1) rotate(46.45161deg); }
.kaleidoscope.n31 .tile.t10 {
display: block;
-webkit-transform: rotate(58.06452deg);
-moz-transform: rotate(58.06452deg);
-ms-transform: rotate(58.06452deg);
-o-transform: rotate(58.06452deg);
transform: rotate(58.06452deg); }
.kaleidoscope.n31 .tile.t11 {
display: block;
-webkit-transform: scale(-1, 1) rotate(58.06452deg);
-moz-transform: scale(-1, 1) rotate(58.06452deg);
-ms-transform: scale(-1, 1) rotate(58.06452deg);
-o-transform: scale(-1, 1) rotate(58.06452deg);
transform: scale(-1, 1) rotate(58.06452deg); }
.kaleidoscope.n31 .tile.t12 {
display: block;
-webkit-transform: rotate(69.67742deg);
-moz-transform: rotate(69.67742deg);
-ms-transform: rotate(69.67742deg);
-o-transform: rotate(69.67742deg);
transform: rotate(69.67742deg); }
.kaleidoscope.n31 .tile.t13 {
display: block;
-webkit-transform: scale(-1, 1) rotate(69.67742deg);
-moz-transform: scale(-1, 1) rotate(69.67742deg);
-ms-transform: scale(-1, 1) rotate(69.67742deg);
-o-transform: scale(-1, 1) rotate(69.67742deg);
transform: scale(-1, 1) rotate(69.67742deg); }
.kaleidoscope.n31 .tile.t14 {
display: block;
-webkit-transform: rotate(81.29032deg);
-moz-transform: rotate(81.29032deg);
-ms-transform: rotate(81.29032deg);
-o-transform: rotate(81.29032deg);
transform: rotate(81.29032deg); }
.kaleidoscope.n31 .tile.t15 {
display: block;
-webkit-transform: scale(-1, 1) rotate(81.29032deg);
-moz-transform: scale(-1, 1) rotate(81.29032deg);
-ms-transform: scale(-1, 1) rotate(81.29032deg);
-o-transform: scale(-1, 1) rotate(81.29032deg);
transform: scale(-1, 1) rotate(81.29032deg); }
.kaleidoscope.n31 .tile.t16 {
display: block;
-webkit-transform: rotate(92.90323deg);
-moz-transform: rotate(92.90323deg);
-ms-transform: rotate(92.90323deg);
-o-transform: rotate(92.90323deg);
transform: rotate(92.90323deg); }
.kaleidoscope.n31 .tile.t17 {
display: block;
-webkit-transform: scale(-1, 1) rotate(92.90323deg);
-moz-transform: scale(-1, 1) rotate(92.90323deg);
-ms-transform: scale(-1, 1) rotate(92.90323deg);
-o-transform: scale(-1, 1) rotate(92.90323deg);
transform: scale(-1, 1) rotate(92.90323deg); }
.kaleidoscope.n31 .tile.t18 {
display: block;
-webkit-transform: rotate(104.51613deg);
-moz-transform: rotate(104.51613deg);
-ms-transform: rotate(104.51613deg);
-o-transform: rotate(104.51613deg);
transform: rotate(104.51613deg); }
.kaleidoscope.n31 .tile.t19 {
display: block;
-webkit-transform: scale(-1, 1) rotate(104.51613deg);
-moz-transform: scale(-1, 1) rotate(104.51613deg);
-ms-transform: scale(-1, 1) rotate(104.51613deg);
-o-transform: scale(-1, 1) rotate(104.51613deg);
transform: scale(-1, 1) rotate(104.51613deg); }
.kaleidoscope.n31 .tile.t20 {
display: block;
-webkit-transform: rotate(116.12903deg);
-moz-transform: rotate(116.12903deg);
-ms-transform: rotate(116.12903deg);
-o-transform: rotate(116.12903deg);
transform: rotate(116.12903deg); }
.kaleidoscope.n31 .tile.t21 {
display: block;
-webkit-transform: scale(-1, 1) rotate(116.12903deg);
-moz-transform: scale(-1, 1) rotate(116.12903deg);
-ms-transform: scale(-1, 1) rotate(116.12903deg);
-o-transform: scale(-1, 1) rotate(116.12903deg);
transform: scale(-1, 1) rotate(116.12903deg); }
.kaleidoscope.n31 .tile.t22 {
display: block;
-webkit-transform: rotate(127.74194deg);
-moz-transform: rotate(127.74194deg);
-ms-transform: rotate(127.74194deg);
-o-transform: rotate(127.74194deg);
transform: rotate(127.74194deg); }
.kaleidoscope.n31 .tile.t23 {
display: block;
-webkit-transform: scale(-1, 1) rotate(127.74194deg);
-moz-transform: scale(-1, 1) rotate(127.74194deg);
-ms-transform: scale(-1, 1) rotate(127.74194deg);
-o-transform: scale(-1, 1) rotate(127.74194deg);
transform: scale(-1, 1) rotate(127.74194deg); }
.kaleidoscope.n31 .tile.t24 {
display: block;
-webkit-transform: rotate(139.35484deg);
-moz-transform: rotate(139.35484deg);
-ms-transform: rotate(139.35484deg);
-o-transform: rotate(139.35484deg);
transform: rotate(139.35484deg); }
.kaleidoscope.n31 .tile.t25 {
display: block;
-webkit-transform: scale(-1, 1) rotate(139.35484deg);
-moz-transform: scale(-1, 1) rotate(139.35484deg);
-ms-transform: scale(-1, 1) rotate(139.35484deg);
-o-transform: scale(-1, 1) rotate(139.35484deg);
transform: scale(-1, 1) rotate(139.35484deg); }
.kaleidoscope.n31 .tile.t26 {
display: block;
-webkit-transform: rotate(150.96774deg);
-moz-transform: rotate(150.96774deg);
-ms-transform: rotate(150.96774deg);
-o-transform: rotate(150.96774deg);
transform: rotate(150.96774deg); }
.kaleidoscope.n31 .tile.t27 {
display: block;
-webkit-transform: scale(-1, 1) rotate(150.96774deg);
-moz-transform: scale(-1, 1) rotate(150.96774deg);
-ms-transform: scale(-1, 1) rotate(150.96774deg);
-o-transform: scale(-1, 1) rotate(150.96774deg);
transform: scale(-1, 1) rotate(150.96774deg); }
.kaleidoscope.n31 .tile.t28 {
display: block;
-webkit-transform: rotate(162.58065deg);
-moz-transform: rotate(162.58065deg);
-ms-transform: rotate(162.58065deg);
-o-transform: rotate(162.58065deg);
transform: rotate(162.58065deg); }
.kaleidoscope.n31 .tile.t29 {
display: block;
-webkit-transform: scale(-1, 1) rotate(162.58065deg);
-moz-transform: scale(-1, 1) rotate(162.58065deg);
-ms-transform: scale(-1, 1) rotate(162.58065deg);
-o-transform: scale(-1, 1) rotate(162.58065deg);
transform: scale(-1, 1) rotate(162.58065deg); }
.kaleidoscope.n31 .tile.t30 {
display: block;
-webkit-transform: rotate(174.19355deg);
-moz-transform: rotate(174.19355deg);
-ms-transform: rotate(174.19355deg);
-o-transform: rotate(174.19355deg);
transform: rotate(174.19355deg); }
.kaleidoscope.n31 .tile.t31 {
display: block;
-webkit-transform: scale(-1, 1) rotate(174.19355deg);
-moz-transform: scale(-1, 1) rotate(174.19355deg);
-ms-transform: scale(-1, 1) rotate(174.19355deg);
-o-transform: scale(-1, 1) rotate(174.19355deg);
transform: scale(-1, 1) rotate(174.19355deg); }
.kaleidoscope.n31 .tile.t32 {
display: block;
-webkit-transform: rotate(185.80645deg);
-moz-transform: rotate(185.80645deg);
-ms-transform: rotate(185.80645deg);
-o-transform: rotate(185.80645deg);
transform: rotate(185.80645deg); }
.kaleidoscope.n31 .tile.t33 {
display: block;
-webkit-transform: scale(-1, 1) rotate(185.80645deg);
-moz-transform: scale(-1, 1) rotate(185.80645deg);
-ms-transform: scale(-1, 1) rotate(185.80645deg);
-o-transform: scale(-1, 1) rotate(185.80645deg);
transform: scale(-1, 1) rotate(185.80645deg); }
.kaleidoscope.n31 .tile.t34 {
display: block;
-webkit-transform: rotate(197.41935deg);
-moz-transform: rotate(197.41935deg);
-ms-transform: rotate(197.41935deg);
-o-transform: rotate(197.41935deg);
transform: rotate(197.41935deg); }
.kaleidoscope.n31 .tile.t35 {
display: block;
-webkit-transform: scale(-1, 1) rotate(197.41935deg);
-moz-transform: scale(-1, 1) rotate(197.41935deg);
-ms-transform: scale(-1, 1) rotate(197.41935deg);
-o-transform: scale(-1, 1) rotate(197.41935deg);
transform: scale(-1, 1) rotate(197.41935deg); }
.kaleidoscope.n31 .tile.t36 {
display: block;
-webkit-transform: rotate(209.03226deg);
-moz-transform: rotate(209.03226deg);
-ms-transform: rotate(209.03226deg);
-o-transform: rotate(209.03226deg);
transform: rotate(209.03226deg); }
.kaleidoscope.n31 .tile.t37 {
display: block;
-webkit-transform: scale(-1, 1) rotate(209.03226deg);
-moz-transform: scale(-1, 1) rotate(209.03226deg);
-ms-transform: scale(-1, 1) rotate(209.03226deg);
-o-transform: scale(-1, 1) rotate(209.03226deg);
transform: scale(-1, 1) rotate(209.03226deg); }
.kaleidoscope.n31 .tile.t38 {
display: block;
-webkit-transform: rotate(220.64516deg);
-moz-transform: rotate(220.64516deg);
-ms-transform: rotate(220.64516deg);
-o-transform: rotate(220.64516deg);
transform: rotate(220.64516deg); }
.kaleidoscope.n31 .tile.t39 {
display: block;
-webkit-transform: scale(-1, 1) rotate(220.64516deg);
-moz-transform: scale(-1, 1) rotate(220.64516deg);
-ms-transform: scale(-1, 1) rotate(220.64516deg);
-o-transform: scale(-1, 1) rotate(220.64516deg);
transform: scale(-1, 1) rotate(220.64516deg); }
.kaleidoscope.n31 .tile.t40 {
display: block;
-webkit-transform: rotate(232.25806deg);
-moz-transform: rotate(232.25806deg);
-ms-transform: rotate(232.25806deg);
-o-transform: rotate(232.25806deg);
transform: rotate(232.25806deg); }
.kaleidoscope.n31 .tile.t41 {
display: block;
-webkit-transform: scale(-1, 1) rotate(232.25806deg);
-moz-transform: scale(-1, 1) rotate(232.25806deg);
-ms-transform: scale(-1, 1) rotate(232.25806deg);
-o-transform: scale(-1, 1) rotate(232.25806deg);
transform: scale(-1, 1) rotate(232.25806deg); }
.kaleidoscope.n31 .tile.t42 {
display: block;
-webkit-transform: rotate(243.87097deg);
-moz-transform: rotate(243.87097deg);
-ms-transform: rotate(243.87097deg);
-o-transform: rotate(243.87097deg);
transform: rotate(243.87097deg); }
.kaleidoscope.n31 .tile.t43 {
display: block;
-webkit-transform: scale(-1, 1) rotate(243.87097deg);
-moz-transform: scale(-1, 1) rotate(243.87097deg);
-ms-transform: scale(-1, 1) rotate(243.87097deg);
-o-transform: scale(-1, 1) rotate(243.87097deg);
transform: scale(-1, 1) rotate(243.87097deg); }
.kaleidoscope.n31 .tile.t44 {
display: block;
-webkit-transform: rotate(255.48387deg);
-moz-transform: rotate(255.48387deg);
-ms-transform: rotate(255.48387deg);
-o-transform: rotate(255.48387deg);
transform: rotate(255.48387deg); }
.kaleidoscope.n31 .tile.t45 {
display: block;
-webkit-transform: scale(-1, 1) rotate(255.48387deg);
-moz-transform: scale(-1, 1) rotate(255.48387deg);
-ms-transform: scale(-1, 1) rotate(255.48387deg);
-o-transform: scale(-1, 1) rotate(255.48387deg);
transform: scale(-1, 1) rotate(255.48387deg); }
.kaleidoscope.n31 .tile.t46 {
display: block;
-webkit-transform: rotate(267.09677deg);
-moz-transform: rotate(267.09677deg);
-ms-transform: rotate(267.09677deg);
-o-transform: rotate(267.09677deg);
transform: rotate(267.09677deg); }
.kaleidoscope.n31 .tile.t47 {
display: block;
-webkit-transform: scale(-1, 1) rotate(267.09677deg);
-moz-transform: scale(-1, 1) rotate(267.09677deg);
-ms-transform: scale(-1, 1) rotate(267.09677deg);
-o-transform: scale(-1, 1) rotate(267.09677deg);
transform: scale(-1, 1) rotate(267.09677deg); }
.kaleidoscope.n31 .tile.t48 {
display: block;
-webkit-transform: rotate(278.70968deg);
-moz-transform: rotate(278.70968deg);
-ms-transform: rotate(278.70968deg);
-o-transform: rotate(278.70968deg);
transform: rotate(278.70968deg); }
.kaleidoscope.n31 .tile.t49 {
display: block;
-webkit-transform: scale(-1, 1) rotate(278.70968deg);
-moz-transform: scale(-1, 1) rotate(278.70968deg);
-ms-transform: scale(-1, 1) rotate(278.70968deg);
-o-transform: scale(-1, 1) rotate(278.70968deg);
transform: scale(-1, 1) rotate(278.70968deg); }
.kaleidoscope.n31 .tile.t50 {
display: block;
-webkit-transform: rotate(290.32258deg);
-moz-transform: rotate(290.32258deg);
-ms-transform: rotate(290.32258deg);
-o-transform: rotate(290.32258deg);
transform: rotate(290.32258deg); }
.kaleidoscope.n31 .tile.t51 {
display: block;
-webkit-transform: scale(-1, 1) rotate(290.32258deg);
-moz-transform: scale(-1, 1) rotate(290.32258deg);
-ms-transform: scale(-1, 1) rotate(290.32258deg);
-o-transform: scale(-1, 1) rotate(290.32258deg);
transform: scale(-1, 1) rotate(290.32258deg); }
.kaleidoscope.n31 .tile.t52 {
display: block;
-webkit-transform: rotate(301.93548deg);
-moz-transform: rotate(301.93548deg);
-ms-transform: rotate(301.93548deg);
-o-transform: rotate(301.93548deg);
transform: rotate(301.93548deg); }
.kaleidoscope.n31 .tile.t53 {
display: block;
-webkit-transform: scale(-1, 1) rotate(301.93548deg);
-moz-transform: scale(-1, 1) rotate(301.93548deg);
-ms-transform: scale(-1, 1) rotate(301.93548deg);
-o-transform: scale(-1, 1) rotate(301.93548deg);
transform: scale(-1, 1) rotate(301.93548deg); }
.kaleidoscope.n31 .tile.t54 {
display: block;
-webkit-transform: rotate(313.54839deg);
-moz-transform: rotate(313.54839deg);
-ms-transform: rotate(313.54839deg);
-o-transform: rotate(313.54839deg);
transform: rotate(313.54839deg); }
.kaleidoscope.n31 .tile.t55 {
display: block;
-webkit-transform: scale(-1, 1) rotate(313.54839deg);
-moz-transform: scale(-1, 1) rotate(313.54839deg);
-ms-transform: scale(-1, 1) rotate(313.54839deg);
-o-transform: scale(-1, 1) rotate(313.54839deg);
transform: scale(-1, 1) rotate(313.54839deg); }
.kaleidoscope.n31 .tile.t56 {
display: block;
-webkit-transform: rotate(325.16129deg);
-moz-transform: rotate(325.16129deg);
-ms-transform: rotate(325.16129deg);
-o-transform: rotate(325.16129deg);
transform: rotate(325.16129deg); }
.kaleidoscope.n31 .tile.t57 {
display: block;
-webkit-transform: scale(-1, 1) rotate(325.16129deg);
-moz-transform: scale(-1, 1) rotate(325.16129deg);
-ms-transform: scale(-1, 1) rotate(325.16129deg);
-o-transform: scale(-1, 1) rotate(325.16129deg);
transform: scale(-1, 1) rotate(325.16129deg); }
.kaleidoscope.n31 .tile.t58 {
display: block;
-webkit-transform: rotate(336.77419deg);
-moz-transform: rotate(336.77419deg);
-ms-transform: rotate(336.77419deg);
-o-transform: rotate(336.77419deg);
transform: rotate(336.77419deg); }
.kaleidoscope.n31 .tile.t59 {
display: block;
-webkit-transform: scale(-1, 1) rotate(336.77419deg);
-moz-transform: scale(-1, 1) rotate(336.77419deg);
-ms-transform: scale(-1, 1) rotate(336.77419deg);
-o-transform: scale(-1, 1) rotate(336.77419deg);
transform: scale(-1, 1) rotate(336.77419deg); }
.kaleidoscope.n31 .tile.t60 {
display: block;
-webkit-transform: rotate(348.3871deg);
-moz-transform: rotate(348.3871deg);
-ms-transform: rotate(348.3871deg);
-o-transform: rotate(348.3871deg);
transform: rotate(348.3871deg); }
.kaleidoscope.n31 .tile.t61 {
display: block;
-webkit-transform: scale(-1, 1) rotate(348.3871deg);
-moz-transform: scale(-1, 1) rotate(348.3871deg);
-ms-transform: scale(-1, 1) rotate(348.3871deg);
-o-transform: scale(-1, 1) rotate(348.3871deg);
transform: scale(-1, 1) rotate(348.3871deg); }
.kaleidoscope.n31 .tile .image {
position: relative;
top: 0;
left: 100%;
height: 100%;
width: 100%;
background-image: url(http://3.bp.blogspot.com/-ngRcjH2o1Z8/UDjvxZrbpYI/AAAAAAAABMU/QDFNiStAbZ4/s1600/fractal25.jpg);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transform: rotate(5.80645deg);
-moz-transform: rotate(5.80645deg);
-ms-transform: rotate(5.80645deg);
-o-transform: rotate(5.80645deg);
transform: rotate(5.80645deg); }
.kaleidoscope.n32 .tile.t0 {
display: block;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
.kaleidoscope.n32 .tile.t1 {
display: block;
-webkit-transform: scale(-1, 1) rotate(0deg);
-moz-transform: scale(-1, 1) rotate(0deg);
-ms-transform: scale(-1, 1) rotate(0deg);
-o-transform: scale(-1, 1) rotate(0deg);
transform: scale(-1, 1) rotate(0deg); }
.kaleidoscope.n32 .tile.t2 {
display: block;
-webkit-transform: rotate(11.25deg);
-moz-transform: rotate(11.25deg);
-ms-transform: rotate(11.25deg);
-o-transform: rotate(11.25deg);
transform: rotate(11.25deg); }
.kaleidoscope.n32 .tile.t3 {
display: block;
-webkit-transform: scale(-1, 1) rotate(11.25deg);
-moz-transform: scale(-1, 1) rotate(11.25deg);
-ms-transform: scale(-1, 1) rotate(11.25deg);
-o-transform: scale(-1, 1) rotate(11.25deg);
transform: scale(-1, 1) rotate(11.25deg); }
.kaleidoscope.n32 .tile.t4 {
display: block;
-webkit-transform: rotate(22.5deg);
-moz-transform: rotate(22.5deg);
-ms-transform: rotate(22.5deg);
-o-transform: rotate(22.5deg);
transform: rotate(22.5deg); }
.kaleidoscope.n32 .tile.t5 {
display: block;
-webkit-transform: scale(-1, 1) rotate(22.5deg);
-moz-transform: scale(-1, 1) rotate(22.5deg);
-ms-transform: scale(-1, 1) rotate(22.5deg);
-o-transform: scale(-1, 1) rotate(22.5deg);
transform: scale(-1, 1) rotate(22.5deg); }
.kaleidoscope.n32 .tile.t6 {
display: block;
-webkit-transform: rotate(33.75deg);
-moz-transform: rotate(33.75deg);
-ms-transform: rotate(33.75deg);
-o-transform: rotate(33.75deg);
transform: rotate(33.75deg); }
.kaleidoscope.n32 .tile.t7 {
display: block;
-webkit-transform: scale(-1, 1) rotate(33.75deg);
-moz-transform: scale(-1, 1) rotate(33.75deg);
-ms-transform: scale(-1, 1) rotate(33.75deg);
-o-transform: scale(-1, 1) rotate(33.75deg);
transform: scale(-1, 1) rotate(33.75deg); }
.kaleidoscope.n32 .tile.t8 {
display: block;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.kaleidoscope.n32 .tile.t9 {
display: block;
-webkit-transform: scale(-1, 1) rotate(45deg);
-moz-transform: scale(-1, 1) rotate(45deg);
-ms-transform: scale(-1, 1) rotate(45deg);
-o-transform: scale(-1, 1) rotate(45deg);
transform: scale(-1, 1) rotate(45deg); }
.kaleidoscope.n32 .tile.t10 {
display: block;
-webkit-transform: rotate(56.25deg);
-moz-transform: rotate(56.25deg);
-ms-transform: rotate(56.25deg);
-o-transform: rotate(56.25deg);
transform: rotate(56.25deg); }
.kaleidoscope.n32 .tile.t11 {
display: block;
-webkit-transform: scale(-1, 1) rotate(56.25deg);
-moz-transform: scale(-1, 1) rotate(56.25deg);
-ms-transform: scale(-1, 1) rotate(56.25deg);
-o-transform: scale(-1, 1) rotate(56.25deg);
transform: scale(-1, 1) rotate(56.25deg); }
.kaleidoscope.n32 .tile.t12 {
display: block;
-webkit-transform: rotate(67.5deg);
-moz-transform: rotate(67.5deg);
-ms-transform: rotate(67.5deg);
-o-transform: rotate(67.5deg);
transform: rotate(67.5deg); }
.kaleidoscope.n32 .tile.t13 {
display: block;
-webkit-transform: scale(-1, 1) rotate(67.5deg);
-moz-transform: scale(-1, 1) rotate(67.5deg);
-ms-transform: scale(-1, 1) rotate(67.5deg);
-o-transform: scale(-1, 1) rotate(67.5deg);
transform: scale(-1, 1) rotate(67.5deg); }
.kaleidoscope.n32 .tile.t14 {
display: block;
-webkit-transform: rotate(78.75deg);
-moz-transform: rotate(78.75deg);
-ms-transform: rotate(78.75deg);
-o-transform: rotate(78.75deg);
transform: rotate(78.75deg); }
.kaleidoscope.n32 .tile.t15 {
display: block;
-webkit-transform: scale(-1, 1) rotate(78.75deg);
-moz-transform: scale(-1, 1) rotate(78.75deg);
-ms-transform: scale(-1, 1) rotate(78.75deg);
-o-transform: scale(-1, 1) rotate(78.75deg);
transform: scale(-1, 1) rotate(78.75deg); }
.kaleidoscope.n32 .tile.t16 {
display: block;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg); }
.kaleidoscope.n32 .tile.t17 {
display: block;
-webkit-transform: scale(-1, 1) rotate(90deg);
-moz-transform: scale(-1, 1) rotate(90deg);
-ms-transform: scale(-1, 1) rotate(90deg);
-o-transform: scale(-1, 1) rotate(90deg);
transform: scale(-1, 1) rotate(90deg); }
.kaleidoscope.n32 .tile.t18 {
display: block;
-webkit-transform: rotate(101.25deg);
-moz-transform: rotate(101.25deg);
-ms-transform: rotate(101.25deg);
-o-transform: rotate(101.25deg);
transform: rotate(101.25deg); }
.kaleidoscope.n32 .tile.t19 {
display: block;
-webkit-transform: scale(-1, 1) rotate(101.25deg);
-moz-transform: scale(-1, 1) rotate(101.25deg);
-ms-transform: scale(-1, 1) rotate(101.25deg);
-o-transform: scale(-1, 1) rotate(101.25deg);
transform: scale(-1, 1) rotate(101.25deg); }
.kaleidoscope.n32 .tile.t20 {
display: block;
-webkit-transform: rotate(112.5deg);
-moz-transform: rotate(112.5deg);
-ms-transform: rotate(112.5deg);
-o-transform: rotate(112.5deg);
transform: rotate(112.5deg); }
.kaleidoscope.n32 .tile.t21 {
display: block;
-webkit-transform: scale(-1, 1) rotate(112.5deg);
-moz-transform: scale(-1, 1) rotate(112.5deg);
-ms-transform: scale(-1, 1) rotate(112.5deg);
-o-transform: scale(-1, 1) rotate(112.5deg);
transform: scale(-1, 1) rotate(112.5deg); }
.kaleidoscope.n32 .tile.t22 {
display: block;
-webkit-transform: rotate(123.75deg);
-moz-transform: rotate(123.75deg);
-ms-transform: rotate(123.75deg);
-o-transform: rotate(123.75deg);
transform: rotate(123.75deg); }
.kaleidoscope.n32 .tile.t23 {
display: block;
-webkit-transform: scale(-1, 1) rotate(123.75deg);
-moz-transform: scale(-1, 1) rotate(123.75deg);
-ms-transform: scale(-1, 1) rotate(123.75deg);
-o-transform: scale(-1, 1) rotate(123.75deg);
transform: scale(-1, 1) rotate(123.75deg); }
.kaleidoscope.n32 .tile.t24 {
display: block;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg); }
.kaleidoscope.n32 .tile.t25 {
display: block;
-webkit-transform: scale(-1, 1) rotate(135deg);
-moz-transform: scale(-1, 1) rotate(135deg);
-ms-transform: scale(-1, 1) rotate(135deg);
-o-transform: scale(-1, 1) rotate(135deg);
transform: scale(-1, 1) rotate(135deg); }
.kaleidoscope.n32 .tile.t26 {
display: block;
-webkit-transform: rotate(146.25deg);
-moz-transform: rotate(146.25deg);
-ms-transform: rotate(146.25deg);
-o-transform: rotate(146.25deg);
transform: rotate(146.25deg); }
.kaleidoscope.n32 .tile.t27 {
display: block;
-webkit-transform: scale(-1, 1) rotate(146.25deg);
-moz-transform: scale(-1, 1) rotate(146.25deg);
-ms-transform: scale(-1, 1) rotate(146.25deg);
-o-transform: scale(-1, 1) rotate(146.25deg);
transform: scale(-1, 1) rotate(146.25deg); }
.kaleidoscope.n32 .tile.t28 {
display: block;
-webkit-transform: rotate(157.5deg);
-moz-transform: rotate(157.5deg);
-ms-transform: rotate(157.5deg);
-o-transform: rotate(157.5deg);
transform: rotate(157.5deg); }
.kaleidoscope.n32 .tile.t29 {
display: block;
-webkit-transform: scale(-1, 1) rotate(157.5deg);
-moz-transform: scale(-1, 1) rotate(157.5deg);
-ms-transform: scale(-1, 1) rotate(157.5deg);
-o-transform: scale(-1, 1) rotate(157.5deg);
transform: scale(-1, 1) rotate(157.5deg); }
.kaleidoscope.n32 .tile.t30 {
display: block;
-webkit-transform: rotate(168.75deg);
-moz-transform: rotate(168.75deg);
-ms-transform: rotate(168.75deg);
-o-transform: rotate(168.75deg);
transform: rotate(168.75deg); }
.kaleidoscope.n32 .tile.t31 {
display: block;
-webkit-transform: scale(-1, 1) rotate(168.75deg);
-moz-transform: scale(-1, 1) rotate(168.75deg);
-ms-transform: scale(-1, 1) rotate(168.75deg);
-o-transform: scale(-1, 1) rotate(168.75deg);
transform: scale(-1, 1) rotate(168.75deg); }
.kaleidoscope.n32 .tile.t32 {
display: block;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg); }
.kaleidoscope.n32 .tile.t33 {
display: block;
-webkit-transform: scale(-1, 1) rotate(180deg);
-moz-transform: scale(-1, 1) rotate(180deg);
-ms-transform: scale(-1, 1) rotate(180deg);
-o-transform: scale(-1, 1) rotate(180deg);
transform: scale(-1, 1) rotate(180deg); }
.kaleidoscope.n32 .tile.t34 {
display: block;
-webkit-transform: rotate(191.25deg);
-moz-transform: rotate(191.25deg);
-ms-transform: rotate(191.25deg);
-o-transform: rotate(191.25deg);
transform: rotate(191.25deg); }
.kaleidoscope.n32 .tile.t35 {
display: block;
-webkit-transform: scale(-1, 1) rotate(191.25deg);
-moz-transform: scale(-1, 1) rotate(191.25deg);
-ms-transform: scale(-1, 1) rotate(191.25deg);
-o-transform: scale(-1, 1) rotate(191.25deg);
transform: scale(-1, 1) rotate(191.25deg); }
.kaleidoscope.n32 .tile.t36 {
display: block;
-webkit-transform: rotate(202.5deg);
-moz-transform: rotate(202.5deg);
-ms-transform: rotate(202.5deg);
-o-transform: rotate(202.5deg);
transform: rotate(202.5deg); }
.kaleidoscope.n32 .tile.t37 {
display: block;
-webkit-transform: scale(-1, 1) rotate(202.5deg);
-moz-transform: scale(-1, 1) rotate(202.5deg);
-ms-transform: scale(-1, 1) rotate(202.5deg);
-o-transform: scale(-1, 1) rotate(202.5deg);
transform: scale(-1, 1) rotate(202.5deg); }
.kaleidoscope.n32 .tile.t38 {
display: block;
-webkit-transform: rotate(213.75deg);
-moz-transform: rotate(213.75deg);
-ms-transform: rotate(213.75deg);
-o-transform: rotate(213.75deg);
transform: rotate(213.75deg); }
.kaleidoscope.n32 .tile.t39 {
display: block;
-webkit-transform: scale(-1, 1) rotate(213.75deg);
-moz-transform: scale(-1, 1) rotate(213.75deg);
-ms-transform: scale(-1, 1) rotate(213.75deg);
-o-transform: scale(-1, 1) rotate(213.75deg);
transform: scale(-1, 1) rotate(213.75deg); }
.kaleidoscope.n32 .tile.t40 {
display: block;
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-o-transform: rotate(225deg);
transform: rotate(225deg); }
.kaleidoscope.n32 .tile.t41 {
display: block;
-webkit-transform: scale(-1, 1) rotate(225deg);
-moz-transform: scale(-1, 1) rotate(225deg);
-ms-transform: scale(-1, 1) rotate(225deg);
-o-transform: scale(-1, 1) rotate(225deg);
transform: scale(-1, 1) rotate(225deg); }
.kaleidoscope.n32 .tile.t42 {
display: block;
-webkit-transform: rotate(236.25deg);
-moz-transform: rotate(236.25deg);
-ms-transform: rotate(236.25deg);
-o-transform: rotate(236.25deg);
transform: rotate(236.25deg); }
.kaleidoscope.n32 .tile.t43 {
display: block;
-webkit-transform: scale(-1, 1) rotate(236.25deg);
-moz-transform: scale(-1, 1) rotate(236.25deg);
-ms-transform: scale(-1, 1) rotate(236.25deg);
-o-transform: scale(-1, 1) rotate(236.25deg);
transform: scale(-1, 1) rotate(236.25deg); }
.kaleidoscope.n32 .tile.t44 {
display: block;
-webkit-transform: rotate(247.5deg);
-moz-transform: rotate(247.5deg);
-ms-transform: rotate(247.5deg);
-o-transform: rotate(247.5deg);
transform: rotate(247.5deg); }
.kaleidoscope.n32 .tile.t45 {
display: block;
-webkit-transform: scale(-1, 1) rotate(247.5deg);
-moz-transform: scale(-1, 1) rotate(247.5deg);
-ms-transform: scale(-1, 1) rotate(247.5deg);
-o-transform: scale(-1, 1) rotate(247.5deg);
transform: scale(-1, 1) rotate(247.5deg); }
.kaleidoscope.n32 .tile.t46 {
display: block;
-webkit-transform: rotate(258.75deg);
-moz-transform: rotate(258.75deg);
-ms-transform: rotate(258.75deg);
-o-transform: rotate(258.75deg);
transform: rotate(258.75deg); }
.kaleidoscope.n32 .tile.t47 {
display: block;
-webkit-transform: scale(-1, 1) rotate(258.75deg);
-moz-transform: scale(-1, 1) rotate(258.75deg);
-ms-transform: scale(-1, 1) rotate(258.75deg);
-o-transform: scale(-1, 1) rotate(258.75deg);
transform: scale(-1, 1) rotate(258.75deg); }
.kaleidoscope.n32 .tile.t48 {
display: block;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg); }
.kaleidoscope.n32 .tile.t49 {
display: block;
-webkit-transform: scale(-1, 1) rotate(270deg);
-moz-transform: scale(-1, 1) rotate(270deg);
-ms-transform: scale(-1, 1) rotate(270deg);
-o-transform: scale(-1, 1) rotate(270deg);
transform: scale(-1, 1) rotate(270deg); }
.kaleidoscope.n32 .tile.t50 {
display: block;
-webkit-transform: rotate(281.25deg);
-moz-transform: rotate(281.25deg);
-ms-transform: rotate(281.25deg);
-o-transform: rotate(281.25deg);
transform: rotate(281.25deg); }
.kaleidoscope.n32 .tile.t51 {
display: block;
-webkit-transform: scale(-1, 1) rotate(281.25deg);
-moz-transform: scale(-1, 1) rotate(281.25deg);
-ms-transform: scale(-1, 1) rotate(281.25deg);
-o-transform: scale(-1, 1) rotate(281.25deg);
transform: scale(-1, 1) rotate(281.25deg); }
.kaleidoscope.n32 .tile.t52 {
display: block;
-webkit-transform: rotate(292.5deg);
-moz-transform: rotate(292.5deg);
-ms-transform: rotate(292.5deg);
-o-transform: rotate(292.5deg);
transform: rotate(292.5deg); }
.kaleidoscope.n32 .tile.t53 {
display: block;
-webkit-transform: scale(-1, 1) rotate(292.5deg);
-moz-transform: scale(-1, 1) rotate(292.5deg);
-ms-transform: scale(-1, 1) rotate(292.5deg);
-o-transform: scale(-1, 1) rotate(292.5deg);
transform: scale(-1, 1) rotate(292.5deg); }
.kaleidoscope.n32 .tile.t54 {
display: block;
-webkit-transform: rotate(303.75deg);
-moz-transform: rotate(303.75deg);
-ms-transform: rotate(303.75deg);
-o-transform: rotate(303.75deg);
transform: rotate(303.75deg); }
.kaleidoscope.n32 .tile.t55 {
display: block;
-webkit-transform: scale(-1, 1) rotate(303.75deg);
-moz-transform: scale(-1, 1) rotate(303.75deg);
-ms-transform: scale(-1, 1) rotate(303.75deg);
-o-transform: scale(-1, 1) rotate(303.75deg);
transform: scale(-1, 1) rotate(303.75deg); }
.kaleidoscope.n32 .tile.t56 {
display: block;
-webkit-transform: rotate(315deg);
-moz-transform: rotate(315deg);
-ms-transform: rotate(315deg);
-o-transform: rotate(315deg);
transform: rotate(315deg); }
.kaleidoscope.n32 .tile.t57 {
display: block;
-webkit-transform: scale(-1, 1) rotate(315deg);
-moz-transform: scale(-1, 1) rotate(315deg);
-ms-transform: scale(-1, 1) rotate(315deg);
-o-transform: scale(-1, 1) rotate(315deg);
transform: scale(-1, 1) rotate(315deg); }
.kaleidoscope.n32 .tile.t58 {
display: block;
-webkit-transform: rotate(326.25deg);
-moz-transform: rotate(326.25deg);
-ms-transform: rotate(326.25deg);
-o-transform: rotate(326.25deg);
transform: rotate(326.25deg); }
.kaleidoscope.n32 .tile.t59 {
display: block;
-webkit-transform: scale(-1, 1) rotate(326.25deg);
-moz-transform: scale(-1, 1) rotate(326.25deg);
-ms-transform: scale(-1, 1) rotate(326.25deg);
-o-transform: scale(-1, 1) rotate(326.25deg);
transform: scale(-1, 1) rotate(326.25deg); }
.kaleidoscope.n32 .tile.t60 {
display: block;
-webkit-transform: rotate(337.5deg);
-moz-transform: rotate(337.5deg);
-ms-transform: rotate(337.5deg);
-o-transform: rotate(337.5deg);
transform: rotate(337.5deg); }
.kaleidoscope.n32 .tile.t61 {
display: block;
-webkit-transform: scale(-1, 1) rotate(337.5deg);
-moz-transform: scale(-1, 1) rotate(337.5deg);
-ms-transform: scale(-1, 1) rotate(337.5deg);
-o-transform: scale(-1, 1) rotate(337.5deg);
transform: scale(-1, 1) rotate(337.5deg); }
.kaleidoscope.n32 .tile.t62 {
display: block;
-webkit-transform: rotate(348.75deg);
-moz-transform: rotate(348.75deg);
-ms-transform: rotate(348.75deg);
-o-transform: rotate(348.75deg);
transform: rotate(348.75deg); }
.kaleidoscope.n32 .tile.t63 {
display: block;
-webkit-transform: scale(-1, 1) rotate(348.75deg);
-moz-transform: scale(-1, 1) rotate(348.75deg);
-ms-transform: scale(-1, 1) rotate(348.75deg);
-o-transform: scale(-1, 1) rotate(348.75deg);
transform: scale(-1, 1) rotate(348.75deg); }
.kaleidoscope.n32 .tile .image {
position: relative;
top: 0;
left: 100%;
height: 100%;
width: 100%;
background-image: url(http://3.bp.blogspot.com/-ngRcjH2o1Z8/UDjvxZrbpYI/AAAAAAAABMU/QDFNiStAbZ4/s1600/fractal25.jpg);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transform: rotate(5.625deg);
-moz-transform: rotate(5.625deg);
-ms-transform: rotate(5.625deg);
-o-transform: rotate(5.625deg);
transform: rotate(5.625deg); }
#fork {
position: absolute;
right: 0;
bottom: 0;
z-index: 1;
color: #668;
text-decoration: none;
font-family: sans serif;
opacity: 0.5;
padding: 0.4em;
color: red; }
#fork:hover {
opacity: 1;
text-decoration: underline; }
.move {
position: absolute;
left: 1em;
top: 1em;
color: #fff;
z-index:10;
font-family: monospace;
font-size: 1.5em;
opacity: .5;
pointer-events: none; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment