jakerocheleau

/**
 * Circular Tooltip (SO)
 * http://stackoverflow.com/q/13132864/1397351
 */
* { margin: 0; padding: 0; }
body {
	overflow: hidden;
	background: url(http://theearlcarlson.com/experiments/amTooltip/img/bg.jpg);
}
/* generic styles for button & circular menu */

jakerocheleau

/* Centered heading with rules */
h1 {
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
	text-overflow: ellipsis;

	font: 1.6em/1.1 Georgia;
	padding: .2em 0;

jakerocheleau

/**
 * 2col fluid+fixed
 */
html {
background: #f06;
background: linear-gradient(45deg, #c0d6e7, #90afde);
min-height: 100%; }

#wrapper {
  margin: 0 auto;

jakerocheleau

/**
 * dual-sidebar fixed columns
 */

html {
background: #f06;
background: #dbd18d;
min-height: 100%; }

body { padding-top: 85px; } 

jakerocheleau

/**
 * 3col Holy Grail
 */
body {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;			
margin: 0;			
padding-left: 200px;   /* LC fullwidth */
padding-right: 210px;   /* RC fullwidth + CC padding */	

jakerocheleau

/**
 * 3col Holy Grail
 */
body {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;			
margin: 0;			
padding-left: 200px;   /* LC fullwidth */
padding-right: 210px;   /* RC fullwidth + CC padding */	

jakerocheleau

/**
 * CSS Liquid Layout (Fluid-Fixed-Fixed)
 */
html {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%; }

body { padding-top: 85px; } 
#wrapper { margin: 0 auto; max-width: 1100px; min-width: 650px; background: #fff; }

jakerocheleau

/**
 * columns-test-2-fixed-widths
 * source: http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks
 */

html { background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%; padding-top: 55px; }

#wrapper { display: block; max-width: 1100px; min-width: 700px; margin: 0 auto; }

jakerocheleau

/**
 * columns-test-2
 */

html { background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%; padding-top: 55px; }

#wrapper { display: block; max-width: 1100px; min-width: 700px; margin: 0 auto; }

jakerocheleau

/**
 * columns test
 */
body {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%; }
div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#wrapper { max-width: 1000px; margin: 0 auto; }
#container3 { float:left; width:100%; background:green; overflow:hidden; position:relative; }