gustaff-weldon

.box {	
	height: 150px;	
	width: 300px;	
	margin: 20px;	
	border: 1px solid #ccc;
}

.top {	
	box-shadow: 0 -5px 5px -5px #333;
}

gustaff-weldon

/**
 * The first commented line is your dabblet’s title
 */
.wrapper {
	height: 500px;
	background: #f3f3f3;
	width: 1200px;
	margin: 20px auto;
	display: flex;
	justify-content:space-between;

gustaff-weldon

/**
 * The first commented line is your dabblet’s title
 */
.wrapper {
	height: 500px;
	background: #f3f3f3;
	width: 1200px;
	margin: 20px auto;
	display: flex;
	justify-content:space-between;

gustaff-weldon

/**
 * The first commented line is your dabblet’s title
 */
.wrapper, section, aside {
	height: 200px;
}

.wrapper {
	background: #f3f3f3;
	width: 1200px;

gustaff-weldon

.content-box-light:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

    .ad-box {
      padding: 10px 15px;

gustaff-weldon

/**
 * Background and opacity transitions
 */
.container {
	background: rgba( 255, 150, 10, 100);
	overflow: hidden;
}

.box {
	float: left;

gustaff-weldon

/**
 * Background and opacity transitions
 */
.container {
	background: rgba( 255, 150, 10, 100);
	overflow: hidden;
}

.box {
	float: left;

gustaff-weldon

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

.container {
	height: 300px;
	width: 300px;
	box-shadow: inset 0px 0px 0px 10px #d7af0a
}

gustaff-weldon

.dumb {
	font-size: 1.2em;
	color: white;
	background: #3A44BE;
	padding: .1em 0;
	box-shadow: 10px 0 #3A44BE,-10px 0 #3A44BE,10px 5px #FFE000,-10px 5px #FFE000;
}

body {
	font-family: Arial;

gustaff-weldon

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

.container {
	height: 300px;
	width: 300px;
	border: 10px solid #aaa;
	position: relative;
}