/*********************************************************** * style for blocks ***********************************************************/ .block iframe { width: 100%; border: none; } .invisible-block { background: url(/images/hachure.png); opacity: 0.25; } .msie .invisible-block { filter: alpha(opacity=25); zoom: 1; } /* ie6 hack */ .invisible-block a.icon-button { position: relative; } /*********************************************************** * the handles to where you can drag the blocks ***********************************************************/ .block-target { margin: 5px; height: 2px; height: 15px; border: 1px dashed #e0e0e0; } .block-target-hover { background: #ffd; border: 1px solid red; height: 30px; } /*********************************************************** * put borders around boxes and blocks when organizing boxes ***********************************************************/ #box-organizer div.box { border: 1px solid #ccc; background-color: white; background-repeat: no-repeat; background-position: top right; } #box-organizer div.box-1 { background-image: url(../images/blocks/1.png); } #box-organizer div.box-2 { background-image: url(../images/blocks/2.png); } #box-organizer div.box-3 { background-image: url(../images/blocks/3.png); } #box-organizer div.box-1 .block { outline: 2px dashed green; } .msie #box-organizer div.box-1 .block { border: 2px dashed green; } #box-organizer div.box-2 .block { outline: 2px dashed red; } .msie #box-organizer div.box-1 .block { border: 2px dashed red; } #box-organizer div.box-3 .block { outline: 2px dashed blue; } .msie #box-organizer div.box-1 .block { border: 2px dashed blue; } .block-footer-content { clear: both; margin-top: 1em; text-align: center; }