argyleink

.transparent { opacity:0; }
.absolute { position:absolute; }

/* Toggled State */
label {   
  box-shadow:inset 0px 1px 0px 0px #ffffff;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
  background-color:#ededed;
  border-radius:6px;
  border:1px solid #dcdcdc;

argyleink

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}

argyleink

/**
 * Pure CSS Tab System using :target
 */
 
body {
  font-family: sans-serif;
}

.tabrow {
  text-align: center;

argyleink

/*
 Pure CSS3 Accordion System inspired by the CSS Ninja
 */

body{ font-family:sans-serif; background:#f9f9f9; }

dl {
  padding: 10px;
}

argyleink

/**
 * Dot indicators inside of a circle, 
   which rotate around the center of the parent circle
 */
body {
  background: #f06;
  background: linear-gradient(45deg, #f06, yellow);
}

.circle {

argyleink

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}

argyleink

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}

argyleink

/**
 * The first commented line is your dabblet’s title
 */
body {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}

.triangle {

argyleink

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}

argyleink

/**
 * The first commented line is your dabblet’s title
 */
body {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}

.table {