kizu

/**
 * The -Webkit-scrollbar challenge
 * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Make the first div’s scrollbar like the second’s 
 * without changing the styling of the div (i.e. you
 * can only change the ::-webkit-scrollbar-* rules
 * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * It doesn't matter if the second div doesn't look the same
 * after your changes, it's only there to show you how the

kizu

/**
 * Weird behavior when combining opacity & z-index: -1
 */

div {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 200px; height: 200px;
	background: yellowgreen;

kizu

table {
   border: 1px solid red;
   height: 200px;
   width: 400px;
}
thead  td {
   height: 10px;
}

tbody {

kizu

body {
	background: pink
}

.popup {
	position: relative;
	width: 200px;
	height: 150px;
	padding: 10px;
	background: #fff;

kizu

/**
 * Just for fun™: Flickr spinner in pure CSS
 * Now, with wider browser support!
 */

@keyframes move-right {
	to { right: 0; }
}

@keyframes move-padding {

kizu

.cont {
	width: 100%;
	
	overflow: hidden;
	position: relative;
	white-space: nowrap;
}

.p1, .p2 {
	padding: 20px;

kizu

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

kizu

.image-container
{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 50%;
  background: lightyellow;
  overflow: hidden;
  text-align: center;

kizu

/**
 * Bordered Arrow
 */
body {
min-height: 100%;
font-size: 10px;
//background: lime;
}

.arrow {

kizu

/**
 * Align
 */

flex {
	display: flex;
	align-items: baseline;
}
div {
	width: 5em;