Elgg  Version 2.2
 All Classes Namespaces Files Functions Variables Pages
components.css.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 .elgg-message a {
138  color: inherit;
139  text-decoration: underline;
140 }
141 
142 /* ***************************************
143  River
144 *************************************** */
145 .elgg-list-river {
146  border-top: 1px solid #CCC;
147 }
148 .elgg-list-river > li {
149  border-bottom: 1px solid #CCC;
150 }
151 .elgg-river-item {
152  padding: 7px 0;
153 }
154 .elgg-river-item .elgg-pict {
155  margin-right: 20px;
156 }
157 .elgg-river-timestamp {
158  color: #666;
159  font-size: 85%;
160  font-style: italic;
161  line-height: 1.2em;
162 }
163 
164 .elgg-river-attachments,
165 .elgg-river-message,
166 .elgg-river-content {
167  border-left: 1px solid #CCC;
168  font-size: 85%;
169  line-height: 1.5em;
170  margin: 8px 0 5px 0;
171  padding-left: 5px;
172 }
173 .elgg-river-attachments .elgg-avatar,
174 .elgg-river-attachments .elgg-icon {
175  float: left;
176 }
177 .elgg-river-layout .elgg-river-selector {
178  float: right;
179  margin: 13px 0 18px;
180 }
181 .elgg-river-selector select {
182  margin-left: 5px;
183  vertical-align: text-top;
184 }
185 
186 .elgg-river-comments-tab {
187  display: block;
188  background-color: #EEE;
189  color: #aaa;
190  margin-top: 5px;
191  width: auto;
192  float: right;
193  font-size: 85%;
194  padding: 1px 7px;
195  border-radius: 5px 5px 0 0;
196 }
197 
198 <?php //@todo components.php ?>
199 .elgg-river-comments {
200  margin: 0;
201  border-top: none;
202 }
203 .elgg-river-comments li:first-child {
204  border-radius: 5px 0 0;
205 }
206 .elgg-river-comments li:last-child {
207  border-radius-bottomleft: 0 0 5px 5px;
208 }
209 .elgg-river-comments > li {
210  background-color: #EEE;
211  border-bottom: none;
212  padding: 4px;
213  margin-bottom: 2px;
214 }
215 .elgg-river-comments .elgg-media {
216  padding: 0;
217 }
218 .elgg-river-more {
219  background-color: #EEE;
220  border-radius: 5px;
221  padding: 2px 4px;
222  font-size: 85%;
223  margin-bottom: 2px;
224 }
225 
226 <?php //@todo location-dependent styles ?>
227 .elgg-river-item form {
228  background-color: #EEE;
229  padding: 4px;
230  border-radius: 5px;
231  height: 30px;
232 }
233 .elgg-river-item input[type=text] {
234  width: 80%;
235 }
236 .elgg-river-item input[type=submit] {
237  margin: 0 0 0 10px;
238 }
239 
240 
241 /* **************************************
242  Comments (from elgg_view_comments)
243 ************************************** */
244 .elgg-comments {
245  margin-top: 25px;
246 }
247 .elgg-comments > form {
248  margin-top: 15px;
249 }
250 .elgg-river-item .elgg-form-comment-save {
251  height: auto;
252 }
253 
254 /* Comment highlighting that automatically fades away */
255 .elgg-comments .elgg-state-highlight,
256 .elgg-river-comments .elgg-state-highlight {
257  -webkit-animation: comment-highlight 5s; /* Chrome, Safari, Opera */
258  animation: comment-highlight 5s;
259 }
260 /* Chrome, Safari, Opera */
261 @-webkit-keyframes comment-highlight {
262  from {background: #dff2ff;}
263  to {background: white;}
264 }
265 /* Standard syntax */
266 @keyframes comment-highlight {
267  from {background: #dff2ff;}
268  to {background: white;}
269 }
270 
271 /* ***************************************
272  Image-related
273 *************************************** */
274 .elgg-photo {
275  border: 1px solid #ccc;
276  padding: 3px;
277  background-color: white;
278 }
279 
280 /* ***************************************
281  Tags
282 *************************************** */
283 .elgg-tags {
284  font-size: 85%;
285 }
286 .elgg-tags > li {
287  float:left;
288  margin-right: 5px;
289 }
290 .elgg-tags li.elgg-tag:after {
291  content: ",";
292 }
293 .elgg-tags li.elgg-tag:last-child:after {
294  content: "";
295 }
vertical align
Definition: admin.css.php:66
font size
border top
border color
Definition: admin.css.php:42
elgg river more
font weight
Definition: admin.css.php:65
th
Definition: admin.css.php:63
text decoration
elgg river comments
ui autocomplete ui menu item
Definition: forms.css.php:250
ui autocomplete a
Definition: forms.css.php:258
elgg widget content
elgg river comments elgg media
$result error
elgg river comments li
$result message
img
Definition: admin.css.php:40
td
Definition: admin.css.php:63
ui autocomplete a ui state hover
Definition: forms.css.php:261
table
Definition: admin.css.php:59
border radius
border bottom
elgg river item form
elgg river item input[type=text]