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