|
1 /** |
|
2 * @file |
|
3 * Stylesheet for the Dashboard module. |
|
4 */ |
|
5 |
|
6 #dashboard div.dashboard-region { |
|
7 float: left; |
|
8 min-height: 1px; |
|
9 } |
|
10 |
|
11 #dashboard div#dashboard_main { |
|
12 width: 65%; |
|
13 margin-right: 1%; /* LTR */ |
|
14 } |
|
15 |
|
16 #dashboard div#dashboard_sidebar { |
|
17 width: 33%; |
|
18 } |
|
19 |
|
20 #dashboard div.block { |
|
21 margin-bottom: 20px; |
|
22 } |
|
23 |
|
24 #dashboard .dashboard-region .block { |
|
25 clear: both; |
|
26 } |
|
27 |
|
28 #dashboard div.block h2 { |
|
29 float: none; |
|
30 } |
|
31 |
|
32 #dashboard #disabled-blocks .block, |
|
33 #dashboard .block-placeholder { |
|
34 background: #e2e1dc; |
|
35 padding: 6px 4px 6px 8px; /* LTR */ |
|
36 margin: 3px 3px 3px 0; /* LTR */ |
|
37 float: left; /* LTR */ |
|
38 -moz-border-radius: 4px; |
|
39 -webkit-border-radius: 4px; |
|
40 border-radius: 4px; |
|
41 } |
|
42 |
|
43 #dashboard .dashboard-add-other-blocks { |
|
44 margin: 10px 0 0 0; |
|
45 } |
|
46 |
|
47 #dashboard .ui-sortable { |
|
48 border: 2px dashed #ccc; |
|
49 padding: 10px; |
|
50 } |
|
51 |
|
52 #dashboard .canvas-content { |
|
53 padding: 10px; |
|
54 } |
|
55 |
|
56 #dashboard #disabled-blocks .ui-sortable { |
|
57 padding: 0; |
|
58 background-color: #777; |
|
59 border: 0; |
|
60 } |
|
61 |
|
62 #dashboard .canvas-content a.button { |
|
63 margin: 0 0 0 10px; /* LTR */ |
|
64 color: #5a5a5a; |
|
65 text-decoration: none; |
|
66 } |
|
67 |
|
68 #dashboard .region { |
|
69 margin: 5px; |
|
70 } |
|
71 |
|
72 #dashboard #disabled-blocks .region { |
|
73 background-color: #E0E0D8; |
|
74 border: #ccc 1px solid; |
|
75 padding: 10px; |
|
76 } |
|
77 |
|
78 #dashboard #disabled-blocks { |
|
79 padding: 5px 0; |
|
80 } |
|
81 |
|
82 #dashboard #disabled-blocks h2 { |
|
83 display: inline; |
|
84 font-weight: normal; |
|
85 white-space: nowrap; |
|
86 } |
|
87 |
|
88 #dashboard #disabled-blocks .block { |
|
89 background: #444; |
|
90 color: #fff; |
|
91 } |
|
92 |
|
93 #dashboard.customize-inactive #disabled-blocks .block:hover { |
|
94 background: #0074BD; |
|
95 } |
|
96 |
|
97 #dashboard #disabled-blocks .block .content, |
|
98 #dashboard .ui-sortable-helper .content { |
|
99 display: none; |
|
100 } |
|
101 |
|
102 #dashboard .ui-sortable .block { |
|
103 cursor: move; |
|
104 min-height: 1px; |
|
105 } |
|
106 |
|
107 #dashboard .ui-sortable .block h2 { |
|
108 background: transparent url(../../misc/draggable.png) no-repeat 0px -39px; |
|
109 padding: 0 17px; |
|
110 } |
|
111 |
|
112 #dashboard.customize-inactive #disabled-blocks .block:hover h2 { |
|
113 background: #0074BD url(../../misc/draggable.png) no-repeat 0px -39px; |
|
114 color: #fff; |
|
115 } |
|
116 |
|
117 #dashboard.customize-inactive .dashboard-region .ui-sortable .block:hover h2 { |
|
118 background: #0074BD url(../../misc/draggable.png) no-repeat; |
|
119 background-position: 3px -36px; |
|
120 color: #fff; |
|
121 } |
|
122 |
|
123 #dashboard .dashboard-region .block-placeholder { |
|
124 margin: 0 0 20px 0; |
|
125 padding: 0; |
|
126 display: block; |
|
127 height: 1.6em; |
|
128 width: 100%; |
|
129 } |
|
130 |
|
131 #dashboard #disabled-blocks .block-placeholder { |
|
132 width: 30px; |
|
133 height: 1.6em; |
|
134 } |