Arnold Camas arnoldc

## font-face.css
@font-face {
  font-family: 'Graublau Web';
  src: url('GraublauWeb.eot');
  src: local('Graublau Web Regular'), local('Graublau Web'),
       url('GraublauWeb.otf') format('opentype');
}

## cross-browser-opacity.css
selector {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
}

## skewed-shadow-demo.html
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>


<div class="box">

## pointers.css

#home nav .home > a {
       pointer-events: none;
       cursor: default;
}

## search-button.css

.search input.box {
  height:12px;
  width:109px;
  margin:0;
  padding:5px;
  color:#A4A3A3;
  border:1px solid #ccc;
}

## inset-shadow-img.css
.vignette {
        -webkit-box-shadow: inset 0px 0px 85px rgba(0,0,0,0.4);
        -moz-box-shadow:    inset 0px 0px 85px rgba(0,0,0,0.4);
        box-shadow:         inset 0px 0px 85px rgba(0,0,0,0.4);
        line-height: 0;         /* ensure no space between bottom */
        display: inline-block;  /* don't go wider than image */
}

.vignette img {
        position: relative;

## fieldset.html
<fieldset>
    <legend>Billing Affress</legend>
    <label for="billAddress">Address</label><input type="text" id="billAddress" name="billAddress" />
    <label for="billCity">City</label><input type="text" id="billCity" name="billCity" />
    <label for="billProvince">Province</label><input type="text" id="billProvince" name="billProvince" />
    <label for="billPC" >Postal Code</label><input type="text" id="billPC" name="billPC" />
</fieldset>

## peekabo-bug.css
#floater {
background-color: #dec;
float: left;
width: 35%;
position: relative;  /* peekaboo bug fix for IE6 */
min-width: 0;  /* peekaboo bug fix for IE7 */
}

## double-margin-bug-fix.css
#navigation {
display: inline;
float: left;
margin-left: 10px;
width: 200px;
}

/*The fix is to set display:inline on the floating elements*/

## overfow-clear-method.css
.container {
  border: 1px solid #000000;
  overflow: hidden;
  width: 998px;
}


/*
With the simple-clear method, you apply the overflow property to the parent
container, preventing it from collapsing around its floated children.
	@font-face {
	font-family: 'Graublau Web';
	src: url('GraublauWeb.eot');
	src: local('Graublau Web Regular'), local('Graublau Web'),
	url('GraublauWeb.otf') format('opentype');
	}
	selector {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	}
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset=utf-8 />
	<title>JS Bin</title>
	</head>
	<body>


	<div class="box">

	.search input.box {
	height:12px;
	width:109px;
	margin:0;
	padding:5px;
	color:#A4A3A3;
	border:1px solid #ccc;
	}
	.vignette {
	-webkit-box-shadow: inset 0px 0px 85px rgba(0,0,0,0.4);
	-moz-box-shadow: inset 0px 0px 85px rgba(0,0,0,0.4);
	box-shadow: inset 0px 0px 85px rgba(0,0,0,0.4);
	line-height: 0; /* ensure no space between bottom */
	display: inline-block; /* don't go wider than image */
	}

	.vignette img {
	position: relative;
	<fieldset>
	<legend>Billing Affress</legend>
	<label for="billAddress">Address</label><input type="text" id="billAddress" name="billAddress" />
	<label for="billCity">City</label><input type="text" id="billCity" name="billCity" />
	<label for="billProvince">Province</label><input type="text" id="billProvince" name="billProvince" />
	<label for="billPC" >Postal Code</label><input type="text" id="billPC" name="billPC" />
	</fieldset>
	#floater {
	background-color: #dec;
	float: left;
	width: 35%;
	position: relative; /* peekaboo bug fix for IE6 */
	min-width: 0; /* peekaboo bug fix for IE7 */
	}
	#navigation {
	display: inline;
	float: left;
	margin-left: 10px;
	width: 200px;
	}

	/The fix is to set display:inline on the floating elements/
	.container {
	border: 1px solid #000000;
	overflow: hidden;
	width: 998px;
	}


	/*
	With the simple-clear method, you apply the overflow property to the parent
	container, preventing it from collapsing around its floated children.