airen

@keyframes move {
  0%{
    transform: translateY(90px);
  }
  15%{
    transform: translate(90px,90px);
  }
  30%{
    transform: translate(180px,90px);
  }

airen

// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.19)
// ----

@charset "UTF-8";

$z-layers: (
  "goku":            9001, 
  "shoryuken":       8000,

airen

// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.19)
// ----

@charset "UTF-8";

$z-layers: (
  "goku":            9001, 
  "shoryuken":       8000,

airen

// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.19)
// ----

// A clean way to deal with z-index layers in Sass
// Based on http://css-tricks.com/handling-z-index/
// ---

// A map of z layers

airen

// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.19)
// ----

@charset "UTF-8";

$z-layers: (
  "goku":            9001, 
  "shoryuken":       8000,

airen

// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.19)
// Base.Sass (v1.3.2)
// ----

//@import "base.sass/*";

$z-layers: (
  'goku': 9001,

airen

// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.19)
// ----

//@import "base.sass/*";

$z-layers: (
  'goku': 9001,
  'shoryuken': 8000,

airen

// ----
// Sass (v3.3.10)
// Compass (v1.0.0.alpha.20)
// ----

.highlight {
	&-header{
		.icon{
			display: inline-block;
			width:16px;
			position:relative;
			bottom:9px;
			*bottom:3px;
            $icon-data:(file, text),(menu, table),(echart0, chart);
  	        @each $type , $url in $icon-data  {
		        &-#{$type} {
			        background: url(../images/transParent-#{$url}-icon.png) no-repeat center center;
		        }
	        }
		}
	}
}

airen

<div class="wrapper">
  <div id="container3-1">
	  <div id="container2-1">
		  <div id="container1-1">
    	  <div id="col1-1">Column 1</div>
    		<div id="col2-1">Column 2</div>
    		<div id="col3-1">Column 3</div>
      </div>
    </div>
  </div>

airen

// ----
// Sass (v3.4.0.rc.3)
// Compass (v1.0.0.rc.1)
// ----

@for $i from 1 to 30 {
  .itemLink_#{$i}{
    @if $i < 15 {
      //$linkH: -76px;
      $j: $i - 1;