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 pink
;
33 /* Spacing between widgets. */
34 #crm-container li
.widget
, #crm-container li
.empty-placeholder
{ margin: 6px 3px; }
35 #crm-container li
.widget
{
39 /* Spacing inside widgets. */
40 #crm-container .widget-wrapper
{
46 /* wodget header / title */
47 #crm-container .widget-header
{
48 background:#CDE8FE none repeat scroll
0 0;
56 /* widget content / body*/
57 #crm-container .widget-content
{
58 background-color: #ffffff;
62 /* Standards-browsers do this anyway because all inner block elements are floated. IE doesn't because it's crap. */
63 #crm-container .widget-controls
{
64 background-color:#CDE8FE;
69 #crm-container .widget-icon
, #crm-container
.full-screen-close-icon img
{
81 /* Although this is an <a> link, it doesn't have an href="" attribute. */
85 /* Make the throbber in-yer-face. */
86 #crm-container .throbber
{
88 background:url
("../packages/jquery/css/images/throbber.gif") no-repeat scroll
0 0 transparent
;
93 #crm-container p
.loadtext
{
94 margin:1.6em 0 0 26px;
97 #crm-container .widget-controls
.crm-i
{
107 #crm-container .widget-controls
.crm-i:hover
{
111 #crm-container .widget-controls
.crm-i
.fa-expand
,
112 #crm-container .widget-controls
.crm-i
.fa-times
{
116 /* CSS for Dashlets */
118 #crm-container #available-dashlets
{
120 border: 2px dashed pink
;
121 background-color: #999999;
125 #crm-container .dash-column
{
126 border: 2px solid
#696969;
128 background-color: #EEEEEE
131 #crm-container .dashlets-header
{
135 #crm-container #dashlets-header-col-0
{
140 #crm-container #dashlets-header-col-1
{
145 #crm-container #existing-dashlets-col-0
{
150 #crm-container #existing-dashlets-col-1
{
155 #crm-container .portlet
{
158 display: inline-block
;
161 #crm-container .portlet-header
{
167 #crm-container #available-dashlets
.portlet
{
171 #crm-container .portlet-header
.crm-i
{
176 #crm-container .portlet-content
{
180 #crm-container .ui-sortable-placeholder
{
181 border: 1px dotted black
;
182 visibility: visible
!important
;
183 height: 50px !important
;
186 #crm-container .ui-sortable-placeholder
* {