Commit | Line | Data |
---|---|---|
a5c5a349 CW |
1 | /** |
2 | * @file | |
3 | * CSS for the jQuery.dashboard() plugin. | |
4 | * | |
5 | * Released under the GNU General Public License. See LICENSE.txt. | |
6 | */ | |
7 | ||
8 | #crm-container .column { | |
9 | float: left; | |
10 | margin: 0; | |
11 | /* padding-bottom and min-height make sure that there is always a sizable drop zone. */ | |
12 | min-height: 400px; | |
13 | height: 400px; | |
14 | height: auto !important; | |
15 | padding: 0 0 250px; | |
16 | list-style-type: none; | |
17 | } | |
18 | ||
19 | #crm-container .column-0 { | |
20 | width: 40%; | |
21 | } | |
22 | ||
23 | #crm-container .column-1 { | |
24 | width: 60%; | |
25 | } | |
26 | ||
27 | /* The placeholder that indicates where a dragged widget will land if dropped now. */ | |
28 | #crm-container .placeholder { | |
29 | margin: 5px; | |
30 | border: 3px dashed pink; | |
31 | } | |
32 | ||
33 | /* Spacing between widgets. */ | |
34 | #crm-container li.widget, #crm-container li.empty-placeholder { margin: 6px 3px; } | |
35 | #crm-container li.widget { | |
36 | padding: 0px; | |
37 | } | |
38 | ||
39 | /* Spacing inside widgets. */ | |
40 | #crm-container .widget-wrapper { | |
41 | padding: 0px; | |
42 | overflow-x:auto; | |
43 | margin-right: .25em | |
44 | } | |
45 | ||
46 | /* wodget header / title */ | |
47 | #crm-container .widget-header { | |
48 | background:#CDE8FE none repeat scroll 0 0; | |
49 | color:#000; | |
50 | cursor:move; | |
51 | display:inline; | |
52 | font-size:1.2em; | |
53 | margin:0; | |
54 | } | |
55 | ||
56 | /* widget content / body*/ | |
57 | #crm-container .widget-content { | |
58 | background-color: #ffffff; | |
59 | padding:0.5em; | |
60 | } | |
61 | ||
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; | |
65 | display:block; | |
66 | padding:5px 0px; | |
67 | } | |
68 | ||
69 | #crm-container .widget-icon, #crm-container .full-screen-close-icon img { | |
70 | display: block; | |
71 | float: right; | |
72 | margin-left: 2px; | |
73 | margin-top: 2px; | |
74 | cursor: pointer; | |
75 | } | |
76 | ||
77 | #full-screen-header { | |
78 | display: block; | |
79 | padding: .2em .4em; | |
80 | background: #F0F0E8; | |
81 | /* Although this is an <a> link, it doesn't have an href="" attribute. */ | |
82 | cursor: pointer; | |
83 | } | |
84 | ||
85 | /* Make the throbber in-yer-face. */ | |
86 | #crm-container .throbber { | |
87 | text-align: right; | |
88 | background:url("../packages/jquery/css/images/throbber.gif") no-repeat scroll 0 0 transparent; | |
89 | height:20px; | |
90 | width:20px; | |
91 | } | |
92 | ||
93 | #crm-container p.loadtext { | |
94 | margin:1.6em 0 0 26px; | |
95 | } | |
96 | ||
41ce1b88 AH |
97 | #crm-container .widget-controls .crm-i { |
98 | font-size: 16px; | |
99 | padding: 0 6px; | |
a5c5a349 CW |
100 | float: left; |
101 | border-radius: 2px; | |
41ce1b88 AH |
102 | cursor: pointer; |
103 | color: #222222; | |
a5c5a349 CW |
104 | } |
105 | ||
41ce1b88 AH |
106 | #crm-container .widget-controls .crm-i:hover { |
107 | color: rgba(34, 34, 34, 0.8); | |
a5c5a349 CW |
108 | } |
109 | ||
41ce1b88 AH |
110 | #crm-container .widget-controls .crm-i.fa-expand, |
111 | #crm-container .widget-controls .crm-i.fa-times { | |
a5c5a349 CW |
112 | float:right; |
113 | } | |
a5c5a349 CW |
114 | |
115 | /* CSS for Dashlets */ | |
116 | ||
117 | #crm-container #available-dashlets { | |
118 | width: 98%; | |
119 | border: 2px dashed pink; | |
120 | background-color: #999999; | |
121 | min-height:40px; | |
122 | } | |
123 | ||
124 | #crm-container .dash-column { | |
125 | border: 2px solid #696969; | |
126 | min-height: 100px; | |
127 | background-color: #EEEEEE | |
128 | } | |
129 | ||
130 | #crm-container .dashlets-header { | |
131 | font-weight: bold; | |
132 | } | |
133 | ||
134 | #crm-container #dashlets-header-col-0 { | |
135 | float: left; | |
136 | width: 40%; | |
137 | } | |
138 | ||
139 | #crm-container #dashlets-header-col-1 { | |
140 | margin-left: 42%; | |
141 | width: 56%; | |
142 | } | |
143 | ||
144 | #crm-container #existing-dashlets-col-0 { | |
145 | float: left; | |
146 | width: 40%; | |
147 | } | |
148 | ||
149 | #crm-container #existing-dashlets-col-1 { | |
150 | margin-left: 42%; | |
151 | width: 56%; | |
152 | } | |
153 | ||
154 | #crm-container .portlet { | |
155 | margin: .5em; | |
156 | width: 75%; | |
157 | display: inline-block; | |
158 | } | |
159 | ||
160 | #crm-container .portlet-header { | |
161 | margin: 0.3em; | |
162 | padding: 0.5em; | |
163 | cursor: pointer; | |
164 | } | |
165 | ||
166 | #crm-container #available-dashlets .portlet { | |
167 | width: auto; | |
168 | } | |
169 | ||
44f15f74 | 170 | #crm-container .portlet-header .crm-i { |
a5c5a349 | 171 | float: right; |
44f15f74 | 172 | color: #52534D; |
a5c5a349 CW |
173 | } |
174 | ||
175 | #crm-container .portlet-content { | |
176 | padding: 0.4em; | |
177 | } | |
178 | ||
179 | #crm-container .ui-sortable-placeholder { | |
180 | border: 1px dotted black; | |
181 | visibility: visible !important; | |
182 | height: 50px !important; | |
183 | } | |
184 | ||
185 | #crm-container .ui-sortable-placeholder * { | |
186 | visibility: hidden; | |
187 | } |