silverstripe-cms/css/WidgetAreaEditor.css
Sean Harvey 9cf86ec8af ENHANCEMENT Added hover states to "Available widgets" boxes in the CMS for usability
git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/cms/branches/2.4@97606 467b73ca-7a2a-4603-9d3b-597d59a354a9
2011-02-02 17:52:28 +13:00

72 lines
1.3 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;
color: #444;
background: #ccc url(../images/add-bg.png) right top;
}
div.availableWidgets div.Widget h3:hover {
background: #ccc url(../images/add-bg.png) right 21px;
}