Elgg  Version 1.11
modules.php
Go to the documentation of this file.
1 /* <style> /**/
2 
3 /* ***************************************
4  Modules
5 *************************************** */
6 .elgg-module {
7  overflow: hidden;
8  margin-bottom: 20px;
9 }
10 
11 /* Aside */
12 .elgg-module-aside .elgg-head {
13  border-bottom: 1px solid #CCC;
14 
15  margin-bottom: 5px;
16  padding-bottom: 5px;
17 }
18 
19 /* Info */
20 .elgg-module-info > .elgg-head {
21  background: #e4e4e4;
22  padding: 5px;
23  margin-bottom: 10px;
24  border-radius: 3px;
25 }
26 .elgg-module-info > .elgg-head * {
27  color: #333;
28 }
29 
30 /* Popup */
31 .elgg-module-popup {
32  background-color: white;
33  border: 1px solid #ccc;
34  z-index: 9999;
35  margin-bottom: 0;
36  padding: 5px;
37  border-radius: 6px;
38  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
39 }
40 .elgg-module-popup > .elgg-head {
41  margin-bottom: 5px;
42 }
43 .elgg-module-popup > .elgg-head * {
44  color: #0054A7;
45 }
46 
47 /* Dropdown */
48 .elgg-module-dropdown {
49  background-color:white;
50  border:5px solid #CCC;
51  border-radius: 5px 0 5px 5px;
52  display:none;
53  width: 210px;
54  padding: 12px;
55  margin-right: 0px;
56  z-index:100;
57  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.45);
58  position:absolute;
59  right: 0px;
60  top: 100%;
61 }
62 
63 /* Featured */
64 .elgg-module-featured {
65  border: 1px solid #4690D6;
66  border-radius: 6px;
67 }
68 .elgg-module-featured > .elgg-head {
69  padding: 5px;
70  background-color: #4690D6;
71 }
72 .elgg-module-featured > .elgg-head * {
73  color: white;
74 }
75 .elgg-module-featured > .elgg-body {
76  padding: 10px;
77 }
78 
79 /* ***************************************
80  Widgets
81 *************************************** */
82 .elgg-widgets {
83  min-height: 30px;
84 }
85 .elgg-widget-add-control {
86  text-align: right;
87  margin: 5px 5px 15px;
88 }
89 .elgg-widget-add-control .elgg-button {
90  display: inline;
91 }
92 .elgg-widgets-add-panel {
93  padding: 10px;
94  margin: 0 5px 15px;
95  background: #dedede;
96  border: 2px solid #ccc;
97 }
98 <?php //@todo location-dependent style: make an extension of elgg-gallery ?>
100  float: left;
101  margin: 2px 10px;
102  width: 200px;
103  padding: 4px;
104  background-color: #ccc;
105  border: 2px solid #b0b0b0;
106  font-weight: bold;
107 }
109  display: block;
110 }
111 .elgg-widgets-add-panel .elgg-state-available {
112  color: #333;
113  cursor: pointer;
114 }
115 .elgg-widgets-add-panel .elgg-state-available:hover {
116  background-color: #bcbcbc;
117 }
118 .elgg-widgets-add-panel .elgg-state-unavailable {
119  color: #888;
120 }
121 
122 .elgg-module-widget {
123  background-color: #dedede;
124  padding: 2px;
125  margin: 0 5px 15px;
126  position: relative;
127 }
128 .elgg-module-widget:hover {
129  background-color: #ccc;
130 }
131 .elgg-module-widget > .elgg-head {
132  background-color: #eeeeee;
133  height: 26px;
134  overflow: hidden;
135 }
136 .elgg-module-widget > .elgg-head h3 {
137  float: left;
138  padding: 4px 45px 0 20px;
139  color: #666;
140 }
141 .elgg-module-widget.elgg-state-draggable .elgg-widget-handle {
142  cursor: move;
143 }
145  color: #c5c5c5;
146 }
148 a.elgg-widget-collapsed:hover {
149  color: #9d9d9d;
151 }
152 a.elgg-widget-collapse-button:before {
153  content: "\25BC";
154 }
155 a.elgg-widget-collapsed:before {
156  content: "\25BA";
157 }
158 .elgg-module-widget > .elgg-body {
159  background-color: white;
160  width: 100%;
161  overflow: hidden;
162  border-top: 2px solid #dedede;
163 }
164 .elgg-widget-edit {
165  display: none;
166  width: 96%;
167  padding: 2%;
168  border-bottom: 2px solid #dedede;
169  background-color: #f9f9f9;
170 }
172  padding: 10px;
173 }
175  border: 2px dashed #dedede;
176  margin-bottom: 15px;
177 }
elgg module popup elgg head *elgg module featured
Definition: admin.php:366
elgg widget add control
Definition: admin.php:1157
box shadow
Definition: admin.php:358
border top
Definition: modules.php:162
elgg input text
Definition: admin.php:490
list style position
Definition: typography.php:154
elgg widgets add panel li a
Definition: modules.php:108
background color
Definition: modules.php:104
elgg widget content
Definition: modules.php:171
elgg widget placeholder
Definition: modules.php:174
elgg module popup
Definition: admin.php:351
elgg module
Definition: admin.php:324
text decoration
Definition: modules.php:150
margin right
Definition: admin.php:181
a elgg widget collapse button
Definition: modules.php:144
friends picker friends picker container panel
Definition: admin.php:750
elgg ui widgets add
Adds a new widget.
Definition: ui.widgets.js:44
elgg module widget elgg body
Definition: modules.php:158
elgg widget edit
Definition: modules.php:164
vertical align
Definition: admin.php:66
z index
Definition: admin.php:354
elgg widgets add panel li
Definition: modules.php:99
min width
Definition: admin.php:166
border bottom
Definition: modules.php:168
clearfix elgg elgg elgg elgg page elgg page elgg elgg elgg elgg col elgg image block
Definition: admin.php:127
elgg module widget elgg head h3
Definition: modules.php:136
elgg widgets add panel elgg state unavailable
Definition: modules.php:118
a elgg widget collapse a elgg widget collapsed
Definition: modules.php:147
font weight
Definition: modules.php:106
ui datepicker calendar ui state hover
Definition: admin.php:646
elgg menu widget elgg menu item collapse
Definition: admin.php:1098
elgg module widget
Definition: modules.php:122
elgg widgets add panel elgg state available
Definition: modules.php:111
border radius
Definition: admin.php:244
elgg ui widgets move
Persist the widget&#39;s new position.
Definition: ui.widgets.js:78
elgg module widget elgg head
Definition: modules.php:131
margin left
Definition: admin.php:290
elgg module widget elgg state draggable elgg widget handle
Definition: modules.php:141
line height
Definition: admin.php:82
elgg layout widgets elgg widgets
Definition: admin.php:1151