silverstripe-cms/css/WidgetAreaEditor.css
Ingo Schommer addd1dea0c ENHANCEMENT Added visual elements to aid in the usability of the WidgetAreaEditor
MINOR Added better help text underneath "Available Widgets" and "Widgets currently used" (from r97602)

git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/cms/trunk@102733 467b73ca-7a2a-4603-9d3b-597d59a354a9
2010-04-13 22:20:28 +00:00

68 lines
1.1 KiB
CSS

div.availableWidgetsHolder {
width: 30%;
}
div.usedWidgetsHolder {
width: 69%;
}
div.availableWidgetsHolder {
float: left;
}
div.usedWidgetsHolder {
float: right;
}
div.usedWidgets {
border: 1px #CCC dotted;
padding: 5px;
}
.NoWidgets {
padding: 50px; /* Make this nice and big and easily 'droppable' */
}
div.usedWidgets div.Widget,
div.availableWidgets div.Widget {
width: 98%;
border: 1px solid #ddd;
border-top: none;
margin-bottom: 5px;
}
div.widgetDescription p,
div.widgetFields {
padding: 0 8px;
color: #666;
font-size: 11px;
}
p.deleteWidget {
margin: 0;
height: 22px;
line-height: 2.2;
font-size: 12px;
}
span.widgetDelete {
padding-left: 20px;
margin-right: 8px;
float: right;
background: url(../images/delete.gif) no-repeat left center;
cursor: pointer;
}
div.usedWidgets div.Widget h3,
div.availableWidgets div.Widget h3 {
font-size: 12px;
color: #fff;
line-height: 1.8;
text-indent: 5px;
margin: 0;
}
div.usedWidgets div.Widget h3 {
cursor: move;
background: #000 url(../images/handled-bg.png) right top;
}
div.availableWidgets div.Widget h3 {
cursor: pointer;
background: #000 url(../images/add-bg.png) right top;
}