Elgg  Version 1.11
navigation.php
Go to the documentation of this file.
1 <?php
8 ?>
9 /* <style> /**/
10 
11 /* ***************************************
12  PAGINATION
13 *************************************** */
14 .elgg-pagination {
15  margin: 10px 0;
16  display: block;
17  text-align: center;
18 }
19 .elgg-pagination li {
20  display: inline-block;
21  margin: 0 6px 0 0;
22  text-align: center;
23 }
24 .elgg-pagination a, .elgg-pagination span {
25  border-radius: 4px;
26  display: block;
27  padding: 2px 6px;
28  color: #4690d6;
29  border: 1px solid #4690d6;
30  font-size: 12px;
31 }
32 .elgg-pagination a:hover,
33 .elgg-pagination a:focus {
34  background: #4690d6;
35  color: white;
36  text-decoration: none;
37 }
38 .elgg-pagination .elgg-state-disabled span {
39  color: #CCCCCC;
40  border-color: #CCCCCC;
41 }
42 .elgg-pagination .elgg-state-selected span {
43  color: #555555;
44  border-color: #555555;
45 }
46 
47 /* ***************************************
48  TABS
49 *************************************** */
50 .elgg-tabs {
51  margin-bottom: 5px;
52  border-bottom: 2px solid #cccccc;
53  display: table;
54  width: 100%;
55 }
56 .elgg-tabs li {
57  float: left;
58  border: 2px solid #ccc;
59  border-bottom: 0;
60  background: #eee;
61  margin: 0 0 0 10px;
62  border-radius: 5px 5px 0 0;
63 }
64 .elgg-tabs a {
65  text-decoration: none;
66  display: block;
67  padding: 3px 10px 0 10px;
68  text-align: center;
69  height: 21px;
70  color: #999;
71 }
72 .elgg-tabs a:hover {
73  background: #dedede;
74  color: #4690D6;
75 }
76 .elgg-tabs .elgg-state-selected {
77  border-color: #ccc;
78  background: white;
79 }
80 .elgg-tabs .elgg-state-selected a {
81  position: relative;
82  top: 2px;
83  background: white;
84 }
85 
86 /* ***************************************
87  BREADCRUMBS
88 *************************************** */
89 .elgg-breadcrumbs {
90  font-size: 80%;
91  font-weight: bold;
92  line-height: 1.2em;
93  color: #bababa;
94 }
95 .elgg-breadcrumbs > li {
96  display: inline-block;
97 }
98 .elgg-breadcrumbs > li:after {
99  content: "\003E";
100  padding: 0 4px;
101  font-weight: normal;
102 }
103 .elgg-breadcrumbs > li > a {
104  display: inline-block;
105  color: #999;
106 }
107 .elgg-breadcrumbs > li > a:hover,
108 .elgg-breadcrumbs > li > a:focus {
109  color: #0054a7;
110  text-decoration: underline;
111 }
112 
113 .elgg-main .elgg-breadcrumbs {
114  position: relative;
115  top: -6px;
116  left: 0;
117 }
118 
119 /* ***************************************
120  TOPBAR MENU
121 *************************************** */
122 .elgg-menu-topbar {
123  float: left;
124 }
125 
126 .elgg-menu-topbar > li {
127  float: left;
128 }
129 
130 .elgg-menu-topbar > li > a {
131  padding-top: 2px;
132  color: #eee;
133  margin: 1px 15px 0;
134 }
135 
136 .elgg-menu-topbar > li > a:hover,
137 .elgg-menu-topbar > li > a:focus {
138  color: #4690D6;
139  text-decoration: none;
140 }
141 
142 .elgg-menu-topbar-alt {
143  float: right;
144 }
145 
146 .elgg-menu-topbar .elgg-icon {
147  vertical-align: middle;
148  margin-top: -1px;
149 }
150 
151 .elgg-menu-topbar > li > a.elgg-topbar-logo {
152  margin-top: 0;
153  padding-left: 5px;
154  width: 38px;
155  height: 20px;
156 }
157 
158 .elgg-menu-topbar > li > a.elgg-topbar-avatar {
159  width: 18px;
160  height: 18px;
161 }
162 
163 /* ***************************************
164  SITE MENU
165 *************************************** */
166 .elgg-menu-site {
167  z-index: 1;
168 }
169 
170 .elgg-menu-site > li > a {
171  font-weight: bold;
172  padding: 3px 13px 0px 13px;
173  height: 20px;
174 }
175 
176 .elgg-menu-site > li > a:hover {
177  text-decoration: none;
178 }
179 
180 .elgg-menu-site-default {
181  position: absolute;
182  bottom: 0;
183  left: 0;
184  height: 23px;
185 }
186 
187 .elgg-menu-site-default > li {
188  float: left;
189  margin-right: 1px;
190 }
191 
192 .elgg-menu-site-default > li > a {
193  color: white;
194 }
195 
196 .elgg-menu-site > li > ul {
197  display: none;
198  background-color: white;
199 }
200 
201 .elgg-menu-site > li:hover > ul {
202  display: block;
203 }
204 
205 .elgg-menu-site-default > .elgg-state-selected > a,
206 .elgg-menu-site-default > li:hover > a {
207  background: white;
208  color: #555;
209  box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25);
210  border-radius: 4px 4px 0 0;
211 }
212 
213 .elgg-menu-site-more {
214  position: relative;
215  left: -1px;
216  width: 100%;
217  min-width: 150px;
218  border: 1px solid #999;
219  border-top: 0;
220  border-radius: 0 0 4px 4px;
221  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
222 }
223 
224 .elgg-menu-site-more > li > a {
225  background-color: white;
226  color: #555;
227  border-radius: 0;
228  box-shadow: none;
229 }
230 
231 .elgg-menu-site-more > li > a:hover,
232 .elgg-menu-site-more > li > a:focus {
233  background: #4690D6;
234  color: white;
235 }
236 
237 .elgg-menu-site-more > li:last-child > a,
238 .elgg-menu-site-more > li:last-child > a:hover {
239  border-radius: 0 0 4px 4px;
240 }
241 
242 .elgg-more > a:before {
243  content: "\25BC";
244  font-size: smaller;
245  margin-right: 4px;
246 }
247 
248 /* ***************************************
249  TITLE
250 *************************************** */
251 .elgg-menu-title {
252  float: right;
253 }
254 
255 .elgg-menu-title > li {
256  display: inline-block;
257  margin-left: 4px;
258 }
259 
260 /* ***************************************
261  FILTER MENU
262 *************************************** */
263 .elgg-menu-filter {
264  margin-bottom: 5px;
265  border-bottom: 2px solid #ccc;
266  display: table;
267  width: 100%;
268 }
269 .elgg-menu-filter > li {
270  float: left;
271  border: 2px solid #ccc;
272  border-bottom: 0;
273  background: #eee;
274  margin: 0 0 0 10px;
275  border-radius: 5px 5px 0 0;
276 }
277 .elgg-menu-filter > li:hover {
278  background: #dedede;
279 }
280 .elgg-menu-filter > li > a {
281  text-decoration: none;
282  display: block;
283  padding: 3px 10px 0;
284  text-align: center;
285  height: 21px;
286  color: #999;
287 }
288 .elgg-menu-filter > li > a:hover {
289  background: #dedede;
290  color: #4690D6;
291 }
292 .elgg-menu-filter > li > a:focus {
293  text-decoration: underline;
294 }
295 .elgg-menu-filter > .elgg-state-selected {
296  border-color: #ccc;
297  background: white;
298 }
299 .elgg-menu-filter > .elgg-state-selected > a {
300  position: relative;
301  top: 2px;
302  background: white;
303 }
304 
305 /* ***************************************
306  PAGE MENU
307 *************************************** */
308 .elgg-menu-page {
309  margin-bottom: 15px;
310 }
311 
312 .elgg-menu-page a {
313  display: block;
314  border-radius: 5px;
315  background-color: white;
316  margin: 0 0 3px;
317  padding: 2px 4px 2px 8px;
318 }
319 .elgg-menu-page a:hover {
320  background-color: #0054A7;
321  color: white;
322  text-decoration: none;
323 }
324 .elgg-menu-page li.elgg-state-selected > a {
325  background-color: #4690D6;
326  color: white;
327 }
328 .elgg-menu-page .elgg-child-menu {
329  display: none;
330  margin-left: 15px;
331 }
332 .elgg-menu-page .elgg-state-selected > .elgg-child-menu {
333  display: block;
334 }
335 .elgg-menu-page .elgg-menu-closed:before, .elgg-menu-opened:before {
336  display: inline-block;
337  padding-right: 4px;
338 }
339 .elgg-menu-page .elgg-menu-closed:before {
340  content: "\25B8";
341 }
342 .elgg-menu-page .elgg-menu-opened:before {
343  content: "\25BE";
344 }
345 
346 /* ***************************************
347  HOVER MENU
348 *************************************** */
349 .elgg-menu-hover {
350  display: none;
351  position: absolute;
352  z-index: 10000;
353 
354  overflow: hidden;
355 
356  min-width: 165px;
357  max-width: 250px;
358  padding-top: 20px;
359  padding-bottom: 20px;
360  border: solid 1px;
361  border-color: #E5E5E5 #999 #999 #E5E5E5;
362  background-color: #FFF;
363  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.50);
364 }
365 .elgg-menu-hover > li {
366  border-bottom: 1px solid #ddd;
367 }
368 .elgg-menu-hover > li:last-child {
369  border-bottom: none;
370 }
371 .elgg-menu-hover .elgg-heading-basic {
372  display: block;
373 }
374 .elgg-menu-hover a {
375  padding: 2px 8px;
376  font-size: 92%;
377 }
378 .elgg-menu-hover a:hover,
379 .elgg-menu-hover a:focus {
380  background: #ccc;
381  text-decoration: none;
382 }
383 .elgg-menu-hover-admin a {
384  color: red;
385 }
386 .elgg-menu-hover-admin a:hover,
387 .elgg-menu-hover-admin a:focus {
388  color: white;
389  background-color: red;
390 }
391 
392 /* ***************************************
393  SITE FOOTER
394 *************************************** */
395 .elgg-menu-footer > li,
396 .elgg-menu-footer > li > a {
397  display: inline-block;
398  color: #999;
399 }
400 
401 .elgg-menu-footer > li:after {
402  content: "\007C";
403  padding: 0 4px;
404 }
405 
406 .elgg-menu-footer-default {
407  float: right;
408 }
409 
410 .elgg-menu-footer-alt {
411  float: left;
412 }
413 
414 .elgg-menu-footer-meta {
415  float: left;
416 }
417 
418 /* ***************************************
419  GENERAL MENU
420 *************************************** */
421 .elgg-menu-general > li,
422 .elgg-menu-general > li > a {
423  display: inline-block;
424  color: #999;
425 }
426 
427 .elgg-menu-general > li:after {
428  content: "\007C";
429  padding: 0 4px;
430 }
431 
432 /* ***************************************
433  ENTITY AND ANNOTATION
434 *************************************** */
435 <?php // height depends on line height/font size ?>
436 .elgg-menu-entity, .elgg-menu-annotation {
437  float: right;
438  margin-left: 15px;
439  font-size: 90%;
440  color: #aaa;
441  line-height: 16px;
442  height: 16px;
443 }
444 .elgg-menu-entity > li, .elgg-menu-annotation > li {
445  margin-left: 15px;
446 }
447 .elgg-menu-entity > li > a, .elgg-menu-annotation > li > a {
448  color: #aaa;
449 }
450 <?php // need to override .elgg-menu-hz ?>
451 .elgg-menu-entity > li > a, .elgg-menu-annotation > li > a {
452  display: block;
453 }
454 .elgg-menu-entity > li > span, .elgg-menu-annotation > li > span {
455  vertical-align: baseline;
456  font-style: italic;
457 }
458 
459 /* ***************************************
460  OWNER BLOCK
461 *************************************** */
462 .elgg-menu-owner-block li a {
463  display: block;
464  border-radius: 5px;
465  background-color: white;
466  margin: 3px 0 5px 0;
467  padding: 2px 4px 2px 8px;
468 }
469 .elgg-menu-owner-block li a:hover {
470  background-color: #0054A7;
471  color: white;
473 }
474 .elgg-menu-owner-block li.elgg-state-selected > a {
475  background-color: #4690D6;
476  color: white;
477 }
478 
479 /* ***************************************
480  LONGTEXT
481 *************************************** */
482 .elgg-menu-longtext {
483  float: right;
484 }
485 
486 /* ***************************************
487  RIVER
488 *************************************** */
489 .elgg-menu-river {
490  float: right;
491  margin-left: 15px;
492  font-size: 90%;
493  color: #aaa;
494  line-height: 16px;
495  height: 16px;
496 }
497 .elgg-menu-river > li {
498  display: inline-block;
499  margin-left: 5px;
500 }
501 .elgg-menu-river > li > a {
502  color: #aaa;
503  height: 16px;
504 }
505 <?php // need to override .elgg-menu-hz ?>
506 .elgg-menu-river > li > a {
507  display: block;
508 }
509 .elgg-menu-river > li > span {
510  vertical-align: baseline;
511 }
512 
513 /* ***************************************
514  SIDEBAR EXTRAS (rss, bookmark, etc)
515 *************************************** */
516 .elgg-menu-extras {
517  margin-bottom: 15px;
518 }
519 .elgg-menu-extras a:focus span {
520  outline: thin dotted #000;
521 }
522 
523 /* ***************************************
524  WIDGET MENU
525 *************************************** */
526 .elgg-menu-widget > li {
527  position: absolute;
528  top: 4px;
529  display: inline-block;
530  width: 18px;
531  height: 18px;
532  padding: 2px 2px 0 0;
533 }
534 
535 .elgg-menu-widget > .elgg-menu-item-collapse {
536  left: 5px;
537 }
538 .elgg-menu-widget > .elgg-menu-item-delete {
539  right: 5px;
540 }
541 .elgg-menu-widget > .elgg-menu-item-settings {
542  right: 25px;
543 }
elgg icon hover menu
Definition: admin.php:1329
ui datepicker title
Definition: admin.php:616
elgg menu extras
Definition: navigation.php:516
elgg menu entity li
Definition: navigation.php:444
ul
Definition: admin.php:44
box shadow
Definition: admin.php:358
elgg input text
Definition: admin.php:490
$CONFIG site
The current site object.
Definition: config.php:136
list style position
Definition: typography.php:154
margin right
Definition: admin.php:181
elgg module widget
Definition: admin.php:1195
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 menu entity li a
Definition: navigation.php:447
elgg heading basic
Definition: typography.php:108
vertical align
Definition: admin.php:66
z index
Definition: admin.php:354
min width
Definition: admin.php:166
border top
Definition: admin.php:386
clearfix elgg elgg elgg elgg page elgg page elgg elgg elgg elgg col elgg image block
Definition: admin.php:127
margin bottom
Definition: admin.php:38
elgg menu entity
Definition: navigation.php:436
elgg avatar
Definition: admin.php:1350
elgg menu river
Definition: navigation.php:489
elgg menu widget elgg menu item settings
Definition: navigation.php:541
elgg menu elgg menu annotation
Definition: navigation.php:436
ui datepicker calendar ui state hover
Definition: admin.php:646
line height
Definition: navigation.php:441
elgg menu longtext
Definition: navigation.php:482
elgg river more
Definition: components.php:210
border radius
Definition: navigation.php:464
elgg item
Definition: admin.php:437
label elgg state disabled
Definition: admin.php:465
elgg page topbar
Definition: layout.php:40
elgg input thin
Definition: admin.php:497
elgg menu widget elgg menu item collapse
Definition: navigation.php:535
elgg widget content
Definition: admin.php:1245
font style
Definition: navigation.php:456
elgg main
Definition: admin.php:280
clearfix elgg elgg elgg elgg page elgg page footer
Definition: admin.php:127
elgg gallery elgg elgg icon
Definition: core.php:104
background color
Definition: navigation.php:465
text decoration
Definition: navigation.php:472
font size
Definition: navigation.php:439
margin left
Definition: navigation.php:438
elgg menu entity li span
Definition: navigation.php:454
table
Definition: admin.php:59