kizu

/* Global styles */

body {
  background: #FBFAF5;
}

#list_surround {
  position: relative;

  width: 58em;

kizu

language: ruby
script: "bundle exec jekyll build"

kizu

/* Font resize concept */

/* Made after seeing a tweet about Bit Text,
   without looking how it was made.
   Treat this as a prototype, the code could be enhanced of course.
*/

body {
	font-family: Helvetica;
	/* Need it there, 'cause could be bugs on toggling */

kizu

/* Different alignments
 */
body
{
    margin: 0;
    padding: 0;

    background: url('../desktop.blocks/grid/grid.png');
}

kizu

/* The most closest fix for the
   http://stackoverflow.com/q/7309593/885556 problem */

.b-wrapper {
	padding-right: 10px;
	}

.b-shrinker {
	display: inline-block;
   

kizu

/* Proper parallax fixed background */
.bg {
	position: fixed;
	z-index: -1;
	top: 20px;
	left: 20px;
	right: 20px;
	bottom: 20px;
	overflow: hidden;
}

kizu

/* Switch, label don't work :( */

.board {
	position: absolute;
	top: 0;
	z-index: 0;
}

.board:before {
	content: "";

kizu

/* ololo */

.board {
	position: relative;
	font-size: 27px;

	width: 19em;
	margin: 3em auto;
		
	background: linear-gradient(transparent 0.46em,#aaa 0.5em,transparent 0.5em),  linear-gradient(90deg, transparent 0.46em,#aaa 0.5em,transparent 0.5em);

kizu

/* Fake previous item selector */

/* Fix for +/~ selectors in webkit */
@-webkit-keyframes bugfix { from { margin: 0; } to { margin: 0; } }
label {
	-webkit-animation: bugfix infinite 1s;
}

input {
	position: absolute;

kizu

/* liquid sidebar with centered content prototype */

body {
	font: 24px Arial, sans-serif;
}

.a {
	margin: 3em auto 0;
	max-width: 22em;
	box-shadow: 0 0 0 1px lime;