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