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