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 list-style-type: none
;
17 #crm-container .column-0
{
21 #crm-container .column-1
{
25 /* The placeholder that indicates where a dragged widget will land if dropped now. */
26 #crm-container .placeholder
{
28 border: 3px dashed
#CDE8FE;
31 /* Spacing between widgets. */
32 #crm-container li
.widget
,
33 #crm-container li
.empty-placeholder
{
34 margin: 0 3px 10px 3px;
36 #crm-container li
.widget
{
40 /* Spacing inside widgets. */
41 #crm-container .widget-wrapper
{
45 box-shadow: 1px 1px 4px 1px rgba
(0,0,0,0.2);
49 #crm-container .widget-wrapper
.db-hover-handle
{
50 box-shadow: 1px 1px 8px 3px rgba
(0,0,0,0.2);
53 #crm-container .ui-sortable-helper
.widget-wrapper
{
54 box-shadow: 1px 1px 8px 3px rgba
(0,0,0,0.5);
57 /* widget header / title */
58 #crm-container .widget-header
{
59 background: transparent none repeat scroll
0 0;
66 /* widget content / body*/
67 #crm-container .widget-content
{
68 background-color: #ffffff;
74 #crm-container .widget-content
.crm-accordion-header
{
75 background-color: #EFEFE5;
76 background-image: url
("../i/TreeMinus.gif");
80 #crm-container .widget-content
.crm-accordion-wrapper
.collapsed
.crm-accordion-header
{
81 background-image: url
("../i/TreePlus.gif");
84 #crm-container .widget-content
.crm-accordion-header:hover
{
85 background-color: #e8e8de;
88 #crm-container .widget-content
.crm-accordion-body
{
89 border-color: #e8e8de;
93 #crm-container .widget-controls
{
94 background-color: #5D677B;
95 /* Standards-browsers do this anyway because all inner block elements are floated. IE doesn't because it's crap. */
100 #crm-container .widget-icon
, #crm-container
.full-screen-close-icon img
{
108 #full-screen-header {
112 /* Although this is an <a> link, it doesn't have an href="" attribute. */
116 /* Make the throbber in-yer-face. */
117 #crm-container .throbber
{
119 background:url
("../packages/jquery/css/images/throbber.gif") no-repeat scroll
0 0 transparent
;
124 #crm-container p
.loadtext
{
125 margin:1.6em 0 0 26px;
128 #crm-container .widget-controls
.crm-i
{
138 #crm-container .widget-controls:hover
.crm-i
{
142 #crm-container .widget-controls
.crm-i
.fa-expand
,
143 #crm-container .widget-controls
.crm-i
.fa-times
{
147 /* CSS for Dashlets */
149 #crm-container #available-dashlets
{
151 border: 2px dashed
#CDE8FE;
152 background-color: #999999;
156 #crm-container .dash-column
{
157 border: 2px solid
#696969;
159 background-color: #EEEEEE
162 #crm-container .dashlets-header
{
166 #crm-container #dashlets-header-col-0
{
171 #crm-container #dashlets-header-col-1
{
176 #crm-container #existing-dashlets-col-0
{
181 #crm-container #existing-dashlets-col-1
{
186 #crm-container .portlet
{
189 display: inline-block
;
192 #crm-container .portlet-header
{
198 #crm-container #available-dashlets
.portlet
{
202 #crm-container .portlet-header
.crm-i
{
207 #crm-container .portlet-content
{
211 #crm-container .ui-sortable-placeholder
{
212 border: 1px dotted black
;
213 visibility: visible
!important
;
214 height: 50px !important
;
217 #crm-container .ui-sortable-placeholder
* {
221 @media screen and
(max-device-width: 50em), screen and
(max-width: 50em) {
222 #crm-container .column
{
226 #crm-container .column-0
{