Shared Design Bubbles Double Spiral Alien Surface Template: Basic Template: Blank

#stage {
  @maxhtml:150;
  @maxdepth:3;
  background:#222;
  .grid:x -200 y -145;
}

.grid {
  20.bar: x 0 y 0 kx 0 r 18;
}

.bar {
  2.box1: x 10 ky 110 r -45;
}

.box1 {
  width: 200px;
  height: 50px;
  background: #fffaee;
  border: 1px solid #ff9040;
  opacity: 0.3;
}

#stage {
  @maxhtml:900;
  @maxdepth:30;
  background:#9cf;
  .branch:x -80 y -50 r -130;
  .branch:x 80 y 90 r 50;
}

.branch {
  .branch:x -5 sy 0.95;
  .twig:sy 0.95;
}

.twig {
  .twig:r -6 x 10;
  .stick;
}

.stick {
  @prob:0.2;
  width:2px;
  height:200px;
  background:#07f;
  opacity:0.9;
}

.stick {
  @prob:0.5;
  width:1px;
  height:150px;
  background:#28f;
  opacity:0.8;
}

.stick {
  @prob:0.3;
  width:2px;
  height:100px;
  background:#049;
  opacity:0.5;
}

#stage {
  @maxhtml:500;
  @maxdepth:20;
  background:#124;
  12.spike:r 29;
}

.spike {
  10.ball:x 15 y 15;
}


.spike {
  15.ball:x 15 y 15;
}

.spike {
  20.ball:x 10 y 10;
}


.ball {
  border-radius: 6px;
  width:12px;
  height:12px;
  background:#f59;
  border:1px solid #521;
  opacity:0.7;
}

.ball {
  border-radius: 12px;
  width:24px;
  height:24px;
  background:#f55;
  border:1px solid #933;
  opacity:0.6;
}

.ball {
  border-radius: 18px;
  width:36px;
  height:36px;
  background:#e49;
  border:1px solid #631;
  opacity:0.5;
}

.ball {
  border-radius: 24px;
  width:48px;
  height:48px;
  background:#f38;
  border:1px solid #621;
  opacity:0.4;
}

#stage {
  @maxhtml:500;
  background:#CEE3F8;
  .twirl;
  .alien:x -16 y -20;
}

.twirl {
  8.swarm:r -45;
}

.swarm {
  @maxdepth:24;
  .swarm:r -6 x 15 y 15 s 0.96;
  opacity:0.9;
  .alien:x 24 y 24;
}

.alien {
  width:32px;
  height:40px;
  background:url(https://static.reddit.com/reddit.com.header.png);
}

#stage {
  @maxhtml:500;
  @maxdepth:20;
  background:#fc9;
  .grid:x -240 y -40;
}

.grid {
  30.bar: y 10 kx -1 r -1;
}

.bar {
  10.box:x 40 ky 5 r -20;
}

.box {
  width:52px;
  height:52px;
  background:#f94;
  border:1px solid red;
  opacity:0.9;
}

.box {
  width:50px;
  height:50px;
  background:#f85;
  border:1px solid red;
  opacity:0.9;
}

#stage {
  @maxhtml:500;
  @maxdepth:20;
  background:#ccc;
  .box;
}

.box {
  width:20px;
  height:20px;
  border:1px solid #888;
}

#stage {
  @maxdepth:20;
  background:#ccc;
}