xrmer

/**
 * The first commented line is your dabblet’s title
 */

#container { display:block; }@media only screen and (orientation:portrait){  #container {      height: 100vw;    -webkit-transform: rotate(90deg);    -moz-transform: rotate(90deg);    -o-transform: rotate(90deg);    -ms-transform: rotate(90deg);    transform: rotate(90deg);  }}@media only screen and (orientation:landscape){  #container {       -webkit-transform: rotate(0deg);     -moz-transform: rotate(0deg);     -o-transform: rotate(0deg);     -ms-transform: rotate(0deg);     transform: rotate(0deg);  }}

xrmer

/**
 * 8Bit 
 */
 
 /* importing font from Google */
 @import url(http://fonts.googleapis.com/css?family=Press+Start+2P);
html {
		background: #6377EF;
		min-height: 100%;
		font-family: 'Press Start 2P';

xrmer

/**
 * media queries
 */
html {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;

}

xrmer

/**
 * Button march 17th 2014 with option transition
 */
html {
background: #3E4651;
min-height: 100%;
}

/* positioning */
.wrapper {

xrmer

/**
 * Button march 17th 2014
 */
html {
background: #3E4651;
min-height: 100%;
}

/* positioning */
.wrapper {

xrmer

/**
 * box-sizing (:
 */
html {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;

}

xrmer

/**
 * overflow (:
 */
html {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;

}

xrmer

/**
 * The first commented line is your dabblet’s title
 */
html {
background: #181818;
min-height: 100%;
}


#wrapper {

xrmer

 /**
 * styling body with no Content.
 */
html {
background: rgb(18,18,18);
min-height: 100%;
}

body {
	margin: 100px auto;

xrmer

/**
 * multiple value
 */
html {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
font-family: arial;
}