File: Application/Module/Theme/Public/Css/theme_design.css

#layout-design-editor
{
    background: #eee none repeat scroll 0 0;
    border: 1px solid #aaa;
    height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-left: 5px;
    padding-right: 5px;
}
#widget-list-holders
{
    background: #f2f2f2 none repeat scroll 0 0;
    border: 1px solid #aaa;
    height: 400px;
    overflow-y: auto;
}
div.page-location-header, div.page-location-footer{
    background-image: url("../Image/placeholder.png?c=123");
    border: 1px solid #bbb;
    margin-top: 5px;
    overflow: hidden;
}
div.page-location-header{
    margin-bottom:5px;
}
div.page-location-header > span, div.page-location-footer > span {
    background-color: #fff;
    border-radius: 3px;
    color: #000;
    display: inline-block;
    font-size: 0.7em;
    margin: 10px;
    opacity: 0.8;
    padding: 5px;
}
.widget-group-title{
    background:#959595;
    overflow: hidden;
    border-top:1px solid #bbb;
    padding:5px 7px;
    color:#fff;
}
.widget-group-title  a{
    color:#fff;
}
.column_stock{
    padding:0;
    margin:0;
}
.column_stock li{
    list-style: none;
}
.group-toggle{
    display:inline-block;
    float:right;
}
.widget-sortable{
    padding:0 7px;
    list-style:none;
}
#page-design-skeleton .frame-item,
.widget-sortable .frame-item,
.widget-sortable li{
    padding:3px 5px 3px 9px;
    background:url('../Image/static.png');
    border:1px solid #c3dca0;
    margin:3px 0;
    font-size:12px;
}
#page-design-skeleton .frame-item .page-location .widget-sortable{
	min-height: 50px;
}
.edit-widget-mode #page-design-skeleton .frame-item.frame-wrapper-child{
	margin:0;
}
#page-design-skeleton{
	height:291px;
	overflow-y:auto;
	padding:0;
}
.frame-wrapper-container{
	min-height:12;
	width:100%;
}
.edit-widget-mode #page-design-skeleton .frame-item{
	background:none;
	border:0;
	padding:0;
}