brito

/* khaleesi.la */
@charset 'UTF-8';
@import url(http://fonts.googleapis.com/css?family=Stalemate|Berkshire+Swash|Cinzel+Decorative);

/* subscribe */
[for=notifications], #notifications { float:right }
[action*=subscribe] { display:none }
#notifications:checked + [action*=subscribe] { display:block }
[action*=subscribe] { float:right; clear:right;
	font-family:Cinzel Decorative; text-align:right;

brito

/* khaleesi.la forms */
@import url(http://fonts.googleapis.com/css?family=Stalemate|Berkshire+Swash|Cinzel+Decorative);

body { background:#ffd5cc; color:#333; font:100%/1.6 Cinzel Decorative; text-align:center}
h1 { font-size:261%; text-shadow:0 0 3px #faa; font-family:Stalemate }
a { color:#8693B2; font:130% Berkshire Swash }
input { border:1px solid #E38181; font:100%/1 sans-serif; color:#444;
  padding:.6em; border-radius:.6em; text-align:center; outline:0 }
  
.errorText { color:#f00; font:bold 90% sans-serif; margin:.6em 0 }  

brito

/* madness */

brito

/** 511 **/
* { background:rgba(0,0,0,.1); margin:auto; padding:0; box-sizing:border-box;
	transition:all 250ms }
body { font:200%/2 Georgia,serif }
a { display:block }

nav a { padding-left:2em; text-indent:1em }
nav a:after { content:attr(title) }
#logo { background:transparent;
  background:url(http://f.cl.ly/items/2b2D430f0I362O0B1B1I/511%20white.png) no-repeat;

brito

/* cinquefoil (eventually) */

nav { margin:5% auto; position:relative; perspective:.001em;
  width:1.6em; overflow:hidden; height:1em }

@keyframes x { to {  } }
a { transform-origin:50%; background:hsla(222,100%,50%,.3); width:100%; height:1.6em; 
  display:inline-block;transform:rotate3d(1,0,0,1deg);
   position:absolute; animation:-spin 10s infinite alternate linear }

brito

/** An exploration into the CSS 3D space 
@import url( darkgoyle.com/prelude );
**/

/* couleur (la mode) d0 */
html { background:hsla(200,100%,50%,.3) }
a { background:hsl(20,100%,50%); 
  color:inherit; text-decoration:none }

/* typographie (scale) dx */

brito

/** I wish dabblet had a custom "start with this template" */

brito

/* flutter */
nav { margin:5% auto; width:1em }

@keyframes logo { to { width:0; height:0;
  border-width:0 .5em 1.618em;
  transform:none;
  border-color:hsla(270,61%,50%,.3) transparent } }
a { animation:logo 1ms infinite cubic-bezier(0,2.618033,2,0);
width:1em;height:1em;display:block;
position:absolute;

brito

/* CCS: Cool Code School [Pilot-S01E01] */


/* FIXIT: override by default on server/cache configuration */
@charset 'UTF-8';



/* color is the first thing to change */
* { color:white /* text and border */; 

brito

@charset:'UTF-8';
/* 511-CCS: Cascading Code Schools

# Reference
- [w3c/CSS](http://www.w3.org/Style/CSS)
- [daringfireball/markdown](http://daringfireball.net/projects/markdown/)

# Color
- is usually the first thing to change between designs,
- goes first in a stylesheet: */