3 * CSS for the jQuery.dashboard() plugin.
5 * Released under the GNU General Public License. See LICENSE.txt.
8 #crm-container .column
{
11 /* padding-bottom and min-height make sure that there is always a sizable drop zone. */
14 height: auto
!important
;
16 list-style-type: none
;
19 #crm-container .column-0
{
23 #crm-container .column-1
{
27 /* The placeholder that indicates where a dragged widget will land if dropped now. */
28 #crm-container .placeholder
{
30 border: 3px dashed
#CDE8FE;
33 /* Spacing between widgets. */
34 #crm-container li
.widget
,
35 #crm-container li
.empty-placeholder
{
36 margin: 0 3px 10px 3px;
38 #crm-container li
.widget
{
42 /* Spacing inside widgets. */
43 #crm-container .widget-wrapper
{
47 box-shadow: 1px 1px 4px 1px rgba
(0,0,0,0.2);
51 #crm-container .widget-wrapper
.db-hover-handle
{
52 box-shadow: 1px 1px 8px 3px rgba
(0,0,0,0.2);
55 #crm-container .ui-sortable-helper
.widget-wrapper
{
56 box-shadow: 1px 1px 8px 3px rgba
(0,0,0,0.5);
59 /* widget header / title */
60 #crm-container .widget-header
{
61 background: transparent none repeat scroll
0 0;
68 /* widget content / body*/
69 #crm-container .widget-content
{
70 background-color: #ffffff;
76 #crm-container .widget-content
.crm-accordion-header
{
77 background-color: #EFEFE5;
78 background-image: url
("../i/TreeMinus.gif");
82 #crm-container .widget-content
.crm-accordion-wrapper
.collapsed
.crm-accordion-header
{
83 background-image: url
("../i/TreePlus.gif");
86 #crm-container .widget-content
.crm-accordion-header:hover
{
87 background-color: #e8e8de;
90 #crm-container .widget-content
.crm-accordion-body
{
91 border-color: #e8e8de;
95 #crm-container .widget-controls
{
96 background-color: #5D677B;
97 /* Standards-browsers do this anyway because all inner block elements are floated. IE doesn't because it's crap. */
102 #crm-container .widget-icon
, #crm-container
.full-screen-close-icon img
{
110 #full-screen-header {
114 /* Although this is an <a> link, it doesn't have an href="" attribute. */
118 /* Make the throbber in-yer-face. */
119 #crm-container .throbber
{
121 background:url
("../packages/jquery/css/images/throbber.gif") no-repeat scroll
0 0 transparent
;
126 #crm-container p
.loadtext
{
127 margin:1.6em 0 0 26px;
130 #crm-container .widget-controls
.crm-i
{
140 #crm-container .widget-controls:hover
.crm-i
{
144 #crm-container .widget-controls
.crm-i
.fa-expand
,
145 #crm-container .widget-controls
.crm-i
.fa-times
{
149 /* CSS for Dashlets */
151 #crm-container #available-dashlets
{
153 border: 2px dashed
#CDE8FE;
154 background-color: #999999;
158 #crm-container .dash-column
{
159 border: 2px solid
#696969;
161 background-color: #EEEEEE
164 #crm-container .dashlets-header
{
168 #crm-container #dashlets-header-col-0
{
173 #crm-container #dashlets-header-col-1
{
178 #crm-container #existing-dashlets-col-0
{
183 #crm-container #existing-dashlets-col-1
{
188 #crm-container .portlet
{
191 display: inline-block
;
194 #crm-container .portlet-header
{
200 #crm-container #available-dashlets
.portlet
{
204 #crm-container .portlet-header
.crm-i
{
209 #crm-container .portlet-content
{
213 #crm-container .ui-sortable-placeholder
{
214 border: 1px dotted black
;
215 visibility: visible
!important
;
216 height: 50px !important
;
219 #crm-container .ui-sortable-placeholder
* {