laukstein

/* CSS3 spinner */

@keyframes rotate{
	from{
		transform:rotate(0deg) translate(-9px) rotate(0deg);
	}
	to{
		transform:rotate(360deg) translate(-9px) rotate(-360deg);
	}
}

laukstein

@keyframes rotate{
	from{
		transform:rotate(0deg) translate(-10px) rotate(0deg);
		background-color:green;
	}
	to{
		transform:rotate(360deg) translate(-10px) rotate(-360deg);
		background-color:yellow;
	}
}

laukstein

<?php
  $menu_name = 'main_nav';
  $locations = get_nav_menu_locations();
  $menu = wp_get_nav_menu_object( $locations[ $menu_name ] );
  $menuitems = wp_get_nav_menu_items( $menu->term_id, array( 'order' => 'DESC' ) );
?>

<nav>
<ul class="main-nav">
    <?php

laukstein

/* CSS3 spinner */

@keyframes rotate{
	from{
		transform:rotate(0deg) translate(-9px) rotate(0deg);
	}
	to{
		transform:rotate(360deg) translate(-9px) rotate(-360deg);
	}
}

laukstein

/* Animate to natural width */

body { background: black; padding: 100px; margin: 0; }

.progress-bar {
  border: 2px solid red;
  border-radius: 14px;
  overflow: hidden;
}
.progress-bar > div {

laukstein

GPL and MIT LICENSE

laukstein

/**
 * http://www.20thingsilearned.com/js/twentythings.min.js
 * The history class is in charge of the browser
 * history and URL's.
 */
TT.history = {};

/** */
TT.history.TABLE_OF_CONTENTS = 'table-of-things';
TT.history.HOME = 'home';