Elgg  Version 1.9
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  border: solid 1px;
359  border-color: #E5E5E5 #999 #999 #E5E5E5;
360  background-color: #FFF;
361  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.50);
362 }
363 .elgg-menu-hover > li {
364  border-bottom: 1px solid #ddd;
365 }
366 .elgg-menu-hover > li:last-child {
367  border-bottom: none;
368 }
369 .elgg-menu-hover .elgg-heading-basic {
370  display: block;
371 }
372 .elgg-menu-hover a {
373  padding: 2px 8px;
374  font-size: 92%;
375 }
376 .elgg-menu-hover a:hover,
377 .elgg-menu-hover a:focus {
378  background: #ccc;
379  text-decoration: none;
380 }
381 .elgg-menu-hover-admin a {
382  color: red;
383 }
384 .elgg-menu-hover-admin a:hover,
385 .elgg-menu-hover-admin a:focus {
386  color: white;
387  background-color: red;
388 }
389 
390 /* ***************************************
391  SITE FOOTER
392 *************************************** */
393 .elgg-menu-footer > li,
394 .elgg-menu-footer > li > a {
395  display: inline-block;
396  color: #999;
397 }
398 
399 .elgg-menu-footer > li:after {
400  content: "\007C";
401  padding: 0 4px;
402 }
403 
404 .elgg-menu-footer-default {
405  float: right;
406 }
407 
408 .elgg-menu-footer-alt {
409  float: left;
410 }
411 
412 .elgg-menu-footer-meta {
413  float: left;
414 }
415 
416 /* ***************************************
417  GENERAL MENU
418 *************************************** */
419 .elgg-menu-general > li,
420 .elgg-menu-general > li > a {
421  display: inline-block;
422  color: #999;
423 }
424 
425 .elgg-menu-general > li:after {
426  content: "\007C";
427  padding: 0 4px;
428 }
429 
430 /* ***************************************
431  ENTITY AND ANNOTATION
432 *************************************** */
433 <?php // height depends on line height/font size ?>
434 .elgg-menu-entity, .elgg-menu-annotation {
435  float: right;
436  margin-left: 15px;
437  font-size: 90%;
438  color: #aaa;
439  line-height: 16px;
440  height: 16px;
441 }
442 .elgg-menu-entity > li, .elgg-menu-annotation > li {
443  margin-left: 15px;
444 }
445 .elgg-menu-entity > li > a, .elgg-menu-annotation > li > a {
446  color: #aaa;
447 }
448 <?php // need to override .elgg-menu-hz ?>
449 .elgg-menu-entity > li > a, .elgg-menu-annotation > li > a {
450  display: block;
451 }
452 .elgg-menu-entity > li > span, .elgg-menu-annotation > li > span {
453  vertical-align: baseline;
454  font-style: italic;
455 }
456 
457 /* ***************************************
458  OWNER BLOCK
459 *************************************** */
460 .elgg-menu-owner-block li a {
461  display: block;
462  border-radius: 5px;
463  background-color: white;
464  margin: 3px 0 5px 0;
465  padding: 2px 4px 2px 8px;
466 }
467 .elgg-menu-owner-block li a:hover {
468  background-color: #0054A7;
469  color: white;
471 }
472 .elgg-menu-owner-block li.elgg-state-selected > a {
473  background-color: #4690D6;
474  color: white;
475 }
476 
477 /* ***************************************
478  LONGTEXT
479 *************************************** */
480 .elgg-menu-longtext {
481  float: right;
482 }
483 
484 /* ***************************************
485  RIVER
486 *************************************** */
487 .elgg-menu-river {
488  float: right;
489  margin-left: 15px;
490  font-size: 90%;
491  color: #aaa;
492  line-height: 16px;
493  height: 16px;
494 }
495 .elgg-menu-river > li {
496  display: inline-block;
497  margin-left: 5px;
498 }
499 .elgg-menu-river > li > a {
500  color: #aaa;
501  height: 16px;
502 }
503 <?php // need to override .elgg-menu-hz ?>
504 .elgg-menu-river > li > a {
505  display: block;
506 }
507 .elgg-menu-river > li > span {
508  vertical-align: baseline;
509 }
510 
511 /* ***************************************
512  SIDEBAR EXTRAS (rss, bookmark, etc)
513 *************************************** */
514 .elgg-menu-extras {
515  margin-bottom: 15px;
516 }
517 .elgg-menu-extras a:focus span {
518  outline: thin dotted #000;
519 }
520 
521 /* ***************************************
522  WIDGET MENU
523 *************************************** */
524 .elgg-menu-widget > li {
525  position: absolute;
526  top: 4px;
527  display: inline-block;
528  width: 18px;
529  height: 18px;
530  padding: 2px 2px 0 0;
531 }
532 
533 .elgg-menu-widget > .elgg-menu-item-collapse {
534  left: 5px;
535 }
536 .elgg-menu-widget > .elgg-menu-item-delete {
537  right: 5px;
538 }
539 .elgg-menu-widget > .elgg-menu-item-settings {
540  right: 25px;
541 }
elgg icon hover menu
Definition: admin.php:1303
ui datepicker title
Definition: admin.php:592
elgg menu extras
Definition: navigation.php:514
elgg menu entity li
Definition: navigation.php:442
ul
Definition: admin.php:44
elgg input text
Definition: admin.php:478
$CONFIG site
The current site object.
Definition: config.php:136
list style position
Definition: typography.php:154
margin right
Definition: admin.php:211
elgg module widget
Definition: admin.php:1169
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:445
elgg heading basic
Definition: typography.php:108
vertical align
Definition: admin.php:66
z index
Definition: admin.php:346
min width
Definition: admin.php:166
margin top
Definition: admin.php:192
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:434
elgg avatar
Definition: admin.php:1324
elgg menu river
Definition: navigation.php:487
box shadow
Definition: admin.php:258
elgg menu widget elgg menu item settings
Definition: navigation.php:539
elgg menu elgg menu annotation
Definition: navigation.php:434
ui datepicker calendar ui state hover
Definition: admin.php:622
line height
Definition: navigation.php:439
elgg menu longtext
Definition: navigation.php:480
elgg river more
Definition: components.php:210
border radius
Definition: navigation.php:462
elgg item
Definition: admin.php:429
label elgg state disabled
Definition: admin.php:457
elgg page topbar
Definition: layout.php:40
elgg input thin
Definition: admin.php:485
elgg menu widget elgg menu item collapse
Definition: navigation.php:533
elgg widget content
Definition: admin.php:1219
font style
Definition: navigation.php:454
elgg main
Definition: admin.php:276
clearfix elgg elgg elgg elgg page elgg page footer
Definition: admin.php:127
elgg gallery elgg elgg icon
Definition: core.php:108
background color
Definition: navigation.php:463
text decoration
Definition: navigation.php:470
font size
Definition: navigation.php:437
margin left
Definition: navigation.php:436
elgg menu entity li span
Definition: navigation.php:452
table
Definition: admin.php:59