Elgg  Version 2.3
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 ?>
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 }
234  width: 80%;
235 }
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 }
elgg table alt tr
Definition: admin.css.php:424
list style type
Definition: admin.css.php:808
elgg message
Definition: admin.css.php:240
elgg button submit
Definition: admin.css.php:578
elgg widget content
Definition: admin.css.php:1305
ui datepicker calendar ui state hover
Definition: admin.css.php:692
elgg image block elgg image
Definition: admin.css.php:433
elgg message elgg state success
Definition: admin.css.php:252
th
Definition: admin.css.php:63
img
Definition: admin.css.php:40
vertical align
Definition: admin.css.php:66
a
Definition: admin.css.php:97
clearfix elgg elgg elgg elgg page elgg page elgg elgg elgg elgg col alt
Definition: admin.css.php:136
list style
Definition: admin.css.php:1234
font weight
Definition: admin.css.php:65
margin right
Definition: admin.css.php:181
elgg item
Definition: admin.css.php:441
min width
Definition: admin.css.php:166
td
Definition: admin.css.php:63
clearfix elgg elgg elgg elgg page elgg page elgg elgg elgg elgg col elgg image block
Definition: admin.css.php:138
clearfix elgg elgg layout
Definition: admin.css.php:129
elgg admin notices a elgg admin notice
Definition: admin.css.php:269
border color
Definition: admin.css.php:42
text decoration
Definition: admin.css.php:99
elgg input elgg input elgg input tags
Definition: admin.css.php:507
line height
Definition: admin.css.php:82
select
Definition: admin.css.php:528
margin left
Definition: admin.css.php:294
elgg message elgg state error
Definition: admin.css.php:247
elgg input text
Definition: admin.css.php:505
box shadow
Definition: admin.css.php:362
table
Definition: admin.css.php:59
elgg comments elgg state highlight
elgg river item elgg form comment save
border radius
border bottom
elgg river comments elgg media
elgg river more
elgg river comments
border top
elgg river item input[type=text]
elgg river comments li
font size
elgg river item form
elgg gallery elgg elgg icon
Definition: core.css.php:106
elgg menu river
elgg subtext