silverstripe-reports/css/cms_left.css
Ingo Schommer a56657fb83 elofgren: NEW FEATURE: When 'Search' button is clicked show a simple search text input and button which allow for filtering the Site Tree by searching the URL, Title, Menu Title, and Content.
Also show an 'Add criteria...' drop-down with 'Page Type', 'Status', 'Description', and 'Keywords' options which allow for more fine grained filtering based on columns in the SiteTree? table. 
In addition add an 'Edited Since' option which uses a CalendarDatePicker? which allows for filtering pages based on when they were last edited. 
NOTE: Pages that have children will always be shown whether they match the filter or not, in case one of their children matches the filter. It would probably be better to switch to a flat 
display of the results. 
More info: http://www.silverstripe.com/google-summer-of-code-forum/flat/2526 
(merged from branches/gsoc)


git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/cms/trunk@42086 467b73ca-7a2a-4603-9d3b-597d59a354a9
2007-09-16 15:19:17 +00:00

381 lines
6.7 KiB
CSS

#TreeActions {
background-color: #EEE;
border-bottom: 1px #CCC solid;
padding: 0;
margin: 0;
/* height: 23px; */
float: left;
width: 100%;
}
#TreeActions li.action {
float: left;
margin: 0;
padding: 2px;
list-style-type: none;
}
#TreeActions li.action button {
margin-left: 0;
margin-right: 0;
padding: 0pt 0.1em;
overflow: visible;
width: auto;
}
#TreeActions li.selected {
background-color: #CCC;
}
#TreeActions li.action:hover {
background-color: #CCC;
}
#left form.actionparams {
background-color: #CCC;
border-bottom: 1px #EEE solid;
margin: 0;
padding: 0.5em;
}
#left form.actionparams select {
width: 75%;
margin: 0;
}
#ReportSelector_holder select, #PageType {
width: 75%;
float: left;
margin-right: 3px;
}
#left form.actionparms input.action {
width: 5%;
margin: 0;
}
/**
* Selection Groups
*/
#left .SelectionGroup {
padding: 0;
margin: 0;
display: block;
}
#left .SelectionGroup li {
list-style-type: none;
clear: left;
padding: 0;
margin: 0;
border: 1px #CCC solid;
}
#left .SelectionGroup li input {
width: 20px;
float: left;
margin: 0;
}
#left .SelectionGroup li div.field {
display: none;
font-size: 1em;
}
#left .SelectionGroup li label {
margin: 0 0 0 2px;
padding: 0;
display: block;
height: 1.2em;
width: auto;
float: none;
}
#left .SelectionGroup li.selected div.field {
margin-left: 23px;
display: block;
margin-bottom: 1em;
}
#left div.field select {
width: 100%;
}
#left .SelectionGroup li.selected label.selector {
font-weight: bold;
}
ul.tree span.a {
cursor: pointer;
}
.filefolderhover span.a, ul.tree span.a.over {
background-color: #FFFFBB !important;
/* these push the highlight out to the left of the window */
margin-left: -100px;
padding-left: 100px;
background-position: 100px 50%;
}
ul.tree span.a.current {
font-weight: bold;
background-color: #EEEEFF !important;
border-top: 1px #CCCCFF solid;
border-bottom: 1px #CCCCFF solid;
/* these push the highlight out to the left of the window */
margin-left: -100px;
padding-left: 100px;
background-position: 100px 50%;
/*position: relative;*/
}
/*
ul.tree span.a.current span#currentNodeActions {
position: absolute;
right: 0;
top: 0;
background-color: white;
padding: 0 3px;
}
*/
ul.tree span.a.loading span.b span.c a {
background-image: url(../images/network-save.gif) !important;
margin-left: -3px;
padding-left: 21px;
background-position : 2px 2px;
}
ul.tree.multiselect span.a span.b a {
background-image: url(../images/tickbox-unticked.gif) !important;
}
ul.tree.multiselect span.a.nodelete span.b a {
background-image: url(../images/tickbox-canttick.gif) !important;
}
ul.tree.multiselect span.a.selected span.b span.c a {
background-image: url(../images/tickbox-ticked.gif) !important;
}
ul.tree.multiselect li.selected ul span.a a {
background-image: url(../images/tickbox-greyticked.gif) !important;
}
/*
ul.tree.multiselect li.selected ul {
display: none;
}
*/
/* Span-B: Plus/Minus icon */
ul.tree.multiselect li.selected span.a.children span.b, ul.tree.multiselect li.selected span.a.unexpanded span.b {
background-image: none;
cursor: default;
}
ul.tree span.a a.disabled {
color: #999;
cursor: normal;
}
ul.tree span.a a.disabled * {
padding: 0;
background: none;
color: #999;
cursor: normal;
}
ul.tree .deleted {
color: red;
text-decoration: line-through;
}
/* Created on stage, never published */
ul.tree ins,
#publication_key ins {
color: orange;
padding-left : 16px;
background-image : url(../../sapphire/images/NewOnStage.png);
background-position : 0px 1px;
background-repeat : no-repeat;
text-decoration : none;
}
/* Deleated on stage */
ul.tree del,
#publication_key del {
color: red;
padding-left : 16px;
background-image : url(../../sapphire/images/TrashedOnStage.png);
background-repeat : no-repeat;
}
ul.tree span.modified,
#publication_key span.modified {
color: green;
padding-left : 16px;
background-position : 1px 0px;
background-image : url(../../sapphire/images/EditedOnStage.png);
background-repeat : no-repeat;
text-decoration : none;
}
#left {
background-color: #EEE;
}
#treepanes {
background-color: #FFF;
border-left: 1px #ccc solid;
}
#treepanes h2 {
cursor: pointer;
}
#treepanes h2 img {
float:right;
}
.listpane p {
margin: 3px 3px 7px 3px;
font-size: 10px;
}
.listpane ul {
margin: 0;
padding: 0;
}
.listpane ul li {
list-style-type: none;
padding: 5px 2px 5px 2px;
font-size: 10px;
border-bottom: 1px #CCC dotted;
background-color: #FFF;
}
.listpane ul li.odd {
background-color: #EEE;
}
.listpane ul li .extra {
font-style: italic;
color: #666;
}
.listpane div.unitBody {
overflow: auto;
width: 100%;
}
#CommentList {
padding: 0;
margin: 0;
}
#CommentList li {
list-style-type: none;
background-color: #EEE;
border: 1px #CCC solid;
padding: 3px;
margin: 7px;
}
#CommentList li .extra {
margin-top: 3px;
font-size: 80%;
font-style: italic;
}
#ReportSelector_holder {
background-color: #EEE;
border-bottom: 1px #CCC solid;
margin: 0;
padding: 3px;
}
#treepanes .pane_actions {
margin: 7px 4px;
}
#treepanes .pane_actions a {
margin: 4px;
padding: 3px;
background-color: #EEE;
border: 1px #CCC solid;
}
#treepanes .pane_actions a.current {
background-color: #CCC;
}
#treepanes table {
border-collapse: collapse;
width: 100%;
}
#treepanes table thead td {
background-color: #777;
color: white;
border-bottom: 1px #CCC solid;
}
#treepanes table tbody tr {
cursor: pointer;
}
#treepanes table tbody tr.odd td {
background-color: #EEE;
}
#treepanes table tbody tr.over td {
background-color: #FFFFBB;
}
#treepanes table tbody tr.current td {
background-color: #BBBBFF;
}
#treepanes #Versions tbody tr.internal {
color: #777;
}
#treepanes #Versions tbody tr.published {
color: black;
}
/**
* Change the styling of the root tree node
*/
ul.tree span.a.Root, ul.tree span.a.last.Root, ul.tree span.a.children.Root {
background-image: none;
}
ul.tree span.a.Root span.c, ul.tree span.a.last.Root span.c, ul.tree span.a.children.Root span.c {
margin: 0;
}
ul#sitetree.tree ul {
margin-left: 0;
}
ul#sitetree.tree ul ul {
margin-left: 16px;
}
ul.tree span.a.MailType, ul.tree span.a.last.MailType, ul.tree span.a.children.MailType {
background-image: none;
}
ul.tree span.a.MailType span.c, ul.tree span.a.last.MailType span.c, ul.tree span.a.children.MailType span.c {
margin: 0;
}
.contextMenu {
padding: 0;
margin: 0;
}
.contextMenu li {
list-style-type: none;
margin: 0;
padding: 0;
}
.contextMenu li a {
display: block;
font-family: Tahoma, Verdana, Arial, Helvetica;
font-size: 11px;
padding: 5px 10px 5px 5px;
color: black;
text-decoration: none;
}
.contextMenu li a:hover {
background-color: #B6BDD2;
text-decoration: none;
}
#left form.actionparams .SearchCriteria {
width: 45%;
float: left;
}