HTML5 APIs - HTML5 Advertising - page 121

left: 80px;
z-index: 101;
}
#dropArea {
position: absolute;
top: 60px;
left: 10px;
width: 280px;
height: 150px;
background: #f2f5f6; /* Old browsers */
background: -moz-linear-gradient(top, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-
stop(37%,#e3eaed), color-stop(100%,#c8d7dc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /*
Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* IE10+ */
background: linear-gradient(to bottom, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',
GradientType=0 ); /* IE6-9 */
border: 1px dashed;
border-radius:10px;
z-index: 81;
}
#background {
position: absolute;
top: 1px;
left: 1px;
width: 300px;
height: 250px;
background: #c0c5d6; /* Old browsers */
background: -moz-linear-gradient(top, #c0c5d6 0%, #3f4c6b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0c5d6), color-
stop(100%,#3f4c6b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c0c5d6 0%,#3f4c6b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c0c5d6 0%,#3f4c6b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #c0c5d6 0%,#3f4c6b 100%); /* IE10+ */
background: linear-gradient(to bottom, #c0c5d6 0%,#3f4c6b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c5d6', endColorstr='#3f4c6b',
GradientType=0 ); /* IE6-9 */
z-index: 0;
}
/******Mock Publisher Content********/
#publisherContent {
position: absolute;
top: 300px;
left: 100px;
}