Verzeichnisstruktur phpBB-3.3.16
- Veröffentlicht
- 27.04.2026
So funktioniert es
|
|
Auf das letzte Element klicken. Dies geht jeweils ein Schritt zurück |
Auf das Icon klicken, dies öffnet das Verzeichnis. Nochmal klicken schließt das Verzeichnis. |
|
|
(Beispiel Datei-Icons)
|
Auf das Icon klicken um den Quellcode anzuzeigen |
content.css
001 /* Content Styles
002 ---------------------------------------- */
003
004 ul.topiclist {
005 display: block;
006 list-style-type: none;
007 margin: 0;
008 }
009
010 ul.topiclist li {
011 display: block;
012 list-style-type: none;
013 margin: 0;
014 }
015
016 ul.topiclist dl {
017 position: relative;
018 }
019
020 ul.topiclist li.row dl {
021 margin: 2px 0;
022 }
023
024 ul.topiclist dt, ul.topiclist dd {
025 display: block;
026 float: left;
027 }
028
029 ul.topiclist dt {
030 width: 100%;
031 margin-right: -440px;
032 font-size: 1.1em;
033 }
034
035 ul.topiclist.missing-column dt {
036 margin-right: -345px;
037 }
038
039 ul.topiclist.two-long-columns dt {
040 margin-right: -250px;
041 }
042
043 ul.topiclist.two-columns dt {
044 margin-right: -80px;
045 }
046
047 ul.topiclist dt .list-inner {
048 margin-right: 440px;
049 padding-left: 5px;
050 padding-right: 5px;
051 }
052
053 ul.topiclist.missing-column dt .list-inner {
054 margin-right: 345px;
055 }
056
057 ul.topiclist.two-long-columns dt .list-inner {
058 margin-right: 250px;
059 }
060
061 ul.topiclist.two-columns dt .list-inner {
062 margin-right: 80px;
063 }
064
065 ul.topiclist dd {
066 border-left: 1px solid transparent;
067 padding: 4px 0;
068 -webkit-box-sizing: border-box;
069 -moz-box-sizing: border-box;
070 box-sizing: border-box;
071 }
072
073 ul.topiclist li.row dd {
074 padding: 4px 0 999px 0;
075 margin-bottom: -995px;
076 }
077
078 ul.topiclist dfn {
079 /* Labels for post/view counts */
080 border: 0;
081 position: absolute;
082 overflow: hidden;
083 clip: rect(0, 0, 0, 0);
084 width: 1px;
085 height: 1px;
086 margin: -1px;
087 padding: 0;
088 }
089
090 .forum-image {
091 float: left;
092 padding-top: 5px;
093 margin-right: 5px;
094 }
095
096 .forum-image img {
097 max-width: 100%;
098 }
099
100 li.row {
101 border-top: 1px solid transparent;
102 border-bottom: 1px solid transparent;
103 }
104
105 li.row strong {
106 font-weight: normal;
107 }
108
109 li.header dt, li.header dd {
110 line-height: 1.6em;
111 border-left-width: 0;
112 margin: 2px 0 4px 0;
113 padding-top: 2px;
114 padding-bottom: 2px;
115 font-size: 1em;
116 font-family: Arial, Helvetica, sans-serif;
117 text-transform: uppercase;
118 }
119
120 li.header dt {
121 font-weight: bold;
122 width: 100%;
123 margin-right: -440px;
124 }
125
126 li.header dt .list-inner {
127 margin-right: 440px;
128 }
129
130 li.header dd {
131 padding-left: 1px;
132 -webkit-box-sizing: border-box;
133 -moz-box-sizing: border-box;
134 box-sizing: border-box;
135 }
136
137 li.header dl.row-item dt, li.header dl.row-item dd {
138 min-height: 0;
139 }
140
141 li.header dl.row-item dt .list-inner {
142 /* Tweak for headers alignment when folder icon used */
143 padding-left: 0;
144 padding-right: 50px;
145 }
146
147 /* Forum list column styles */
148 .row .list-inner { padding: 4px 0; }
149
150 dl.row-item {
151 background-position: 10px 50%; /* Position of folder icon */
152 background-repeat: no-repeat;
153 background-size: 32px;
154 }
155
156 dl.row-item dt {
157 background-repeat: no-repeat;
158 background-position: 5px 95%; /* Position of topic icon */
159 background-size: 17px;
160 }
161
162 dl.row-item dt .list-inner {
163 padding-left: 52px; /* Space for folder icon */
164 }
165
166 dl.row-item dt, dl.row-item dd {
167 min-height: 35px;
168 }
169
170 dl.row-item dt a {
171 display: inline;
172 }
173
174 dl a.row-item-link { /* topic row icon links */
175 display: block;
176 width: 30px;
177 height: 30px;
178 padding: 0;
179 position: absolute;
180 top: 50%;
181 left: 0;
182 margin-top: -15px;
183 margin-left: 9px;
184 }
185
186 dd.posts, dd.topics, dd.views, dd.extra, dd.mark {
187 width: 80px;
188 text-align: center;
189 line-height: 2.2em;
190 font-size: 1.2em;
191 }
192
193 dd.posts, dd.topics, dd.views {
194 width: 95px;
195 }
196
197 /* List in forum description */
198 dl.row-item dt ol,
199 dl.row-item dt ul {
200 list-style-position: inside;
201 margin-left: 1em;
202 }
203
204 dl.row-item dt li {
205 display: list-item;
206 list-style-type: inherit;
207 }
208
209 dd.lastpost, dd.redirect, dd.moderation, dd.time, dd.info {
210 width: 250px;
211 font-size: 1.1em;
212 }
213
214 dd.redirect {
215 line-height: 2.5em;
216 }
217
218 dd.time {
219 line-height: 200%;
220 }
221
222 dd.lastpost > span, ul.topiclist dd.info > span, ul.topiclist dd.time > span, dd.redirect > span, dd.moderation > span {
223 display: block;
224 padding-left: 5px;
225 }
226
227 dd.extra, dd.mark {
228 line-height: 200%;
229 }
230
231 dd.option {
232 width: 125px;
233 line-height: 200%;
234 text-align: center;
235 font-size: 1.1em;
236 }
237
238 /* Post body styles
239 ----------------------------------------*/
240 .postbody {
241 padding: 0;
242 line-height: 1.48em;
243 width: 76%;
244 float: left;
245 position: relative;
246 }
247
248 .postbody .ignore {
249 font-size: 1.1em;
250 }
251
252 .postbody h3.first {
253 /* The first post on the page uses this */
254 font-size: 1.7em;
255 }
256
257 .postbody h3 {
258 /* Postbody requires a different h3 format - so change it here */
259 float: left;
260 font-size: 1.5em;
261 padding: 2px 0 0 0;
262 margin-top: 0 !important;
263 margin-bottom: 0.3em !important;
264 text-transform: none;
265 border: none;
266 font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
267 line-height: 125%;
268 }
269
270 .postbody h3 img {
271 vertical-align: bottom;
272 }
273
274 .has-profile .postbody h3 {
275 /* If there is a post-profile, we position the post-buttons differently */
276 float: none !important;
277 margin-right: 180px;
278 }
279
280 .postbody .content {
281 font-size: 1.3em;
282 overflow-x: auto;
283 }
284
285 .postbody img.postimage {
286 max-width: 100%;
287 -webkit-box-sizing: border-box;
288 -moz-box-sizing: border-box;
289 box-sizing: border-box;
290 }
291
292 .search .postbody {
293 width: 68%;
294 }
295
296 /* Topic review panel
297 ----------------------------------------*/
298 .panel .review {
299 margin-top: 2em;
300 }
301
302 .topicreview {
303 padding-right: 5px;
304 overflow: auto;
305 height: 300px;
306 }
307
308 .topicreview .postbody {
309 width: auto;
310 float: none;
311 margin: 0;
312 height: auto;
313 }
314
315 .topicreview .post {
316 height: auto;
317 }
318
319 .topicreview h2 {
320 border-bottom-width: 0;
321 }
322
323 .post-ignore .postbody {
324 display: none;
325 }
326
327 /* MCP Post details
328 ----------------------------------------*/
329 .post_details {
330 /* This will only work in IE7+, plus the others */
331 overflow: auto;
332 max-height: 300px;
333 }
334
335 /* Content container styles
336 ----------------------------------------*/
337 .content {
338 clear: both;
339 min-height: 3em;
340 overflow: hidden;
341 line-height: 1.4em;
342 font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
343 font-size: 1em;
344 padding-bottom: 1px;
345 }
346
347 .content h2, .panel h2 {
348 font-weight: normal;
349 border-bottom: 1px solid transparent;
350 font-size: 1.6em;
351 margin-top: 0.5em;
352 margin-bottom: 0.5em;
353 padding-bottom: 0.5em;
354 }
355
356 .panel h3 {
357 margin: 0.5em 0;
358 }
359
360 .panel p {
361 font-size: 1.2em;
362 margin-bottom: 1em;
363 line-height: 1.4em;
364 }
365
366 .content p {
367 font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
368 font-size: 1.2em;
369 margin-bottom: 1em;
370 line-height: 1.4em;
371 }
372
373 .agreement {
374 font-size: 12px;
375 line-height: 17px;
376 margin-bottom: 10px;
377 }
378
379 .agreement-text {
380 line-height: 17px;
381 margin-bottom: 10px;
382 }
383
384 dl.faq {
385 font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
386 font-size: 1.1em;
387 margin-top: 1em;
388 margin-bottom: 2em;
389 line-height: 1.4em;
390 }
391
392 dl.faq dt {
393 font-weight: bold;
394 }
395
396 .content dl.faq {
397 font-size: 1.2em;
398 margin-bottom: 0.5em;
399 }
400
401 .content li {
402 list-style-type: inherit;
403 }
404
405 .content ul, .content ol {
406 margin: 0.8em 0 0.9em 3em;
407 }
408
409 .posthilit {
410 padding: 0 2px 1px 2px;
411 }
412
413 /* Post author */
414 p.author {
415 margin-bottom: 0.6em;
416 padding: 0 0 5px 0;
417 font-family: Verdana, Helvetica, Arial, sans-serif;
418 font-size: 1em;
419 line-height: 1.2em;
420 clear: both;
421 }
422
423 /* Post signature */
424 .signature {
425 margin-top: 1.5em;
426 padding-top: 0.2em;
427 font-size: 1.1em;
428 border-top: 1px solid transparent;
429 clear: left;
430 line-height: 140%;
431 overflow: hidden;
432 width: 100%;
433 }
434
435 .signature.standalone {
436 border-top-width: 0;
437 margin-top: 0;
438 }
439
440 dd .signature {
441 margin: 0;
442 padding: 0;
443 clear: none;
444 border: none;
445 }
446
447 .signature li {
448 list-style-type: inherit;
449 }
450
451 .signature ul, .signature ol {
452 margin: 0.8em 0 0.9em 3em;
453 }
454
455 /* Post noticies */
456 .notice {
457 font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
458 width: auto;
459 margin-top: 1.5em;
460 padding-top: 0.2em;
461 font-size: 1em;
462 border-top: 1px dashed transparent;
463 clear: left;
464 line-height: 130%;
465 }
466
467 /* Jump to post link for now */
468 ul.searchresults {
469 list-style: none;
470 text-align: right;
471 clear: both;
472 }
473
474 /* BB Code styles
475 ----------------------------------------*/
476 /* Quote block */
477 blockquote {
478 border: 1px solid transparent;
479 font-size: 0.95em;
480 margin: 1em 1px 1em 25px;
481 overflow: hidden;
482 padding: 5px;
483 }
484
485 blockquote blockquote {
486 /* Nested quotes */
487 font-size: 1em;
488 margin: 1em 1px 1em 15px;
489 }
490
491 blockquote cite {
492 /* Username/source of quoter */
493 font-style: normal;
494 font-weight: bold;
495 display: block;
496 font-size: 0.9em;
497 }
498
499 blockquote cite cite {
500 font-size: 1em;
501 }
502
503 blockquote cite:before, .uncited:before {
504 padding-right: 5px;
505 }
506
507 blockquote cite > span {
508 float: right;
509 font-weight: normal;
510 }
511
512 .postbody .content li blockquote {
513 overflow: inherit;
514 margin-left: 0;
515 }
516
517 /* Code block */
518 .codebox {
519 border: 1px solid transparent;
520 font-size: 1em;
521 margin: 1em 0 1.2em 0;
522 word-wrap: normal;
523 }
524
525 .codebox p {
526 text-transform: uppercase;
527 border-bottom: 1px solid transparent;
528 margin-bottom: 0;
529 padding: 3px;
530 font-size: 0.8em !important;
531 font-weight: bold;
532 display: block;
533 }
534
535 blockquote .codebox {
536 margin-left: 0;
537 }
538
539 .codebox code {
540 overflow: auto;
541 display: block;
542 height: auto;
543 max-height: 200px;
544 padding: 5px 3px;
545 font: 0.9em Monaco, "Andale Mono","Courier New", Courier, monospace;
546 line-height: 1.3em;
547 }
548
549 /* Attachments
550 ----------------------------------------*/
551 .attachbox {
552 font-size: 13px;
553 float: left;
554 width: auto;
555 max-width: 100%;
556 margin: 5px 5px 5px 0;
557 padding: 6px;
558 border: 1px dashed transparent;
559 clear: left;
560 -webkit-box-sizing: border-box;
561 -moz-box-sizing: border-box;
562 box-sizing: border-box;
563 }
564
565 .attachbox dt {
566 font-family: Arial, Helvetica, sans-serif;
567 text-transform: uppercase;
568 }
569
570 .attachbox dd {
571 margin-top: 4px;
572 padding-top: 4px;
573 clear: left;
574 border-top: 1px solid transparent;
575 overflow-x: auto;
576 overflow-y: hidden;
577 }
578
579 .attachbox dd dd {
580 border: none;
581 }
582
583 .attachbox p {
584 line-height: 110%;
585 font-weight: normal;
586 clear: left;
587 }
588
589 .attachbox p.stats {
590 line-height: 110%;
591 font-weight: normal;
592 clear: left;
593 }
594
595 .attach-image {
596 margin: 3px 0;
597 max-width: 100%;
598 }
599
600 .attach-image img {
601 border: 1px solid transparent;
602 cursor: default;
603 }
604
605 /* Inline image thumbnails */
606 div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
607 display: block;
608 margin-bottom: 4px;
609 }
610
611 div.inline-attachment p {
612 font-size: 100%;
613 }
614
615 dl.file {
616 font-family: Verdana, Arial, Helvetica, sans-serif;
617 display: block;
618 }
619
620 dl.file dt {
621 text-transform: none;
622 margin: 0;
623 padding: 0;
624 font-weight: bold;
625 font-family: Verdana, Arial, Helvetica, sans-serif;
626 }
627
628 dl.file dd {
629 margin: 0;
630 padding: 0;
631 }
632
633 dl.thumbnail img {
634 padding: 3px;
635 border: 1px solid transparent;
636 box-sizing: border-box;
637 }
638
639 dl.thumbnail dd {
640 font-style: italic;
641 font-family: Verdana, Arial, Helvetica, sans-serif;
642 }
643
644 .attachbox dl.thumbnail dd {
645 font-size: 100%;
646 }
647
648 dl.thumbnail dt a:hover img {
649 border: 1px solid transparent;
650 }
651
652 /* Post poll styles
653 ----------------------------------------*/
654 fieldset.polls {
655 font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
656 }
657
658 fieldset.polls dl {
659 margin-top: 5px;
660 border-top: 1px solid transparent;
661 padding: 5px 0 0 0;
662 line-height: 120%;
663 }
664
665 fieldset.polls dl.voted {
666 font-weight: bold;
667 }
668
669 fieldset.polls dt {
670 text-align: left;
671 float: left;
672 display: block;
673 width: 30%;
674 border-right: none;
675 padding: 0;
676 margin: 0;
677 font-size: 1.1em;
678 }
679
680 fieldset.polls dd {
681 float: left;
682 width: 10%;
683 border-left: none;
684 padding: 0 5px;
685 margin-left: 0;
686 font-size: 1.1em;
687 }
688
689 fieldset.polls dd.resultbar {
690 width: 50%;
691 }
692
693 fieldset.polls dd input {
694 margin: 2px 0;
695 }
696
697 fieldset.polls dd div {
698 text-align: right;
699 font-family: Arial, Helvetica, sans-serif;
700 font-weight: bold;
701 padding: 2px 2px 0 2px;
702 overflow: visible;
703 min-width: 8px;
704 }
705
706 .pollbar1, .pollbar2, .pollbar3, .pollbar4, .pollbar5 {
707 border-bottom: 1px solid transparent;
708 border-right: 1px solid transparent;
709 }
710
711 .vote-submitted {
712 font-size: 1.2em;
713 font-weight: bold;
714 text-align: center;
715 }
716
717 /* Poster profile block
718 ----------------------------------------*/
719 .postprofile {
720 margin: 5px 0 10px 0;
721 min-height: 80px;
722 border: 1px solid transparent;
723 border-width: 0 0 0 1px;
724 width: 22%;
725 float: right;
726 display: inline;
727 }
728
729 .postprofile dd, .postprofile dt {
730 line-height: 1.2em;
731 margin-left: 8px;
732 }
733
734 .postprofile dd {
735 overflow: hidden;
736 text-overflow: ellipsis;
737 }
738
739 .postprofile strong {
740 font-weight: normal;
741 }
742
743 .postprofile dt.no-profile-rank, .postprofile dd.profile-rank, .postprofile .search-result-date {
744 margin-bottom: 10px;
745 }
746
747 .profile-rank img {
748 max-width: 160px;
749 }
750
751 /* Post-profile avatars */
752 .postprofile .has-avatar .avatar-container {
753 margin-bottom: 3px;
754 overflow: hidden;
755 }
756
757 .postprofile .avatar {
758 display: block;
759 float: left;
760 max-width: 100%;
761 }
762
763 .postprofile .avatar img {
764 display: block;
765 height: auto !important;
766 max-width: 100%;
767 }
768
769 .postprofile .profile-posts a {
770 font-weight: normal;
771 }
772
773 dd.profile-warnings {
774 font-weight: bold;
775 }
776
777 dd.profile-contact {
778 overflow: visible;
779 }
780
781 .profile-contact .dropdown-container {
782 display: inline-block;
783 }
784
785 .profile-contact .icon_contact {
786 vertical-align: middle;
787 }
788
789 .profile-contact .dropdown {
790 margin-right: -14px;
791 }
792
793 .online {
794 background-image: none;
795 background-position: 100% 0;
796 background-repeat: no-repeat;
797 }
798
799 /* Poster profile used by search*/
800 .search .postprofile {
801 width: 30%;
802 }
803
804 /* Profile used on view-profile */
805 .profile-avatar img {
806 max-width: 100%;
807 }
808
809 /* pm list in compose message if mass pm is enabled */
810 dl.pmlist dt {
811 width: 60% !important;
812 }
813
814 dl.pmlist dt textarea {
815 width: 95%;
816 }
817
818 dl.pmlist dd {
819 margin-left: 61% !important;
820 margin-bottom: 2px;
821 }
822
823 .action-bar div.dl_links {
824 padding: 10px 0 0 10px;
825 }
826
827 div.dl_links {
828 display: inline-block;
829 text-transform: none;
830 }
831
832 .dl_links strong {
833 font-weight: bold;
834 }
835
836 .dl_links ul {
837 list-style-type: none;
838 margin: 0;
839 display: inline-block;
840 }
841
842 .dl_links li {
843 display: inline-block;
844 }
845
846 .attachment-filename {
847 width: 100%;
848 }
849
850 .ellipsis-text {
851 display: inline-block;
852 overflow: hidden;
853 text-overflow: ellipsis;
854 white-space: nowrap;
855 }
856
857 table.fixed-width-table {
858 table-layout: fixed;
859 }
860
861 /* Show scrollbars for items with overflow on iOS devices
862 ----------------------------------------*/
863 .postbody .content::-webkit-scrollbar, .topicreview::-webkit-scrollbar, .post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
864 width: 8px;
865 height: 8px;
866 -webkit-appearance: none;
867 background: rgba(0, 0, 0, .1);
868 border-radius: 3px;
869 }
870
871 .postbody .content::-webkit-scrollbar-thumb, .topicreview::-webkit-scrollbar-thumb, .post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
872 background: rgba(0, 0, 0, .3);
873 border-radius: 3px;
874 }
875
876 #memberlist tr.inactive, #team tr.inactive {
877 font-style: italic;
878 }
879
880 /* Memberlist
881 ----------------------------------------*/
882 .group-description {
883 font-size: 1.3em;
884 }
885
886 .group-description ol, .group-description ul {
887 list-style-position: inside;
888 }
889