5a920362 |
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("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 | |
97 | #crm-container .minimize-icon { |
98 | background-position:-63px -17px; |
99 | background-image:url('../jquery-ui-1.9.0/css/smoothness/images/ui-icons_222222_256x240.png'); |
100 | height:16px; |
101 | width:16px; |
102 | padding-right:2px; |
103 | float: left; |
104 | } |
105 | |
106 | #crm-container .maximize-icon { |
107 | background-position:-31px -18px; |
108 | background-image:url('../jquery-ui-1.9.0/css/smoothness/images/ui-icons_222222_256x240.png'); |
109 | height:16px; |
110 | width:16px; |
111 | padding-right:2px; |
112 | float: left; |
113 | } |
114 | |
115 | #crm-container .close-icon { |
116 | background-position:-81px -129px; |
117 | background-image:url('../jquery-ui-1.9.0/css/smoothness/images/ui-icons_222222_256x240.png'); |
118 | height:16px; |
119 | width:16px; |
120 | padding-right:2px; |
121 | } |
122 | |
123 | #crm-container .fullscreen-icon { |
124 | background-position:-159px -113px; |
125 | background-image:url('../jquery-ui-1.9.0/css/smoothness/images/ui-icons_222222_256x240.png'); |
126 | height:16px; |
127 | width:16px; |
128 | } |
129 | |
130 | /* CSS for Dashlets */ |
131 | |
132 | #crm-container #available-dashlets { |
133 | width: 98%; |
134 | border: 2px dashed pink; |
135 | background-color: #999999; |
136 | min-height:40px; |
137 | } |
138 | |
139 | #crm-container .dash-column { |
140 | border: 2px solid #696969; |
141 | min-height: 100px; |
142 | background-color: #EEEEEE |
143 | } |
144 | |
145 | #crm-container .dashlets-header { |
146 | font-weight: bold; |
147 | } |
148 | |
149 | #crm-container #dashlets-header-col-0 { |
150 | float: left; |
151 | width: 40%; |
152 | } |
153 | |
154 | #crm-container #dashlets-header-col-1 { |
155 | margin-left: 42%; |
156 | width: 56%; |
157 | } |
158 | |
159 | #crm-container #existing-dashlets-col-0 { |
160 | float: left; |
161 | width: 40%; |
162 | } |
163 | |
164 | #crm-container #existing-dashlets-col-1 { |
165 | margin-left: 42%; |
166 | width: 56%; |
167 | } |
168 | |
169 | #crm-container .portlet { |
170 | margin: .5em; |
171 | width: 75%; |
172 | display: inline-block; |
173 | } |
174 | |
175 | #crm-container .portlet-header { |
176 | margin: 0.3em; |
177 | padding: 0.5em; |
178 | cursor: pointer; |
179 | } |
180 | |
181 | #crm-container #available-dashlets .portlet { |
182 | width: auto; |
183 | } |
184 | |
185 | #crm-container .portlet-header .ui-icon { |
186 | float: right; |
187 | } |
188 | |
189 | #crm-container .portlet-content { |
190 | padding: 0.4em; |
191 | } |
192 | |
193 | #crm-container .ui-sortable-placeholder { |
194 | border: 1px dotted black; |
195 | visibility: visible !important; |
196 | height: 50px !important; |
197 | } |
198 | |
199 | #crm-container .ui-sortable-placeholder * { |
200 | visibility: hidden; |
201 | } |
202 | |
203 | #crm-container .delete-dashlet { |
204 | display: block; |
205 | float: right; |
206 | cursor: pointer; |
207 | } |