Verzeichnisstruktur phpBB-3.1.0
- Veröffentlicht
- 27.10.2014
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.forums {
011 background: transparent none repeat-x 0 0;
012 }
013
014 ul.topiclist li {
015 display: block;
016 list-style-type: none;
017 margin: 0;
018 }
019
020 ul.topiclist dl {
021 position: relative;
022 }
023
024 ul.topiclist li.row dl {
025 padding: 2px 0;
026 }
027
028 ul.topiclist dt, ul.topiclist dd {
029 display: block;
030 float: left;
031 }
032
033 ul.topiclist dt {
034 width: 100%;
035 margin-right: -440px;
036 font-size: 1.1em;
037 }
038
039 ul.topiclist.missing-column dt {
040 margin-right: -345px;
041 }
042
043 ul.topiclist.two-long-columns dt {
044 margin-right: -250px;
045 }
046
047 ul.topiclist.two-columns dt {
048 margin-right: -80px;
049 }
050
051 ul.topiclist dt .list-inner {
052 margin-right: 440px;
053 padding-left: 5px;
054 padding-right: 5px;
055 }
056
057 ul.topiclist.missing-column dt .list-inner {
058 margin-right: 345px;
059 }
060
061 ul.topiclist.two-long-columns dt .list-inner {
062 margin-right: 250px;
063 }
064
065 ul.topiclist.two-columns dt .list-inner {
066 margin-right: 80px;
067 }
068
069 ul.topiclist dd {
070 border-left: 1px solid transparent;
071 padding: 4px 0;
072 -webkit-box-sizing: border-box;
073 -moz-box-sizing: border-box;
074 box-sizing: border-box;
075 }
076
077 ul.topiclist dfn {
078 /* Labels for post/view counts */
079 position: absolute;
080 left: -999px;
081 width: 990px;
082 }
083
084 ul.topiclist li.row dt a.subforum {
085 background-image: none;
086 background-position: 0 50%;
087 background-repeat: no-repeat;
088 position: relative;
089 white-space: nowrap;
090 padding: 0 0 0 12px;
091 }
092
093 .forum-image {
094 float: left;
095 padding-top: 5px;
096 margin-right: 5px;
097 }
098
099 li.row {
100 border-top: 1px solid transparent;
101 border-bottom: 1px solid transparent;
102 }
103
104 li.row strong {
105 font-weight: normal;
106 }
107
108 li.header dt, li.header dd {
109 line-height: 1em;
110 border-left-width: 0;
111 margin: 2px 0 4px 0;
112 padding-top: 2px;
113 padding-bottom: 2px;
114 font-size: 1em;
115 font-family: Arial, Helvetica, sans-serif;
116 text-transform: uppercase;
117 }
118
119 li.header dt {
120 font-weight: bold;
121 width: 100%;
122 margin-right: -440px;
123 }
124
125 li.header dt .list-inner {
126 margin-right: 440px;
127 }
128
129 li.header dd {
130 padding-left: 1px;
131 -webkit-box-sizing: border-box;
132 -moz-box-sizing: border-box;
133 box-sizing: border-box;
134 }
135
136 li.header dl.icon dt, li.header dl.icon dd {
137 min-height: 0;
138 }
139
140 li.header dl.icon dt .list-inner {
141 /* Tweak for headers alignment when folder icon used */
142 padding-left: 0;
143 padding-right: 50px;
144 }
145
146 /* Forum list column styles */
147 dl.icon {
148 background-position: 10px 50%; /* Position of folder icon */
149 background-repeat: no-repeat;
150 }
151
152 dl.icon dt {
153 background-repeat: no-repeat;
154 background-position: 5px 95%; /* Position of topic icon */
155 }
156
157 dl.icon dt .list-inner {
158 padding-left: 45px; /* Space for folder icon */
159 }
160
161 dl.icon dt, dl.icon dd {
162 min-height: 35px;
163 }
164
165 dl a.icon-link { /* topic row icon links */
166 display: block;
167 width: 30px;
168 height: 30px;
169 padding: 0;
170 position: absolute;
171 top: 50%;
172 left: 0;
173 margin-top: -15px;
174 margin-left: 9px;
175 }
176
177 dd.posts, dd.topics, dd.views, dd.extra, dd.mark {
178 width: 80px;
179 text-align: center;
180 line-height: 2.2em;
181 font-size: 1.2em;
182 }
183
184 dd.posts, dd.topics, dd.views {
185 width: 95px;
186 }
187
188 /* List in forum description */
189 dl.icon dt ol,
190 dl.icon dt ul {
191 list-style-position: inside;
192 margin-left: 1em;
193 }
194
195 dl.icon dt li {
196 display: list-item;
197 list-style-type: inherit;
198 }
199
200 dd.lastpost, dd.redirect, dd.moderation, dd.time, dd.info {
201 width: 250px;
202 font-size: 1.1em;
203 }
204
205 dd.redirect {
206 line-height: 2.5em;
207 }
208
209 dd.time {
210 line-height: 200%;
211 }
212
213 dd.lastpost > span, ul.topiclist dd.info > span, ul.topiclist dd.time > span, dd.redirect > span, dd.moderation > span {
214 display: block;
215 padding-left: 5px;
216 }
217
218 dd.extra, dd.mark {
219 line-height: 200%;
220 }
221
222 dd.option {
223 width: 125px;
224 line-height: 200%;
225 text-align: center;
226 font-size: 1.1em;
227 }
228
229 /* Post body styles
230 ----------------------------------------*/
231 .postbody {
232 padding: 0;
233 line-height: 1.48em;
234 width: 76%;
235 float: left;
236 position: relative;
237 }
238
239 .postbody .ignore {
240 font-size: 1.1em;
241 }
242
243 .postbody h3.first {
244 /* The first post on the page uses this */
245 font-size: 1.7em;
246 }
247
248 .postbody h3 {
249 /* Postbody requires a different h3 format - so change it here */
250 float: left;
251 font-size: 1.5em;
252 padding: 2px 0 0 0;
253 margin-top: 0 !important;
254 margin-bottom: 0.3em !important;
255 text-transform: none;
256 border: none;
257 font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
258 line-height: 125%;
259 }
260
261 .postbody h3 img {
262 /* Also see tweaks.css */
263 vertical-align: bottom;
264 }
265
266 .has-profile .postbody h3 {
267 /* If there is a post-profile, we position the post-buttons differently */
268 float: none !important;
269 margin-right: 180px;
270 }
271
272 .postbody .content {
273 font-size: 1.3em;
274 overflow-x: auto;
275 }
276
277 .postbody img.postimage {
278 max-width: 100%;
279 }
280
281 .search .postbody {
282 width: 68%
283 }
284
285 /* Topic review panel
286 ----------------------------------------*/
287 #review {
288 margin-top: 2em;
289 }
290
291 #topicreview {
292 padding-right: 5px;
293 overflow: auto;
294 height: 300px;
295 }
296
297 #topicreview .postbody {
298 width: auto;
299 float: none;
300 margin: 0;
301 height: auto;
302 }
303
304 #topicreview .post {
305 height: auto;
306 }
307
308 #topicreview h2 {
309 border-bottom-width: 0;
310 }
311
312 .post-ignore .postbody {
313 display: none;
314 }
315
316 /* MCP Post details
317 ----------------------------------------*/
318 #post_details {
319 /* This will only work in IE7+, plus the others */
320 overflow: auto;
321 max-height: 300px;
322 }
323
324 /* Content container styles
325 ----------------------------------------*/
326 .content {
327 clear: both;
328 min-height: 3em;
329 overflow: hidden;
330 line-height: 1.4em;
331 font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
332 font-size: 1em;
333 padding-bottom: 1px;
334 }
335
336 .content h2, .panel h2 {
337 font-weight: normal;
338 border-bottom: 1px solid transparent;
339 font-size: 1.6em;
340 margin-top: 0.5em;
341 margin-bottom: 0.5em;
342 padding-bottom: 0.5em;
343 }
344
345 .panel h3 {
346 margin: 0.5em 0;
347 }
348
349 .panel p {
350 font-size: 1.2em;
351 margin-bottom: 1em;
352 line-height: 1.4em;
353 }
354
355 .content p {
356 font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
357 font-size: 1.2em;
358 margin-bottom: 1em;
359 line-height: 1.4em;
360 }
361
362 dl.faq {
363 font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
364 font-size: 1.1em;
365 margin-top: 1em;
366 margin-bottom: 2em;
367 line-height: 1.4em;
368 }
369
370 dl.faq dt {
371 font-weight: bold;
372 }
373
374 .content dl.faq {
375 font-size: 1.2em;
376 margin-bottom: 0.5em;
377 }
378
379 .content li {
380 list-style-type: inherit;
381 }
382
383 .content ul, .content ol {
384 margin-bottom: 1em;
385 margin-left: 3em;
386 }
387
388 .posthilit {
389 padding: 0 2px 1px 2px;
390 }
391
392 /* Post author */
393 p.author {
394 margin-bottom: 0.6em;
395 padding: 0 0 5px 0;
396 font-family: Verdana, Helvetica, Arial, sans-serif;
397 font-size: 1em;
398 line-height: 1.2em;
399 clear: both;
400 }
401
402 /* Post signature */
403 .signature {
404 margin-top: 1.5em;
405 padding-top: 0.2em;
406 font-size: 1.1em;
407 border-top: 1px solid transparent;
408 clear: left;
409 line-height: 140%;
410 overflow: hidden;
411 width: 100%;
412 }
413
414 .signature.standalone {
415 border-top-width: 0;
416 margin-top: 0;
417 }
418
419 dd .signature {
420 margin: 0;
421 padding: 0;
422 clear: none;
423 border: none;
424 }
425
426 .signature li {
427 list-style-type: inherit;
428 }
429
430 .signature ul, .signature ol {
431 margin-bottom: 1em;
432 margin-left: 3em;
433 }
434
435 /* Post noticies */
436 .notice {
437 font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
438 width: auto;
439 margin-top: 1.5em;
440 padding-top: 0.2em;
441 font-size: 1em;
442 border-top: 1px dashed transparent;
443 clear: left;
444 line-height: 130%;
445 }
446
447 /* Jump to post link for now */
448 ul.searchresults {
449 list-style: none;
450 text-align: right;
451 clear: both;
452 }
453
454 /* BB Code styles
455 ----------------------------------------*/
456 /* Quote block */
457 blockquote {
458 background: transparent none 6px 8px no-repeat;
459 border: 1px solid transparent;
460 font-size: 0.95em;
461 margin: 0.5em 1px 0 25px;
462 overflow: hidden;
463 padding: 5px;
464 }
465
466 blockquote blockquote {
467 /* Nested quotes */
468 font-size: 1em;
469 margin: 0.5em 1px 0 15px;
470 }
471
472 blockquote cite {
473 /* Username/source of quoter */
474 font-style: normal;
475 font-weight: bold;
476 margin-left: 20px;
477 display: block;
478 font-size: 0.9em;
479 }
480
481 blockquote cite cite {
482 font-size: 1em;
483 }
484
485 blockquote.uncited {
486 padding-top: 25px;
487 }
488
489 /* Code block */
490 .codebox {
491 padding: 3px;
492 border: 1px solid transparent;
493 font-size: 1em;
494 }
495
496 .codebox p {
497 text-transform: uppercase;
498 border-bottom: 1px solid transparent;
499 margin-bottom: 3px;
500 font-size: 0.8em;
501 font-weight: bold;
502 display: block;
503 }
504
505 blockquote .codebox {
506 margin-left: 0;
507 }
508
509 .codebox code {
510 /* Also see tweaks.css */
511 overflow: auto;
512 display: block;
513 height: auto;
514 max-height: 200px;
515 white-space: normal;
516 padding-top: 5px;
517 font: 0.9em Monaco, "Andale Mono","Courier New", Courier, mono;
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: 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 /* Also see tweaks.css */
694 margin: 5px 0 10px 0;
695 min-height: 80px;
696 border: 1px solid transparent;
697 border-width: 0 0 0 1px;
698 width: 22%;
699 float: right;
700 display: inline;
701 }
702
703 .postprofile dd, .postprofile dt {
704 line-height: 1.2em;
705 margin-left: 8px;
706 }
707
708 .postprofile dd {
709 overflow: hidden;
710 text-overflow: ellipsis;
711 }
712
713 .postprofile strong {
714 font-weight: normal;
715 }
716
717 .postprofile dt.no-profile-rank, .postprofile dd.profile-rank, .postprofile .search-result-date {
718 margin-bottom: 10px;
719 }
720
721 /* Post-profile avatars */
722 .postprofile .has-avatar .avatar-container {
723 margin-bottom: 3px;
724 overflow: hidden;
725 }
726
727 .postprofile .avatar {
728 display: block;
729 float: left;
730 max-width: 100%;
731 }
732
733 .postprofile .avatar img {
734 display: block;
735 height: auto !important;
736 max-width: 100%;
737 }
738
739 .postprofile .profile-posts a {
740 font-weight: normal;
741 }
742
743 dd.profile-warnings {
744 font-weight: bold;
745 }
746
747 dd.profile-contact {
748 overflow: visible;
749 }
750
751 .profile-contact .dropdown-container {
752 display: inline-block;
753 }
754
755 .profile-contact .icon_contact {
756 vertical-align: middle;
757 }
758
759 .profile-contact .dropdown {
760 margin-right: -14px;
761 }
762
763 .online {
764 background-image: none;
765 background-position: 100% 0;
766 background-repeat: no-repeat;
767 }
768
769 /* Poster profile used by search*/
770 .search .postprofile {
771 width: 30%;
772 }
773
774 /* Profile used on view-profile */
775 .profile-avatar img {
776 max-width: 100%;
777 }
778
779 /* pm list in compose message if mass pm is enabled */
780 dl.pmlist dt {
781 width: 60% !important;
782 }
783
784 dl.pmlist dt textarea {
785 width: 95%;
786 }
787
788 dl.pmlist dd {
789 margin-left: 61% !important;
790 margin-bottom: 2px;
791 }
792
793 .action-bar div.dl_links {
794 padding: 10px 0 0 10px;
795 }
796
797 div.dl_links {
798 display: inline-block;
799 text-transform: none;
800 }
801
802 .dl_links strong {
803 font-weight: bold;
804 }
805
806 .dl_links ul {
807 list-style-type: none;
808 margin: 0;
809 display: inline-block;
810 }
811
812 .dl_links li {
813 display: inline-block;
814 }
815
816 .attachment-filename {
817 width: 100%;
818 }
819
820 .ellipsis-text {
821 display: inline-block;
822 overflow: hidden;
823 text-overflow: ellipsis;
824 white-space: nowrap;
825 }
826
827 table.fixed-width-table {
828 table-layout: fixed;
829 }
830
831 /* Show scrollbars for items with overflow on iOS devices
832 ----------------------------------------*/
833 .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 {
834 width: 8px;
835 height: 8px;
836 -webkit-appearance: none;
837 background: rgba(0, 0, 0, .1);
838 border-radius: 3px;
839 }
840
841 .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 {
842 background: rgba(0, 0, 0, .3);
843 border-radius: 3px;
844 }
845