Elgg  Version 2.2
 All Classes Namespaces Files Functions Variables Pages
admin.css.php
Go to the documentation of this file.
1 <?php
12 ?>
13 /* <style> /**/
14 
15 /* ***************************************
16  RESET CSS
17 *************************************** */
18 html, body, div, span, applet, object, iframe,
19 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
20 a, abbr, acronym, address, big, cite, code,
21 del, dfn, em, font, img, ins, kbd, q, s, samp,
22 small, strike, strong, sub, sup, tt, var,
23 dl, dt, dd, ol, ul, li,
24 fieldset, form, label, legend,
25 table, caption, tbody, tfoot, thead, tr, th, td {
26  margin: 0;
27  padding: 0;
28  border: 0;
29  font-weight: inherit;
30  font-style: inherit;
31  font-size: 100%;
32  font-family: inherit;
33  vertical-align: baseline;
34 }
35 <?php // force vertical scroll bar ?>
37  height: 100%;
38  margin-bottom: 1px;
39 }
40 img {
41  border-width: 0;
42  border-color: transparent;
43 }
44 ol, ul {
45  list-style: none;
46 }
47 em, i {
48  font-style: italic;
49 }
50 ins {
51  text-decoration: none;
52 }
54  text-decoration:line-through;
55 }
57  font-weight: bold;
58 }
60  border-collapse: collapse;
61  border-spacing: 0;
62 }
64  text-align: left;
65  font-weight: normal;
66  vertical-align: top;
67 }
68 blockquote:before, blockquote:after,
69 q:before, q:after {
70  content: "";
71 }
72 blockquote, q {
73  quotes: "" "";
74 }
75 
76 /* ***************************************
77  BASICS
78 *************************************** */
79 body {
80  background-color: #eee;
81  font-size: 90%;
82  line-height: 1.4em;
83  font-family: "Lucida Grande",Arial,Tahoma,Verdana,sans-serif;
84 }
85 h1, h2, h3, h4, h5, h6 {
86  font-weight: bold;
87  line-height: auto;
88  color: #666;
89 }
90 h1 { font-size: 1.8em; }
91 h2 { font-size: 1.5em; line-height: 1.1em; }
92 h3 { font-size: 1.2em; }
93 h4 { font-size: 1.0em; }
94 h5 { font-size: 0.9em; }
95 h6 { font-size: 0.8em; }
96 
97 a {
98  color: #333;
99  text-decoration: none;
100 }
101 a:hover {
102  color: black;
103  text-decoration: underline;
104 }
105 pre, code {
106  background-color: #EEE;
107  border: 1px solid #DDD;
108  color: #444;
109  font-family: Monaco, "Courier New", Courier, monospace;
110  font-size: 13px;
111  overflow: auto;
112  margin: 15px 0;
113  padding: 5px;
114 }
115 blockquote {
116  background: #EBF5FF;
117 }
118 p {
119  margin-bottom: 15px;
120 }
121 
122 .clearfloat {
123  clear: both;
124 }
125 
126 /* Clearfix! */
127 .clearfix:after,
128 .elgg-grid:after,
129 .elgg-layout:after,
130 .elgg-inner:after,
131 .elgg-page-header:after,
132 .elgg-page-footer:after,
133 .elgg-head:after,
134 .elgg-foot:after,
135 .elgg-col:after,
136 .elgg-col-alt:after,
137 .elgg-image-block:after {
138  content: ".";
139  display: block;
140  height: 0;
141  clear: both;
142  visibility: hidden;
143 }
144 
145 .elgg-body {
146  width: auto;
147  word-wrap: break-word;
148  overflow: hidden;
149 }
150 .elgg-body:after {
151  display: block;
152  visibility: hidden;
153  height: 0 !important;
154  line-height: 0;
155  overflow: hidden;
156  font-size: xx-large;
157  content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
158 }
159 
160 /* ***************************************
161  PAGE WRAPPER
162 *************************************** */
163 .elgg-page > .elgg-inner {
164  margin: 0 auto;
165  padding: 20px 40px 0;
166  min-width: 800px;
167  max-width: 1600px;
168 }
169 
170 /* ***************************************
171  HEADER
172 *************************************** */
173 .elgg-page-header {
174  background-color: #111;
175  border: 1px solid #999;
176  padding: 20px;
177 }
178 .elgg-heading-site {
179  font-size: 1.8em;
180  line-height: 1.2em;
181  margin-right: 10px;
182  float: left;
183 }
184 .elgg-heading-site a {
185  color: #ffffff;
186  text-decoration: none;
187 }
188 .elgg-heading-site a:hover {
189  color: white;
190  text-decoration: none;
191 }
192 .elgg-menu-user,
193 .elgg-menu-admin-header {
194  float: right;
195  margin: 8px 8px 0 0;
196 }
197 .elgg-menu-user,
198 .elgg-menu-admin-header,
199 .elgg-menu-user a,
200 .elgg-menu-admin-header a {
201  color: #999999;
202 }
203 .elgg-menu-user a,
204 .elgg-menu-admin-header a {
205  text-decoration: underline;
206 }
207 .elgg-menu-user a:hover,
208 .elgg-menu-admin-header a:hover {
209  color: white;
210 }
211 .elgg-menu-user li,
212 .elgg-menu-admin-header li {
213  display: inline;
214 }
215 .elgg-menu-user li:after,
216 .elgg-menu-admin-header li:after {
217  content: "|";
218  display: inline-block;
219  font-weight: normal;
220  margin: 0 8px;
221 }
222 .elgg-menu-user li:last-child:after,
223 .elgg-menu-admin-header li:last-child:after {
224  content: "";
225 }
226 a.elgg-maintenance-mode-warning {
227  color: #d00;
228 }
229 
230 /* ***************************************
231  MESSAGES
232 *************************************** */
233 .elgg-page-messages {
234  padding: 20px 0 0;
235  margin-bottom: -10px;
236 }
237 .elgg-system-messages p {
238  margin: 0;
239 }
240 .elgg-message {
241  padding: 20px;
242  margin-bottom: 10px;
243  border: 1px solid #ddd;
244  border-radius: 3px;
245  cursor: pointer;
246 }
247 .elgg-message.elgg-state-error {
248  color: #B94A48;
249  background-color: #F8E8E8;
250  border: 1px solid #E5B7B5;
251 }
252 .elgg-message.elgg-state-success {
253  color: #397F2E;
254  background-color: #EAF8E8;
255  border: 1px solid #AADEA2;
256 }
257 .elgg-message a {
258  color: inherit;
259  text-decoration: underline;
260 }
261 
262 .elgg-admin-notices p {
263  color: #3B8BC9;
264  background-color: #E7F1F9;
265  border: 1px solid #B1D1E9;
266  padding: 20px;
267  border-radius: 3px;
268 }
269 .elgg-admin-notices a.elgg-admin-notice {
270  float: right;
271  text-decoration: none;
272 }
273 
274 .elgg-admin-notices a {
275  text-decoration: underline;
276 }
277 
278 /* ***************************************
279  BODY
280 *************************************** */
281 .elgg-page-body {
282  padding: 20px 0;
283 }
284 .elgg-main {
285  background-color: #fff;
286  border: 1px solid #ccc;
287  padding: 20px;
288  position: relative;
289  min-height: 400px;
290 }
291 .elgg-sidebar {
292  width: 210px;
293  float: right;
294  margin-left: 30px;
295 
296  -webkit-box-sizing: border-box;
297  -moz-box-sizing: border-box;
298  box-sizing: border-box;
299 }
300 .elgg-main > .elgg-head {
301  margin-bottom: 10px;
302 }
303 .elgg-main h2 {
304  color: #333333;
305 }
306 
307 /* ***************************************
308  FOOTER
309 *************************************** */
310 .elgg-page-footer {
311  background-color: #111;
312  border: 1px solid #999;
313  padding: 10px 20px;
314  margin-bottom: 10px;
315 }
316 .elgg-page-footer a {
317  color: #ddd;
318  font-weight: bold;
319  text-decoration: none;
320 }
321 .elgg-page-footer a:hover {
322  text-decoration: underline;
323 }
324 
325 /* ***************************************
326  MODULES
327 *************************************** */
328 .elgg-module {
329  overflow: hidden;
330 }
331 .elgg-module-main {
332  background-color: #fff;
333  border: 1px solid #ccc;
334  padding: 10px;
335 }
336 .elgg-module-main > .elgg-head {
337  margin-bottom: 5px;
338 }
339 .elgg-module-info > .elgg-head {
340  margin-bottom: 10px;
341 }
342 .elgg-module-inline {
343  margin: 20px 0;
344 }
345 .elgg-module-inline > .elgg-head {
346  background-color: #999;
347  color: white;
348  padding: 5px;
349  margin-bottom: 10px;
350  border-radius: 3px;
351 }
352 .elgg-module-inline > .elgg-head h3 {
353  color: white;
354 }
355 .elgg-module-popup {
356  background-color: white;
357  border: 1px solid #ccc;
358  z-index: 9999;
359  margin-bottom: 0;
360  padding: 5px;
361  border-radius: 6px;
362  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
363 }
364 .elgg-module-popup > .elgg-head {
365  margin-bottom: 5px;
366 }
367 .elgg-module-popup > .elgg-head * {
368  color: #666;
369 }
370 .elgg-module-featured {
371  border: 1px solid #666;
372  border-radius: 6px;
373 }
374 .elgg-module-featured > .elgg-head {
375  padding: 5px;
376  background-color: #333;
377 }
378 .elgg-module-featured > .elgg-head * {
379  color: white;
380 }
381 .elgg-module-featured > .elgg-body {
382  padding: 10px;
383 }
384 
385 /* ***************************************
386  TABLE
387 *************************************** */
388 .elgg-table {
389  width: 100%;
390  border-top: 1px solid #ccc;
391 }
392 .elgg-table td, .elgg-table th {
393  background: white;
394  border: 1px solid #ccc;
395  padding: 4px 8px;
396  vertical-align: middle;
397 }
398 .elgg-table th {
399  background-color: #ddd;
400 }
401 .elgg-table .alt td {
402  background: #eee;
403 }
404 .elgg-table input[type=checkbox] {
405  margin-top: 3px;
406 }
407 
408 .elgg-table-alt {
409  width: 100%;
410  border-top: 1px solid #ccc;
411 }
412 .elgg-table-alt th {
413  background-color: #eee;
414  font-weight: bold;
415 }
416 .elgg-table-alt td, .elgg-table-alt th {
417  padding: 2px 4px;
418  border-bottom: 1px solid #ccc;
419 }
420 .elgg-table-alt td:first-child {
421  width: 200px;
422 }
423 .elgg-table-alt tr:hover {
424  background: #E4E4E4;
425 }
426 
427 /* ***************************************
428  LISTS AND IMAGE BLOCK
429 *************************************** */
430 .elgg-image-block {
431  padding: 3px 0;
432 }
433 .elgg-image-block .elgg-image {
434  float: left;
435  margin-right: 5px;
436 }
437 .elgg-image-block .elgg-image-alt {
438  float: right;
439  margin-left: 5px;
440 }
441 .elgg-item {
442  margin: 3px;
443 }
444 .elgg-list-simple li {
445  margin-bottom: 5px;
446 }
447 .elgg-list-distinct {
448  border-top: 1px dotted #CCCCCC;
449  margin: 5px 0;
450  clear: both;
451 }
452 .elgg-list-distinct > li {
453  border-bottom: 1px dotted #CCCCCC;
454 }
455 
456 .elgg-gallery > li {
457  position: relative;
458  display: inline-block;
459 }
460 
461 /* ***************************************
462  FORMS AND INPUT
463 *************************************** */
464 label {
465  font-weight: bold;
466  color: #333333;
467  font-size: 110%;
468 }
469 label.elgg-state-disabled,
470 input.elgg-state-disabled,
471 .elgg-field-label.elgg-state-disabled {
472  opacity: 0.6;
473 }
474 .elgg-field-label {
475  display: block;
476 }
477 .elgg-required-indicator {
478  font-size: 110%;
479  font-weight: bold;
480  color: #C24000;
481  display: inline;
482  padding: 0 5px;
483 }
484 
485 fieldset > div, .elgg-field {
486  margin-bottom: 15px;
487 }
488 fieldset > div:last-child {
489  margin-bottom: 0;
490 }
491 input {
492  font: 120% Arial, Helvetica, sans-serif;
493  padding: 5px;
494  border: 1px solid #ccc;
495  color: #666;
496  border-radius: 5px;
497  margin: 0;
498 
499  -webkit-box-sizing: border-box;
500  -moz-box-sizing: border-box;
501  box-sizing: border-box;
502 }
503 
504 /* default elgg core input field classes */
505 .elgg-input-text,
506 .elgg-input-tags,
507 .elgg-input-url,
508 .elgg-input-plaintext,
509 .elgg-input-longtext {
510  width: 98%;
511 }
512 .elgg-input-thin {
513  width: 400px;
514 }
515 .elgg-input-natural {
516  width: auto;
517 }
518 
519 input[type="radio"] {
520  margin: 0 3px 0 0;
521 }
522 
523 select {
524  max-width: 100%;
525  padding: 4px;
526 }
527 
528 .elgg-fieldset {
529  border: 1px solid #ccc;
530  border-radius: 5px;
531  padding: 5px;
532  padding-bottom: 10px;
533  margin-bottom: 15px;
534 }
535 .elgg-fieldset > legend {
536  color: #333333;
537  font-size: 110%;
538  font-weight: bold;
539  padding: 0 3px;
540 }
541 
542 .elgg-button {
543  display: inline-block;
544  font-size: 100%;
545  text-decoration: none;
546  border-radius: 3px;
547  width: auto;
548  padding: 6px 12px;
549  margin-bottom: 5px;
550  cursor: pointer;
551 
552  -webkit-box-sizing: border-box;
553  -moz-box-sizing: border-box;
554  box-sizing: border-box;
555 }
556 
557 .elgg-button + .elgg-button {
558  margin-left: 5px;
559 }
560 
561 .elgg-button-submit,
562 .elgg-button-action {
563  color: white;
564  border: 1px solid #333;
565  background-color: #333;
566 }
567 .elgg-button-submit:hover,
568 .elgg-button-action:hover {
569  color: white;
570  background-color: #000;
571  text-decoration: none;
572 }
573 .elgg-button-submit.elgg-state-disabled,
574 .elgg-button-action.elgg-state-disabled {
575  color: #999;
576  cursor: default;
577 }
578 
579 .elgg-button-cancel {
580  color: #333;
581  background-color: #ccc;
582  border: 1px solid #999;
583 }
584 .elgg-button-cancel:hover {
585  color: #222;
586  background-color: #999;
587  text-decoration: none;
588 }
589 
590 .elgg-form-useradd input[type=text],
591 .elgg-form-useradd input[type=password],
592 .elgg-form-useradd input[type=email] {
593  width: 300px;
594 }
595 
596 .elgg-form-settings {
597  max-width: 800px;
598 }
599 
600 .elgg-input-checkbox + label,
601 .elgg-input-checkbox + .elgg-field-label {
602  display: inline-block;
603 }
604 
605 /* **************************************
606  DATE PICKER
607 *************************************** */
608 .ui-datepicker {
609  margin-top: 3px;
610  padding: 3px 3px 0;
611  border: 1px solid #ccc;
612  background-color: white;
613 }
614 .ui-datepicker-header {
615  padding: 2px 0;
616  border: 1px solid #ccc;
617  background-color: #eee;
618  border-radius: 5px;
619 }
620 .ui-datepicker-prev, .ui-datepicker-next {
621  position: absolute;
622  top: 9px;
623  cursor: pointer;
624 }
625 .ui-datepicker-prev {
626  left: 6px;
627 }
628 .ui-datepicker-next {
629  right: 6px;
630 }
631 .ui-datepicker-title {
632  line-height: 1.8em;
633  margin: 0 30px;
634  text-align: center;
635  font-weight: bold;
636 }
637 .ui-datepicker-calendar {
638  margin-bottom: 2px;
639 }
640 .ui-datepicker th {
641  border: none;
642  font-weight: bold;
643  padding: 5px 6px;
644  text-align: center;
645 }
646 .ui-datepicker td {
647  padding: 1px;
648 }
649 .ui-datepicker td span, .ui-datepicker td a {
650  display: block;
651  padding: 2px;
652  line-height: 1.2em;
653  text-align: right;
654  text-decoration: none;
655 }
656 .ui-datepicker-calendar .ui-state-default {
657  border: 1px solid #ccc;
658  color: #555;
659  background: #fafafa;
660 }
661 .ui-datepicker-calendar .ui-state-hover {
662  border: 1px solid #aaa;
663  color: #333;
664  background: #ccc;
665 }
666 .ui-datepicker-calendar .ui-state-active,
667 .ui-datepicker-calendar .ui-state-active.ui-state-hover {
668  font-weight: bold;
669  border: 1px solid #999;
670  color: #333;
671  background: #ddd;
672 }
673 
674 .ui-datepicker-inline {
675  max-width: 225px;
676 }
677 
678 /* ***************************************
679  AUTOCOMPLETE
680 *************************************** */
681 <?php //autocomplete will expand to fullscreen without max-width ?>
682 .ui-autocomplete {
683  position: absolute;
684  cursor: default;
685 }
686 .elgg-autocomplete-item .elgg-body {
687  max-width: 600px;
688 }
689 .ui-autocomplete {
690  background-color: white;
691  border: 1px solid #ccc;
692  overflow: hidden;
693  border-radius: 5px;
694 }
695 .ui-autocomplete .ui-menu-item {
696  padding: 0px 4px;
697  border-radius: 5px;
698 }
699 .ui-autocomplete .ui-menu-item:hover {
700  background-color: #eee;
701 }
702 .ui-autocomplete a:hover {
703  text-decoration: none;
704  color: #4690D6;
705 }
706 .ui-autocomplete a.ui-state-hover {
707  background-color: #eee;
708  display: block;
709 }
710 .ui-helper-hidden-accessible {
711  border: 0;
712  clip: rect(0 0 0 0);
713  height: 1px;
714  margin: -1px;
715  overflow: hidden;
716  padding: 0;
717  position: absolute;
718  width: 1px;
719 }
720 
721 /* ***************************************
722  USER PICKER
723 *************************************** */
724 .elgg-user-picker-list li:first-child {
725  border-top: 1px dotted #ccc;
726  margin-top: 5px;
727 }
728 .elgg-user-picker-list > li {
729  border-bottom: 1px dotted #ccc;
730 }
731 
732 /* ***************************************
733  FRIENDS PICKER
734 *************************************** */
735 .friends-picker-main-wrapper {
736  margin-bottom: 15px;
737 }
738 .friends-picker-container h3 {
739  font-size:4em !important;
740  text-align: left;
741  margin:10px 0 20px !important;
742  color:#999 !important;
743  background: none !important;
744  padding:0 !important;
745 }
746 .friends-picker .friends-picker-container .panel ul {
747  text-align: left;
748  margin: 0;
749  padding:0;
750 }
751 .friends-picker-wrapper {
752  margin: 0;
753  padding:0;
754  position: relative;
755  width: 730px;
756 }
757 .friends-picker {
758  position: relative;
759  overflow: hidden;
760  margin: 0;
761  padding:0;
762  width: 730px;
763  height: auto;
764  background-color: #dedede;
765  border-radius: 8px;
766 }
767 .friendspicker-savebuttons {
768  background: white;
769  border-radius: 8px;
770  margin:0 10px 10px;
771 }
772 .friends-picker .friends-picker-container { /* long container used to house end-to-end panels. Width is calculated in JS */
773  position: relative;
774  left: 0;
775  top: 0;
776  width: 100%;
777  list-style-type: none;
778 }
779 .friends-picker .friends-picker-container .panel {
780  float:left;
781  height: 100%;
782  position: relative;
783  width: 730px;
784  margin: 0;
785  padding:0;
786 }
787 .friends-picker .friends-picker-container .panel .wrapper {
788  margin: 0;
789  padding:4px 10px 10px 10px;
790  min-height: 230px;
791 }
792 .friends-picker-navigation {
793  margin: 0 0 10px;
794  padding:0 0 10px;
795  border-bottom:1px solid #ccc;
796 }
797 .friends-picker-navigation ul {
798  list-style: none;
799  padding-left: 0;
800 }
801 .friends-picker-navigation ul li {
802  float: left;
803  margin:0;
804  background:white;
805 }
806 .friends-picker-navigation a {
807  font-weight: bold;
808  text-align: center;
809  background: white;
810  color: #999;
811  text-decoration: none;
812  display: block;
813  padding: 0;
814  width:20px;
815  border-radius: 4px;
816 }
817 .tabHasContent {
818  background: white;
819  color:#333 !important;
820 }
821 .friends-picker-navigation li a:hover {
822  background: #333;
823  color:white !important;
824 }
825 .friends-picker-navigation li a.current {
826  background: #4690D6;
827  color:white !important;
828 }
829 .friends-picker-navigation-l, .friends-picker-navigation-r {
830  position: absolute;
831  top: 46px;
832  text-indent: -9000em;
833 }
834 .friends-picker-navigation-l a, .friends-picker-navigation-r a {
835  display: block;
836  height: 40px;
837  width: 40px;
838 }
839 .friends-picker-navigation-l {
840  right: 48px;
841  z-index:1;
842 }
843 .friends-picker-navigation-r {
844  right: 0;
845  z-index:1;
846 }
847 .friends-picker-navigation-l {
848  background: url("<?= elgg_get_simplecache_url("friendspicker.png"); ?>") no-repeat left top;
849 }
850 .friends-picker-navigation-r {
851  background: url("<?= elgg_get_simplecache_url("friendspicker.png"); ?>") no-repeat -60px top;
852 }
853 .friends-picker-navigation-l:hover {
854  background: url("<?= elgg_get_simplecache_url("friendspicker.png"); ?>") no-repeat left -44px;
855 }
856 .friends-picker-navigation-r:hover {
857  background: url("<?= elgg_get_simplecache_url("friendspicker.png"); ?>") no-repeat -60px -44px;
858 }
859 .friendspicker-savebuttons .elgg-button-submit,
860 .friendspicker-savebuttons .elgg-button-cancel {
861  margin:5px 20px 5px 5px;
862 }
863 .friendspicker-members-table {
864  background: #dedede;
865  border-radius: 8px;
866  margin:10px 0 0;
867  padding:10px 10px 0;
868 }
869 
870 /* ***************************************
871  PROGRESS BAR
872 **************************************** */
873 .elgg-progressbar {
874  height: 20px;
875  border: 1px solid #CCC;
876 }
877 .ui-progressbar-value {
878  height: 20px;
879  background: green;
880 }
881 .elgg-progressbar-counter {
882  float: left;
883  color: white;
884  margin: 1px;
885 }
886 
887 /* ***************************************
888  PAGINATION
889 *************************************** */
890 .elgg-pagination {
891  margin: 10px 0;
892  display: block;
893  text-align: center;
894 }
895 .elgg-pagination li {
896  display: inline;
897  margin: 0 6px 0 0;
898  text-align: center;
899 }
900 .elgg-pagination a, .elgg-pagination span {
901  padding: 2px 6px;
902  color: #333;
903  border: 1px solid #333;
904  font-size: 12px;
905  text-decoration: none;
906 }
907 .elgg-pagination a:hover {
908  background: #333;
909  color: white;
910  text-decoration: none;
911 }
912 .elgg-pagination .elgg-state-disabled span {
913  color: #CCC;
914  border-color: #CCC;
915 }
916 .elgg-pagination .elgg-state-selected span {
917  color: #000;
918  border-color: #ccc;
919 }
920 
921 /* ***************************************
922  TABS
923 *************************************** */
924 .elgg-tabs {
925  margin-bottom: 5px;
926  border-bottom: 1px solid #ccc;
927  display: table;
928  width: 100%;
929 }
930 .elgg-tabs li {
931  float: left;
932  border: 1px solid #ccc;
933  border-bottom-width: 0;
934  background: #eee;
935  margin: 0 0 0 10px;
936 }
937 .elgg-tabs a {
938  text-decoration: none;
939  display: block;
940  padding: 3px 10px 0 10px;
941  text-align: center;
942  height: 21px;
943  color: #999;
944 }
945 .elgg-tabs a:hover {
946  background: #dedede;
947  color:#333;
948 }
949 .elgg-tabs .elgg-state-selected {
950  border-color: #ccc;
951  background: white;
952 }
953 .elgg-tabs .elgg-state-selected a {
954  position: relative;
955  top: 2px;
956  background: white;
957 }
958 
959 /* ***************************************
960  SIDEBAR MENU
961 *************************************** */
962 .elgg-admin-sidebar-menu a {
963  border: 1px solid red;
964  display: block;
965  padding: 5px;
966  color: #333;
967  cursor: pointer;
968  text-decoration: none;
969  margin-bottom: 2px;
970  border: 1px solid #CCC;
971  border-radius: 5px;
972 }
973 .elgg-admin-sidebar-menu a:hover {
974  text-decoration: none;
975  background: black;
976  color: white;
977  border: 1px solid black;
978 }
979 .elgg-admin-sidebar-menu li.elgg-state-selected > a {
980  background-color: #BBB;
981 }
982 .elgg-admin-sidebar-menu .elgg-menu-closed:before {
983  content: "\25B8";
984  padding-right: 4px;
985 }
986 .elgg-admin-sidebar-menu .elgg-menu-opened:before {
987  content: "\25BE";
988  padding-right: 4px;
989 }
990 .elgg-admin-sidebar-menu .elgg-child-menu {
991  display: none;
992  padding-left: 30px;
993 }
994 .elgg-admin-sidebar-menu li.elgg-state-selected > ul {
995  display: block;
996 }
997 .elgg-admin-sidebar-menu h2 {
998  padding-bottom: 5px;
999 }
1000 .elgg-admin-sidebar-menu ul.elgg-menu-page {
1001  padding-bottom: 15px;
1002 }
1003 
1004 /* ***************************************
1005  TITLE MENU
1006 *************************************** */
1007 .elgg-menu-title {
1008  float: right;
1009 }
1010 .elgg-menu-title > li {
1011  display: inline-block;
1012  margin-left: 4px;
1013 }
1014 
1015 /* ***************************************
1016  FOOTER MENU
1017 *************************************** */
1018 .elgg-menu-footer {
1019  color: gray;
1020 }
1021 .elgg-menu-footer li {
1022  float: left;
1023 }
1024 .elgg-menu-footer li:after {
1025  content: "\007C";
1026  display: inline-block;
1027  padding: 0 4px 0 4px;
1028  font-weight: normal;
1029 }
1030 .elgg-menu-footer li:last-child:after {
1031  content: "";
1032 }
1033 
1034 /* ***************************************
1035  GENERAL MENU
1036 *************************************** */
1037 .elgg-menu-general > li,
1038 .elgg-menu-general > li > a {
1039  display: inline-block;
1040  color: #999;
1041 }
1042 
1043 .elgg-menu-general > li:after {
1044  content: "\007C";
1045  padding: 0 4px;
1046 }
1047 
1048 /* ***************************************
1049  HOVER MENU
1050 *************************************** */
1051 .elgg-menu-hover {
1052  display: none;
1053  position: absolute;
1054  z-index: 10000;
1055 
1056  width: 165px;
1057  padding-top: 20px;
1058  padding-bottom: 20px;
1059  border: solid 1px #E5E5E5;
1060  border-color: #E5E5E5 #999 #999 #E5E5E5;
1061  background-color: #FFF;
1062  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.50);
1063 }
1064 .elgg-menu-hover > li {
1065  border-bottom: 1px solid #ddd;
1066 }
1067 .elgg-menu-hover > li:last-child {
1068  border-bottom: none;
1069 }
1070 .elgg-menu-hover .elgg-heading-basic {
1071  display: block;
1072 }
1073 .elgg-menu-hover a {
1074  display: block;
1075  padding: 2px 8px;
1076  font-size: 92%;
1077 }
1078 .elgg-menu-hover a:hover {
1079  background: #ccc;
1080  text-decoration: none;
1081 }
1082 .elgg-menu-hover-admin a {
1083  color: red;
1084 }
1085 .elgg-menu-hover-admin a:hover {
1086  color: white;
1087  background-color: red;
1088 }
1089 
1090 /* ***************************************
1091  ENTITY MENU
1092 *************************************** */
1093 <?php // height depends on line height/font size ?>
1094 .elgg-menu-entity, .elgg-menu-annotation {
1095  float: right;
1096  margin-left: 15px;
1097  font-size: 90%;
1098  color: #666;
1099  line-height: 16px;
1100  height: 16px;
1101 }
1102 .elgg-menu-entity > li, .elgg-menu-annotation > li {
1103  margin-left: 15px;
1104 }
1105 .elgg-menu-entity > li > a, .elgg-menu-annotation > li > a {
1106  color: #aaa;
1107 }
1108 <?php // need to override .elgg-menu-hz ?>
1109 .elgg-menu-entity > li > a, .elgg-menu-annotation > li > a {
1110  display: block;
1111 }
1112 .elgg-menu-entity > li > span, .elgg-menu-annotation > li > span {
1113  vertical-align: baseline;
1114 }
1115 
1116 /* ***************************************
1117  WIDGET MENU
1118 *************************************** */
1119 .elgg-menu-widget > li {
1120  position: absolute;
1121  top: 4px;
1122  display: inline-block;
1123  width: 18px;
1124  height: 18px;
1125  padding: 2px 2px 0 0;
1126 }
1127 .elgg-menu-widget > .elgg-menu-item-collapse {
1128  left: 5px;
1129 }
1130 .elgg-menu-widget > .elgg-menu-item-delete {
1131  right: 5px;
1132 }
1133 .elgg-menu-widget > .elgg-menu-item-settings {
1134  right: 25px;
1135 }
1136 
1137 /* ***************************************
1138  MORE MENUS
1139 *************************************** */
1140 /* Horizontal menus w/ separator support */
1141 .elgg-menu-hz > li,
1142 .elgg-menu-hz > li:after,
1143 .elgg-menu-hz > li > a {
1144  display: inline-block;
1145  vertical-align: middle;
1146 }
1147 /* Allow inline image blocks in horizontal menus */
1148 .elgg-menu-hz .elgg-body:after {
1149  content: '.';
1150 }
1151 .elgg-menu > li:last-child::after {
1152  display: none;
1153 }
1154 .elgg-menu-admin-footer a {
1155  color: #eee;
1156 }
1157 .elgg-menu-admin-footer > li {
1158  padding-right: 25px;
1159 }
1160 .elgg-menu-longtext {
1161  float: right;
1162 }
1163 .elgg-menu-metadata {
1164  list-style-type: none;
1165  float: right;
1166  margin-left: 15px;
1167  font-size: 90%;
1168 }
1169 .elgg-menu-metadata > li {
1170  float: left;
1171  margin-left: 15px;
1172 }
1173 .elgg-menu-metadata, .elgg-menu-metadata a {
1174  color: #aaa;
1175 }
1176 
1177 /* ***************************************
1178  WIDGETS
1179 *************************************** */
1180 .elgg-layout-widgets > .elgg-widgets {
1181  float: right;
1182 }
1183 .elgg-widgets {
1184  min-height: 30px;
1185 }
1186 .elgg-widget-add-control {
1187  text-align: right;
1188  margin: 5px 5px 15px;
1189 }
1190 .elgg-widgets-add-panel {
1191  padding: 10px;
1192  margin: 0 5px 15px;
1193  background: #eee;
1194  border: 1px solid #ccc;
1195 }
1196 .elgg-widgets-add-panel ul {
1197  padding: 0;
1198  margin: 0;
1199 }
1200 .elgg-widgets-add-panel li {
1201  float: left;
1202  margin: 2px 10px;
1203  list-style: none;
1204  width: 200px;
1205  padding: 4px;
1206  background-color: #eee;
1207  border: 1px solid #ccc;
1208  font-weight: bold;
1209 }
1210 .elgg-widgets-add-panel li a {
1211  display: block;
1212 }
1213 .elgg-widget-single.elgg-state-available {
1214  color: #333;
1215  cursor: pointer;
1216 }
1217 .elgg-widget-single.elgg-state-available:hover {
1218  border-color: #aaa;
1219 }
1220 .elgg-widget-single.elgg-state-unavailable {
1221  color: #888;
1222 }
1223 
1224 .elgg-module-widget {
1225  background-color: #dedede;
1226  padding: 1px;
1227  margin: 0 5px 15px;
1228  position: relative;
1229 }
1230 .elgg-module-widget:hover {
1231  background-color: #ccc;
1232 }
1233 .elgg-module-widget > .elgg-head {
1234  background-color: #f5f5f5;
1235  height: 26px;
1236  overflow: hidden;
1237 }
1238 .elgg-module-widget.elgg-state-draggable .elgg-widget-handle {
1239  cursor: move;
1240 }
1241 .elgg-module-widget > .elgg-head h3 {
1242  float: left;
1243  padding: 4px 45px 0 20px;
1244  color: #333;
1245 }
1246 
1247 .elgg-widget-collapse-button {
1248  color: #c5c5c5;
1249  text-decoration: none;
1250 }
1251 a.elgg-widget-collapse-button:hover,
1252 a.elgg-widget-collapsed:hover {
1253  color: #9d9d9d;
1254  text-decoration: none;
1255 }
1256 a.elgg-widget-collapse-button:before {
1257  content: "\25BC";
1258 }
1259 a.elgg-widget-collapsed:before {
1260  content: "\25BA";
1261 }
1262 .elgg-module-widget > .elgg-body {
1263  border-top: 1px solid #dedede;
1264  background-color: white;
1265  width: 100%;
1266  overflow: hidden;
1267 }
1268 .elgg-widget-edit {
1269  display: none;
1270  width: 96%;
1271  padding: 2%;
1272  border-bottom: 1px solid #dedede;
1273 }
1274 .elgg-widget-content {
1275  padding: 10px;
1276 }
1277 .elgg-widget-placeholder {
1278  border: 2px dashed #dedede;
1279  margin-bottom: 15px;
1280 }
1281 
1282 /* ***************************************
1283  GRID
1284 *************************************** */
1285 .elgg-grid {}
1286 .elgg-col {
1287  float: left;
1288 }
1289 .elgg-col-alt {
1290  float: right;
1291 }
1292 .elgg-col-1of1 {
1293  float: none;
1294 }
1295 .elgg-col-1of2 {
1296  width: 50%;
1297 }
1298 .elgg-col-1of3 {
1299  width: 33.33%;
1300 }
1301 .elgg-col-2of3 {
1302  width: 66.66%;
1303 }
1304 .elgg-col-1of4 {
1305  width: 25%;
1306 }
1307 .elgg-col-3of4 {
1308  width: 75%;
1309 }
1310 .elgg-col-1of5 {
1311  width: 20%;
1312 }
1313 .elgg-col-2of5 {
1314  width: 40%;
1315 }
1316 .elgg-col-3of5 {
1317  width: 60%;
1318 }
1319 .elgg-col-4of5 {
1320  width: 80%;
1321 }
1322 .elgg-col-1of6 {
1323  width: 16.66%;
1324 }
1325 .elgg-col-5of6 {
1326  width: 83.33%;
1327 }
1328 
1329 /* ***************************************
1330  ICONS
1331 *************************************** */
1332 .elgg-icon {
1333  color: #aaa;
1334  font-size: 16px;
1335  line-height: 1em;
1336  width: 16px;
1337  height: 16px;
1338  margin: 0 2px;
1339 }
1340 
1341 :focus > .elgg-icon,
1342 .elgg-icon:hover,
1343 .elgg-icon-hover {
1344  color: #333;
1345 }
1346 
1347 h1 > .elgg-icon,
1348 h2 > .elgg-icon,
1349 h3 > .elgg-icon,
1350 h4 > .elgg-icon,
1351 h5 > .elgg-icon,
1352 h6 > .elgg-icon {
1353  font-size: 1em;
1354 }
1355 
1356 .elgg-avatar > .elgg-icon-hover-menu {
1357  display: none;
1358  position: absolute;
1359  right: 0;
1360  bottom: 0;
1361  margin: 0;
1362  cursor: pointer;
1363 }
1364 .elgg-avatar > .elgg-icon-hover-menu:before {
1365  position: absolute;
1366  right: 2px;
1367 }
1368 
1369 .elgg-ajax-loader {
1370  background: white url(<?= elgg_get_simplecache_url("ajax_loader_bw.gif"); ?>) no-repeat center center;
1371  min-height: 33px;
1372  min-width: 33px;
1373 }
1374 
1375 /* ***************************************
1376  AVATAR ICONS
1377 *************************************** */
1378 .elgg-avatar {
1379  position: relative;
1380  display: inline-block;
1381 }
1382 .elgg-avatar > a > img {
1383  display: block;
1384 }
1385 .elgg-avatar-tiny > a > img {
1386  width: 25px;
1387  height: 25px;
1388 
1389  /* remove the border-radius if you don't want rounded avatars in supported browsers */
1390  border-radius: 3px;
1391 
1392  background-clip: border;
1393  background-size: 25px;
1394 }
1395 .elgg-avatar-small > a > img {
1396  width: 40px;
1397  height: 40px;
1398 
1399  /* remove the border-radius if you don't want rounded avatars in supported browsers */
1400  border-radius: 5px;
1401  background-clip: border;
1402  background-size: 40px;
1403 }
1404 .elgg-avatar-medium > a > img {
1405  width: 100px;
1406  height: 100px;
1407 }
1408 .elgg-avatar-large > a > img {
1409  width: 200px;
1410  height: 200px;
1411 }
1412 
1413 /* ***************************************
1414  PLUGINS
1415 **************************************** */
1416 
1417 .elgg-admin-plugins-categories li {
1418  padding-right: 5px;
1419 }
1420 .elgg-plugin {
1421  border: 1px solid #CCC;
1422  padding: 0 5px;
1423  border-radius: 5px;
1424 }
1425 .elgg-plugin:hover {
1426  border-color: #999;
1427 }
1428 .elgg-plugin .elgg-head {
1429  white-space: nowrap;
1430  overflow: hidden;
1431  max-width: 100%;
1432 }
1433 .elgg-plugin.elgg-state-draggable > .elgg-image-block .elgg-head {
1434  cursor: move;
1435 }
1436 .elgg-plugin > .elgg-image-block > .elgg-image {
1437  margin-right: 10px;
1438  min-width: 120px;
1439  text-align: center;
1440 }
1441 .elgg-plugin > .elgg-image-block > .elgg-image .elgg-button {
1442  display: block;
1443  margin: 0;
1444  padding: 0;
1445 }
1446 .elgg-plugin p {
1447  margin: 0;
1448 }
1449 .elgg-plugin h3 {
1450  color: black;
1451  padding-bottom: 10px;
1452 }
1453 
1454 .elgg-plugin-list-description {
1455  display: inline-block;
1456  color: #999;
1457 }
1458 
1459 .elgg-state-active .elgg-plugin-list-reordering {
1460  background: white;
1461 }
1462 
1463 .elgg-state-inactive .elgg-plugin-list-reordering {
1464  background: #EEE;
1465 }
1466 
1467 .elgg-plugin.elgg-state-active {
1468  background: white;
1469 }
1470 .elgg-plugin.elgg-state-inactive {
1471  background: #EEE;
1472 }
1473 
1474 .elgg-plugin.elgg-state-cannot-activate,
1475 .elgg-plugin.elgg-state-cannot-activate .elgg-plugin-list-reordering {
1476  background: #FBEDB5;
1477 }
1478 
1479 .elgg-plugin-list-reordering {
1480  float: right;
1481  display: none;
1482  position: relative;
1483 }
1484 .elgg-plugin:hover .elgg-plugin-list-reordering {
1485  display: block;
1486 }
1487 
1488 .elgg-plugin-list-reordering li {
1489  float:left;
1490  margin-left: 5px;
1491 }
1492 
1493 .elgg-plugin-settings {
1494  font-weight: normal;
1495  font-size: 0.9em;
1496 }
1497 .elgg-plugin-contributors {
1498  list-style-position: inside;
1499  list-style-type: circle;
1500 }
1501 .elgg-plugin-contributors li {
1502  font-style: italic;
1503 }
1504 .elgg-plugin-contributors dl,
1505 .elgg-plugin-contributors dd {
1506  display: inline;
1507  padding-right: 5px
1508 }
1509 .elgg-plugin-contributors dt {
1510  display: none;
1511 }
1512 .elgg-plugin-contributors dd:after {
1513  content: ', ';
1514 }
1515 .elgg-plugin-contributors dd.elgg-plugin-contributor-name:after {
1516  content: ' - ';
1517 }
1518 .elgg-plugin-contributors dd.elgg-plugin-contributor-description:after {
1519  content: '';
1520 }
1521 .elgg-plugin .elgg-state-error {
1522  background: #fbe3e4;
1523  color: #8a1f11;
1524  border-color: #fbc2c4;
1525  font-weight: bold;
1526 }
1527 .elgg-plugin .elgg-state-warning {
1528  background: #fbedb5;
1529  color: #000000;
1530  border-color: #fbe58b;
1531  font-weight: bold;
1532 }
1533 .elgg-plugin-more {
1534  background-color: #eee;
1535  border-radius: 8px;
1536  padding: 5px 10px;
1537  margin: 4px 0;
1538 }
1539 ul.elgg-plugin-categories, ul.elgg-plugin-categories > li,
1540 ul.elgg-plugin-resources, ul.elgg-plugin-resources > li {
1541  display: inline;
1542 }
1543 
1544 .elgg-plugin .elgg-menu-hz > li:after {
1545  content: ",";
1546  padding-right: 10px;
1547 }
1548 
1549 .elgg-module-plugin-details .elgg-plugin {
1550  border: none;
1551  margin: 0;
1552  padding: 0;
1553 }
1554 
1555 .elgg-module-plugin-details {
1556  width: 600px;
1557  min-height: 500px;
1558 }
1559 
1560 .elgg-module-plugin-details .elgg-tabs a {
1561  cursor: pointer;
1562 }
1563 
1564 .elgg-plugin-details-screenshots > ul {
1565  text-align: center;
1566 }
1567 
1568 .elgg-plugin-details-screenshots > div {
1569  text-align: center;
1570 }
1571 
1572 .elgg-plugin-details-screenshots > div > img {
1573  max-height: 380px;
1574  max-width: 480px;
1575 }
1576 
1577 .elgg-plugin-details-screenshots > div > img.elgg-state-selected {
1578  display: inline-block;
1579 }
1580 .elgg-plugin-details-screenshots > ul .elgg-plugin-screenshot {
1581  display: inline;
1582 }
1583 .elgg-plugin-details-screenshots > ul .elgg-plugin-screenshot img {
1584  height: 50px;
1585  border: 1px solid #ccc;
1586 }
1587 .elgg-plugin-details-screenshots > ul .elgg-plugin-screenshot.elgg-state-selected img {
1588  border: 1px solid #999;
1589 }
1590 
1591 /****************************************
1592  MARKDOWN
1593 ****************************************/
1594 .elgg-markdown {
1595  margin: 15px;
1596 }
1597 .elgg-markdown h1,
1598 .elgg-markdown h2,
1599 .elgg-markdown h3,
1600 .elgg-markdown h4,
1601 .elgg-markdown h5,
1602 .elgg-markdown h6 {
1603  margin: 1em 0 1em -15px;
1604  color: #333;
1605 }
1606 .elgg-markdown ol {
1607  list-style: decimal;
1608  padding-left: 2em;
1609 }
1610 .elgg-markdown ul {
1611  list-style: disc;
1612  padding-left: 2em;
1613 }
1614 .elgg-markdown p {
1615  margin: 15px 0;
1616 }
1617 .elgg-markdown img {
1618  max-width: 100%;
1619  height: auto;
1620  margin: 10px 0;
1621 }
1622 .elgg-markdown pre > code {
1623  border: none;
1624 }
1625 
1626 /* ***************************************
1627  MISC
1628 *************************************** */
1629 .elgg-content-thin {
1630  max-width: 600px;
1631 }
1632 
1633 .elgg-subtext {
1634  color: #666;
1635  font-size: 85%;
1636  line-height: 1.2em;
1637  font-style: italic;
1638  margin-bottom: 5px;
1639 }
1640 
1641 .elgg-subtext time {
1642  color: #666;
1643 }
1644 
1645 .elgg-text-help {
1646  display: block;
1647  font-size: 85%;
1648  font-style: italic;
1649 }
1650 
1651 .elgg-longtext-control {
1652  margin-left: 14px;
1653  font-size: 80%;
1654  cursor: pointer;
1655 }
1656 
1657 table.mceLayout {
1658  width:100% !important;
1659 }
1660 
1661 .elgg-output dt {
1662  font-weight: bold;
1663 }
1664 .elgg-output dd {
1665  margin: 0 0 1em 2em;
1666 }
1667 
1668 <?php echo elgg_view('elements/misc/spinner.css') ?>
1669 
1670 /* ***************************************
1671  HELPERS
1672 *************************************** */
1673 .hidden,
1674 .elgg-page .hidden {
1675  display: none;
1676 }
1677 .centered {
1678  margin: 0 auto;
1679 }
1680 .center {
1681  text-align: center;
1682 }
1683 .float {
1684  float: left;
1685 }
1686 .float-alt {
1687  float: right;
1688 }
1689 .elgg-toggle {
1690  cursor: pointer;
1691 }
1692 .elgg-discover .elgg-discoverable {
1693  display: none;
1694 }
1695 .elgg-discover:hover .elgg-discoverable {
1696  display: block;
1697 }
1698 .elgg-transition:hover,
1699 .elgg-transition:focus,
1700 :focus > .elgg-transition {
1701  opacity: .7;
1702 }
1703 
1704 /* ***************************************
1705  BORDERS AND SEPARATORS
1706 *************************************** */
1707 .elgg-border-plain {
1708  border: 1px solid #eeeeee;
1709 }
1710 .elgg-border-transition {
1711  border: 1px solid #eeeeee;
1712 }
1713 .elgg-divide-top {
1714  border-top: 1px solid #CCCCCC;
1715 }
1716 .elgg-divide-bottom {
1717  border-bottom: 1px solid #CCCCCC;
1718 }
1719 .elgg-divide-left {
1720  border-left: 1px solid #CCCCCC;
1721 }
1722 .elgg-divide-right {
1723  border-right: 1px solid #CCCCCC;
1724 }
1725 
1726 /* ***************************************
1727  SPACING (from OOCSS)
1728 *************************************** */
1729 .pan{padding:0}
1730 .pas{padding:5px}
1731 .pam{padding:10px}
1732 .pal{padding:20px}
1733 .ptn{padding-top:0}
1734 .pts{padding-top:5px}
1735 .ptm{padding-top:10px}
1736 .ptl{padding-top:20px}
1737 .prn{padding-right:0}
1738 .prs{padding-right:5px}
1739 .prm{padding-right:10px}
1740 .prl{padding-right:20px}
1741 .pbn{padding-bottom:0}
1742 .pbs{padding-bottom:5px}
1743 .pbm{padding-bottom:10px}
1744 .pbl{padding-bottom:20px}
1745 .pln{padding-left:0}
1746 .pls{padding-left:5px}
1747 .plm{padding-left:10px}
1748 .pll{padding-left:20px}
1749 .phn{padding-left:0;padding-right:0}
1750 .phs{padding-left:5px;padding-right:5px}
1751 .phm{padding-left:10px;padding-right:10px}
1752 .phl{padding-left:20px;padding-right:20px}
1753 .pvn{padding-top:0;padding-bottom:0}
1754 .pvs{padding-top:5px;padding-bottom:5px}
1755 .pvm{padding-top:10px;padding-bottom:10px}
1756 .pvl{padding-top:20px;padding-bottom:20px}
1757 .man{margin:0}
1758 .mas{margin:5px}
1759 .mam{margin:10px}
1760 .mal{margin:20px}
1761 .mtn{margin-top:0}
1762 .mts{margin-top:5px}
1763 .mtm{margin-top:10px}
1764 .mtl{margin-top:20px}
1765 .mrn{margin-right:0}
1766 .mrs{margin-right:5px}
1767 .mrm{margin-right:10px}
1768 .mrl{margin-right:20px}
1769 .mbn{margin-bottom:0}
1770 .mbs{margin-bottom:5px}
1771 .mbm{margin-bottom:10px}
1772 .mbl{margin-bottom:20px}
1773 .mln{margin-left:0}
1774 .mls{margin-left:5px}
1775 .mlm{margin-left:10px}
1776 .mll{margin-left:20px}
1777 .mhn{margin-left:0;margin-right:0}
1778 .mhs{margin-left:5px;margin-right:5px}
1779 .mhm{margin-left:10px;margin-right:10px}
1780 .mhl{margin-left:20px;margin-right:20px}
1781 .mvn{margin-top:0;margin-bottom:0}
1782 .mvs{margin-top:5px;margin-bottom:5px}
1783 .mvm{margin-top:10px;margin-bottom:10px}
1784 .mvl{margin-top:20px;margin-bottom:20px}
1785 
1786 /* ***************************************
1787  RESPONSIVE
1788 *************************************** */
1789 
1790 html {
1791  font-size: 100%;
1792  -webkit-text-size-adjust: 100%;
1793  -ms-text-size-adjust: 100%;
1794 }
1795 .elgg-admin-button-nav {
1796  display: none;
1797  float: right;
1798  margin: 6px 0 0 10px;
1799  cursor: pointer;
1800 }
1801 .elgg-admin-button-nav:hover .icon-bar {
1802  background-color: #999;
1803 }
1804 .elgg-admin-button-nav .icon-bar {
1805  background-color: #F5F5F5;
1806  border-radius: 1px 1px 1px 1px;
1807  display: block;
1808  height: 3px;
1809  width: 26px;
1810 }
1811 .elgg-admin-button-nav .icon-bar + .icon-bar {
1812  margin-top: 5px;
1813 }
1814 @media (max-width: 1030px) {
1815  .elgg-page > .elgg-inner {
1816  padding: 20px 20px 0;
1817  width: auto;
1818  min-width: 0;
1819  }
1820  .elgg-col-1of2 {
1821  width: 100%;
1822  min-height: 0 !important;
1823  }
1824 }
1825 @media (min-width: 769px) {
1826  #elgg-admin-nav-collapse {
1827  display: block !important;
1828  }
1829 }
1830 @media (max-width: 768px) {
1831  .elgg-admin-button-nav {
1832  display: block;
1833  }
1834  .elgg-heading-site {
1835  display: none;
1836  }
1837  #elgg-admin-nav-collapse {
1838  display: none;
1839  width: 100%;
1840  background-color: #111;
1841  }
1842  .elgg-sidebar {
1843  position: static;
1844  z-index: 100;
1845  left: 0;
1846  top: 0;
1847  width: auto;
1848  float: none;
1849  background-color: #111;
1850  margin: 0;
1851  }
1852  .elgg-module-main {
1853  border: none;
1854  padding: 0;
1855  }
1856  .elgg-module-main > .elgg-body {
1857  padding: 30px;
1858  }
1859  /* Sidebar menu */
1860  .elgg-admin-sidebar-menu a {
1861  padding: 8px 12px;
1862  color: #999;
1863  margin-bottom: 0;
1864  border-radius: 0;
1865  border-color: #111;
1866  border-style: solid;
1867  border-width: 0 0 0 4px;
1868  }
1869  .elgg-admin-sidebar-menu a:hover {
1870  border-color: #333;
1871  border-style: solid;
1872  border-width: 0 0 0 4px;
1873  background: #111;
1874  }
1875  .elgg-admin-sidebar-menu li.elgg-state-selected > a {
1876  color: #fff;
1877  border-color: #4787B8;
1878  border-style: solid;
1879  border-width: 0 0 0 4px;
1880  background: #111;
1881  }
1882  .elgg-admin-sidebar-menu li {
1883  border-color: #222;
1884  border-style: solid;
1885  border-width: 0 0 1px 0;
1886  }
1887 }
1888 @media (max-width: 480px) {
1889  .elgg-form-useradd input[type=text],
1890  .elgg-form-useradd input[type=password] {
1891  width: 100%;
1892  }
1893 }
$CONFIG site
The current site object.
Definition: config.php:79
ol
Definition: admin.css.php:44
a elgg widget collapse button
ui helper hidden accessible
Definition: forms.css.php:265
strong
Definition: admin.css.php:56
vertical align
Definition: admin.css.php:66
ins
Definition: admin.css.php:50
action($action, $forwarder="")
Perform an action.
Definition: actions.php:47
if(!$site) if(!($site instanceof ElggSite)) $site url
blockquote blockquote
Definition: admin.css.php:68
font size
blockquote q
Definition: admin.css.php:68
elgg module widget
border top
strike
Definition: admin.css.php:53
border color
Definition: admin.css.php:42
body
Definition: admin.css.php:36
z index
Definition: forms.css.php:239
elgg_get_simplecache_url($view, $subview= '')
Get the URL for the cached view.
Definition: cache.php:136
em
Definition: admin.css.php:47
elgg river more
font weight
Definition: admin.css.php:65
$site name
th
Definition: admin.css.php:63
html
Definition: admin.css.php:36
text decoration
const datepicker
Definition: elgg.js.php:90
elgg widgets add panel elgg state unavailable
caption
Definition: admin.css.php:63
ui autocomplete ui menu item
Definition: forms.css.php:250
ui autocomplete a
Definition: forms.css.php:258
ul
Definition: admin.css.php:44
elgg widget content
elgg river comments elgg media
if(!$site) if(!($site instanceof ElggSite)) $site description
$result error
elgg module widget elgg state draggable elgg widget handle
elgg river comments li
elgg module widget elgg head h3
elgg module widget elgg head
$result message
img
Definition: admin.css.php:40
td
Definition: admin.css.php:63
border spacing
Definition: admin.css.php:61
margin bottom
Definition: admin.css.php:38
ui autocomplete a ui state hover
Definition: forms.css.php:261
elgg_view($view, $vars=array(), $ignore1=false, $ignore2=false, $viewtype= '')
Return a parsed view.
Definition: views.php:342
table
Definition: admin.css.php:59
a elgg widget collapse a elgg widget collapsed
const elgg
Definition: elgg.js.php:92
border radius
b
Definition: admin.css.php:56
del
Definition: admin.css.php:53
elgg river item form
elgg river item input[type=text]
elgg widget placeholder
elgg page default elgg page header elgg inner
Definition: layout.css.php:23
elgg widget edit
$site email
ui autocomplete
Definition: forms.css.php:236
elgg widgets add panel elgg state available
i
Definition: admin.css.php:47