Elgg  Version 1.9
components.php
Go to the documentation of this file.
1 <?php
10 ?>
11 /* <style> /**/
12 
13 /* ***************************************
14  Image Block
15 *************************************** */
16 .elgg-image-block {
17  padding: 3px 0;
18 }
19 .elgg-image-block .elgg-image {
20  float: left;
21  margin-right: 5px;
22 }
23 .elgg-image-block .elgg-image-alt {
24  float: right;
25  margin-left: 5px;
26 }
27 .elgg-avatar > a:focus > img,
28 .elgg-image > a:focus > img {
29  opacity: .7;
30 }
31 
32 /* ***************************************
33  List
34 *************************************** */
35 .elgg-list {
36  border-top: 1px dotted #CCCCCC;
37  margin: 5px 0;
38  clear: both;
39 }
40 .elgg-list > li {
41  border-bottom: 1px dotted #CCCCCC;
42 }
43 
44 .elgg-item .elgg-subtext {
45  margin-bottom: 5px;
46 }
47 .elgg-item .elgg-content {
48  margin: 10px 5px;
49 }
50 
51 /* ***************************************
52  Gallery
53 *************************************** */
54 .elgg-gallery {
55  border: none;
56  margin-right: auto;
57  margin-left: auto;
58 }
59 .elgg-gallery td {
60  padding: 5px;
61 }
62 .elgg-gallery-fluid > li {
63  float: left;
64 }
65 .elgg-gallery-users > li {
66  margin: 0 2px;
67 }
68 
69 /* ***************************************
70  Tables
71 *************************************** */
72 .elgg-table {
73  width: 100%;
74  border-top: 1px solid #ccc;
75 }
76 .elgg-table td, .elgg-table th {
77  padding: 4px 8px;
78  border: 1px solid #ccc;
79 }
80 .elgg-table th {
81  background-color: #ddd;
82 }
83 .elgg-table tr:nth-child(odd), .elgg-table tr.odd {
84  background-color: #fff;
85 }
86 .elgg-table tr:nth-child(even), .elgg-table tr.even {
87  background-color: #f0f0f0;
88 }
89 .elgg-table-alt {
90  width: 100%;
91  border-top: 1px solid #ccc;
92 }
93 .elgg-table-alt th {
94  background-color: #eee;
95  font-weight: bold;
96 }
97 .elgg-table-alt td, .elgg-table-alt th {
98  padding: 2px 4px 2px 4px;
99  border-bottom: 1px solid #ccc;
100 }
101 .elgg-table-alt td:first-child {
102  width: 200px;
103 }
104 .elgg-table-alt tr:hover {
105  background: #E4E4E4;
106 }
107 
108 /* ***************************************
109  Owner Block
110 *************************************** */
111 .elgg-owner-block {
112  margin-bottom: 20px;
113 }
114 
115 /* ***************************************
116  Messages
117 *************************************** */
118 .elgg-message {
119  color: white;
120  font-weight: bold;
121  display: block;
122  padding: 3px 10px;
123  cursor: pointer;
124  opacity: 0.9;
125  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45);
126  border-radius: 8px;
127 }
128 .elgg-state-success {
129  background-color: black;
130 }
131 .elgg-state-error {
132  background-color: red;
133 }
134 .elgg-state-notice {
135  background-color: #4690D6;
136 }
137 
138 /* ***************************************
139  River
140 *************************************** */
141 .elgg-list-river {
142  border-top: 1px solid #CCC;
143 }
144 .elgg-list-river > li {
145  border-bottom: 1px solid #CCC;
146 }
147 .elgg-river-item {
148  padding: 7px 0;
149 }
150 .elgg-river-item .elgg-pict {
151  margin-right: 20px;
152 }
153 .elgg-river-timestamp {
154  color: #666;
155  font-size: 85%;
156  font-style: italic;
157  line-height: 1.2em;
158 }
159 
160 .elgg-river-attachments,
161 .elgg-river-message,
162 .elgg-river-content {
163  border-left: 1px solid #CCC;
164  font-size: 85%;
165  line-height: 1.5em;
166  margin: 8px 0 5px 0;
167  padding-left: 5px;
168 }
169 .elgg-river-attachments .elgg-avatar,
170 .elgg-river-attachments .elgg-icon {
171  float: left;
172 }
173 .elgg-river-layout .elgg-input-dropdown {
174  float: right;
175  margin: 10px 0;
176 }
177 
178 .elgg-river-comments-tab {
179  display: block;
180  background-color: #EEE;
181  color: #4690D6;
182  margin-top: 5px;
183  width: auto;
184  float: right;
185  font-size: 85%;
186  padding: 1px 7px;
187  border-radius: 5px 5px 0 0;
188 }
189 
190 <?php //@todo components.php ?>
192  margin: 0;
193  border-top: none;
194 }
195 .elgg-river-comments li:first-child {
196  border-radius: 5px 0 0;
197 }
198 .elgg-river-comments li:last-child {
199  border-radius-bottomleft: 0 0 5px 5px;
200 }
201 .elgg-river-comments > li {
202  background-color: #EEE;
203  border-bottom: none;
204  padding: 4px;
205  margin-bottom: 2px;
206 }
207 .elgg-river-comments .elgg-media {
208  padding: 0;
209 }
210 .elgg-river-more {
211  background-color: #EEE;
212  border-radius: 5px;
213  padding: 2px 4px;
214  font-size: 85%;
215  margin-bottom: 2px;
216 }
217 
218 <?php //@todo location-dependent styles ?>
219 .elgg-river-item form {
220  background-color: #EEE;
221  padding: 4px;
222  border-radius: 5px;
223  height: 30px;
224 }
226  width: 80%;
227 }
229  margin: 0 0 0 10px;
230 }
231 
232 
233 /* **************************************
234  Comments (from elgg_view_comments)
235 ************************************** */
236 .elgg-comments {
237  margin-top: 25px;
238 }
239 .elgg-comments > form {
240  margin-top: 15px;
241 }
242 .elgg-river-item .elgg-form-comment-save {
243  height: auto;
244 }
245 
246 /* ***************************************
247  Image-related
248 *************************************** */
249 .elgg-photo {
250  border: 1px solid #ccc;
251  padding: 3px;
252  background-color: white;
253 }
254 
255 /* ***************************************
256  Tags
257 *************************************** */
258 .elgg-tags {
259  font-size: 85%;
260 }
261 .elgg-tags > li {
262  float:left;
263  margin-right: 5px;
264 }
265 .elgg-tags li.elgg-tag:after {
266  content: ",";
267 }
268 .elgg-tags li.elgg-tag:last-child:after {
269  content: "";
270 }
271 .elgg-tagcloud {
272  text-align: justify;
273 }
elgg message elgg state success
Definition: admin.php:243
elgg message
Definition: admin.php:231
border bottom
Definition: components.php:203
elgg river comments
Definition: components.php:191
elgg input text
Definition: admin.php:478
font size
Definition: components.php:214
elgg river comments elgg media
Definition: components.php:207
elgg tags li elgg tag
Definition: components.php:266
elgg river item form
Definition: components.php:219
clearfix elgg elgg elgg elgg page elgg page elgg elgg elgg elgg col alt
Definition: admin.php:127
font weight
Definition: admin.php:65
elgg river comments li
Definition: components.php:196
elgg admin notices a elgg admin notice
Definition: admin.php:261
elgg photo
Definition: components.php:249
vertical align
Definition: admin.php:66
min width
Definition: admin.php:166
elgg tagcloud
Definition: components.php:271
clearfix elgg elgg elgg elgg page elgg page elgg elgg elgg elgg col elgg image block
Definition: admin.php:127
elgg message elgg state error
Definition: admin.php:237
elgg image block elgg image
Definition: admin.php:421
elgg button submit
Definition: admin.php:527
elgg avatar
Definition: admin.php:1324
th
Definition: admin.php:63
elgg river item input[type=text]
Definition: components.php:225
margin right
Definition: components.php:263
elgg menu river
Definition: navigation.php:487
box shadow
Definition: admin.php:258
ui datepicker calendar ui state hover
Definition: admin.php:622
elgg river item elgg form comment save
Definition: components.php:242
border top
Definition: components.php:193
elgg river more
Definition: components.php:210
img
Definition: admin.php:40
td
Definition: admin.php:63
elgg tags
Definition: components.php:258
background color
Definition: components.php:252
elgg item
Definition: admin.php:429
clearfix elgg elgg layout
Definition: admin.php:127
list style
Definition: admin.php:1148
elgg widget content
Definition: admin.php:1219
a
Definition: admin.php:97
elgg table alt tr
Definition: admin.php:412
elgg gallery elgg elgg icon
Definition: core.php:108
list style type
Definition: admin.php:724
border radius
Definition: components.php:212
margin left
Definition: admin.php:210
table
Definition: admin.php:59
line height
Definition: admin.php:82
elgg subtext
Definition: typography.php:114