Verzeichnisstruktur phpBB-3.0.0
- Veröffentlicht
- 12.12.2007
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 /* proSilver 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: #f9f9f9 none repeat-x 0 0;
012 }
013
014 ul.topiclist li {
015 display: block;
016 list-style-type: none;
017 color: #777777;
018 margin: 0;
019 }
020
021 ul.topiclist dl {
022 position: relative;
023 }
024
025 ul.topiclist li.row dl {
026 padding: 2px 0;
027 }
028
029 ul.topiclist dt {
030 display: block;
031 float: left;
032 width: 50%;
033 font-size: 1.1em;
034 padding-left: 5px;
035 padding-right: 5px;
036 }
037
038 ul.topiclist dd {
039 display: block;
040 float: left;
041 border-left: 1px solid #FFFFFF;
042 padding: 4px 0;
043 }
044
045 ul.topiclist dfn {
046 /* Labels for post/view counts */
047 display: none;
048 }
049
050 ul.topiclist li.row dt a.subforum {
051 background-image: none;
052 background-position: 0 50%;
053 background-repeat: no-repeat;
054 position: relative;
055 white-space: nowrap;
056 padding: 0 0 0 12px;
057 }
058
059 .forum-image {
060 float: left;
061 padding-top: 5px;
062 margin-right: 5px;
063 }
064
065 li.row {
066 border-top: 1px solid #FFFFFF;
067 border-bottom: 1px solid #8f8f8f;
068 }
069
070 li.row strong {
071 font-weight: normal;
072 color: #000000;
073 }
074
075 li.row:hover {
076 background-color: #f6f6f6;
077 }
078
079 li.row:hover dd {
080 border-left-color: #CCCCCC;
081 }
082
083 li.header dt, li.header dd {
084 line-height: 1em;
085 border-left-width: 0;
086 margin: 2px 0 4px 0;
087 color: #FFFFFF;
088 padding-top: 2px;
089 padding-bottom: 2px;
090 font-size: 1em;
091 font-family: Arial, Helvetica, sans-serif;
092 text-transform: uppercase;
093 }
094
095 li.header dt {
096 font-weight: bold;
097 }
098
099 li.header dd {
100 margin-left: 1px;
101 }
102
103 li.header dl.icon {
104 min-height: 0;
105 }
106
107 li.header dl.icon dt {
108 /* Tweak for headers alignment when folder icon used */
109 padding-left: 0;
110 padding-right: 50px;
111 }
112
113 /* Forum list column styles */
114 dl.icon {
115 min-height: 35px;
116 background-position: 10px 50%; /* Position of folder icon */
117 background-repeat: no-repeat;
118 }
119
120 dl.icon dt {
121 padding-left: 45px; /* Space for folder icon */
122 background-repeat: no-repeat;
123 background-position: 5px 95%; /* Position of topic icon */
124 }
125
126 dd.posts, dd.topics, dd.views {
127 width: 8%;
128 text-align: center;
129 line-height: 2.2em;
130 font-size: 1.2em;
131 }
132
133 dd.lastpost {
134 width: 25%;
135 font-size: 1.1em;
136 }
137
138 dd.redirect {
139 font-size: 1.1em;
140 line-height: 2.5em;
141 }
142
143 dd.moderation {
144 font-size: 1.1em;
145 }
146
147 dd.lastpost span, ul.topiclist dd.searchby span, ul.topiclist dd.info span, ul.topiclist dd.time span, dd.redirect span, dd.moderation span {
148 display: block;
149 padding-left: 5px;
150 }
151
152 dd.time {
153 width: auto;
154 line-height: 200%;
155 font-size: 1.1em;
156 }
157
158 dd.extra {
159 width: 12%;
160 line-height: 200%;
161 text-align: center;
162 font-size: 1.1em;
163 }
164
165 dd.mark {
166 float: right !important;
167 width: 9%;
168 text-align: center;
169 line-height: 200%;
170 font-size: 1.2em;
171 }
172
173 dd.info {
174 width: 30%;
175 }
176
177 dd.option {
178 width: 15%;
179 line-height: 200%;
180 text-align: center;
181 font-size: 1.1em;
182 }
183
184 dd.searchby {
185 width: 47%;
186 font-size: 1.1em;
187 line-height: 1em;
188 }
189
190 ul.topiclist dd.searchextra {
191 margin-left: 5px;
192 padding: 0.2em 0;
193 font-size: 1.1em;
194 color: #333333;
195 border-left: none;
196 clear: both;
197 width: 98%;
198 overflow: hidden;
199 }
200
201 /* Container for post/reply buttons and pagination */
202 .topic-actions {
203 margin-bottom: 3px;
204 font-size: 1.1em;
205 height: 28px;
206 min-height: 28px;
207 }
208 div[class].topic-actions {
209 height: auto;
210 }
211
212 /* Post body styles
213 ----------------------------------------*/
214 .postbody {
215 padding: 0;
216 line-height: 1.48em;
217 color: #333333;
218 width: 76%;
219 float: left;
220 clear: both;
221 }
222
223 .postbody .ignore {
224 font-size: 1.1em;
225 }
226
227 .postbody h3.first {
228 /* The first post on the page uses this */
229 font-size: 1.7em;
230 }
231
232 .postbody h3 {
233 /* Postbody requires a different h3 format - so change it here */
234 font-size: 1.5em;
235 padding: 2px 0 0 0;
236 margin: 0 0 0.3em 0 !important;
237 text-transform: none;
238 border: none;
239 font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
240 line-height: 125%;
241 }
242
243 .postbody h3 img {
244 /* Also see tweaks.css */
245 vertical-align: bottom;
246 }
247
248 .postbody .content {
249 font-size: 1.3em;
250 }
251
252 .search .postbody {
253 width: 68%
254 }
255
256 /* Topic review panel
257 ----------------------------------------*/
258 #review {
259 margin-top: 2em;
260 }
261
262 #topicreview {
263 padding-right: 5px;
264 overflow: auto;
265 height: 300px;
266 }
267
268 #topicreview .postbody {
269 width: auto;
270 float: none;
271 margin: 0;
272 height: auto;
273 }
274
275 #topicreview .post {
276 height: auto;
277 }
278
279 #topicreview h2 {
280 border-bottom-width: 0;
281 }
282
283 /* Content container styles
284 ----------------------------------------*/
285 .content {
286 min-height: 3em;
287 overflow: hidden;
288 line-height: 1.4em;
289 font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
290 font-size: 1em;
291 color: #333333;
292 }
293
294 .content h2, .panel h2 {
295 font-weight: normal;
296 color: #989898;
297 border-bottom: 1px solid #CCCCCC;
298 font-size: 1.6em;
299 margin-top: 0.5em;
300 margin-bottom: 0.5em;
301 padding-bottom: 0.5em;
302 }
303
304 .panel h3 {
305 margin: 0.5em 0;
306 }
307
308 .panel p {
309 font-size: 1.2em;
310 margin-bottom: 1em;
311 line-height: 1.4em;
312 }
313
314 .content p {
315 font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
316 font-size: 1.2em;
317 margin-bottom: 1em;
318 line-height: 1.4em;
319 }
320
321 dl.faq {
322 font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
323 font-size: 1.1em;
324 margin-top: 1em;
325 margin-bottom: 2em;
326 line-height: 1.4em;
327 }
328
329 dl.faq dt {
330 font-weight: bold;
331 color: #333333;
332 }
333
334 .content dl.faq {
335 font-size: 1.2em;
336 margin-bottom: 0.5em;
337 }
338
339 .content li {
340 list-style-type: inherit;
341 }
342
343 .content ul, .content ol {
344 margin-bottom: 1em;
345 margin-left: 3em;
346 }
347
348 .posthilit {
349 background-color: #f3f3f3;
350 color: #BCBCBC;
351 padding: 0 2px 1px 2px;
352 }
353
354 .announce, .unreadpost {
355 /* Highlight the announcements & unread posts box */
356 border-left-color: #BCBCBC;
357 border-right-color: #BCBCBC;
358 }
359
360 /* Post author */
361 p.author {
362 margin: 0 15em 0.6em 0;
363 padding: 0 0 5px 0;
364 font-family: Verdana, Helvetica, Arial, sans-serif;
365 font-size: 1em;
366 line-height: 1.2em;
367 }
368
369 /* Post signature */
370 .signature {
371 margin-top: 1.5em;
372 padding-top: 0.2em;
373 font-size: 1.1em;
374 border-top: 1px solid #CCCCCC;
375 clear: left;
376 line-height: 140%;
377 overflow: hidden;
378 width: 100%;
379 }
380
381 dd .signature {
382 margin: 0;
383 padding: 0;
384 clear: none;
385 border: none;
386 }
387
388 /* Post noticies */
389 .notice {
390 font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
391 width: auto;
392 margin-top: 1.5em;
393 padding-top: 0.2em;
394 font-size: 1em;
395 border-top: 1px dashed #CCCCCC;
396 clear: left;
397 line-height: 130%;
398 }
399
400 /* Jump to post link for now */
401 ul.searchresults {
402 list-style: none;
403 text-align: right;
404 clear: both;
405 }
406
407 /* BB Code styles
408 ----------------------------------------*/
409 /* Quote block */
410 blockquote {
411 background: #ebebeb none 6px 8px no-repeat;
412 border: 1px solid #dbdbdb;
413 font-size: 0.95em;
414 margin: 0.5em 1px 0 25px;
415 overflow: hidden;
416 padding: 5px;
417 }
418
419 blockquote blockquote {
420 /* Nested quotes */
421 background-color: #bababa;
422 font-size: 1em;
423 margin: 0.5em 1px 0 15px;
424 }
425
426 blockquote blockquote blockquote {
427 /* Nested quotes */
428 background-color: #e4e4e4;
429 }
430
431 blockquote cite {
432 /* Username/source of quoter */
433 font-style: normal;
434 font-weight: bold;
435 margin-left: 20px;
436 display: block;
437 font-size: 0.9em;
438 }
439
440 blockquote cite cite {
441 font-size: 1em;
442 }
443
444 blockquote.uncited {
445 padding-top: 25px;
446 }
447
448 /* Code block */
449 dl.codebox {
450 padding: 3px;
451 background-color: #FFFFFF;
452 border: 1px solid #d8d8d8;
453 font-size: 1em;
454 }
455
456 dl.codebox dt {
457 text-transform: uppercase;
458 border-bottom: 1px solid #CCCCCC;
459 margin-bottom: 3px;
460 font-size: 0.8em;
461 font-weight: bold;
462 display: block;
463 }
464
465 blockquote dl.codebox {
466 margin-left: 0;
467 }
468
469 dl.codebox code {
470 /* Also see tweaks.css */
471 overflow: auto;
472 display: block;
473 height: auto;
474 max-height: 200px;
475 white-space: normal;
476 padding-top: 5px;
477 font: 0.9em Monaco, "Andale Mono","Courier New", Courier, mono;
478 line-height: 1.3em;
479 color: #8b8b8b;
480 margin: 2px 0;
481 }
482
483 .syntaxbg { color: #FFFFFF; }
484 .syntaxcomment { color: #000000; }
485 .syntaxdefault { color: #bcbcbc; }
486 .syntaxhtml { color: #000000; }
487 .syntaxkeyword { color: #585858; }
488 .syntaxstring { color: #a7a7a7; }
489
490 /* Attachments
491 ----------------------------------------*/
492 .attachbox {
493 float: left;
494 width: auto;
495 margin: 5px 5px 5px 0;
496 padding: 6px;
497 background-color: #FFFFFF;
498 border: 1px dashed #d8d8d8;
499 clear: left;
500 }
501
502 .pm-message .attachbox {
503 background-color: #f3f3f3;
504 }
505
506 .attachbox dt {
507 font-family: Arial, Helvetica, sans-serif;
508 text-transform: uppercase;
509 }
510
511 .attachbox dd {
512 margin-top: 4px;
513 padding-top: 4px;
514 clear: left;
515 border-top: 1px solid #d8d8d8;
516 }
517
518 .attachbox dd dd {
519 border: none;
520 }
521
522 .attachbox p {
523 line-height: 110%;
524 color: #666666;
525 font-weight: normal;
526 clear: left;
527 }
528
529 .attachbox p.stats
530 {
531 line-height: 110%;
532 color: #666666;
533 font-weight: normal;
534 clear: left;
535 }
536
537 .attach-image {
538 margin: 3px 0;
539 width: 100%;
540 max-height: 350px;
541 overflow: auto;
542 }
543
544 .attach-image img {
545 border: 1px solid #999999;
546 /* cursor: move; */
547 cursor: default;
548 }
549
550 /* Inline image thumbnails */
551 div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
552 display: block;
553 margin-bottom: 4px;
554 }
555
556 div.inline-attachment p {
557 font-size: 100%;
558 }
559
560 dl.file {
561 font-family: Verdana, Arial, Helvetica, sans-serif;
562 display: block;
563 }
564
565 dl.file dt {
566 text-transform: none;
567 margin: 0;
568 padding: 0;
569 font-weight: bold;
570 font-family: Verdana, Arial, Helvetica, sans-serif;
571 }
572
573 dl.file dd {
574 color: #666666;
575 margin: 0;
576 padding: 0;
577 }
578
579 dl.thumbnail img {
580 padding: 3px;
581 border: 1px solid #666666;
582 background-color: #FFF;
583 }
584
585 dl.thumbnail dd {
586 color: #666666;
587 font-style: italic;
588 font-family: Verdana, Arial, Helvetica, sans-serif;
589 }
590
591 .attachbox dl.thumbnail dd {
592 font-size: 100%;
593 }
594
595 dl.thumbnail dt a:hover {
596 background-color: #EEEEEE;
597 }
598
599 dl.thumbnail dt a:hover img {
600 border: 1px solid #d2d2d2;
601 }
602
603 /* Post poll styles
604 ----------------------------------------*/
605 fieldset.polls {
606 font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
607 }
608
609 fieldset.polls dl {
610 margin-top: 5px;
611 border-top: 1px solid #e2e2e2;
612 padding: 5px 0 0 0;
613 line-height: 120%;
614 color: #666666;
615 }
616
617 fieldset.polls dl.voted {
618 font-weight: bold;
619 color: #000000;
620 }
621
622 fieldset.polls dt {
623 text-align: left;
624 float: left;
625 display: block;
626 width: 30%;
627 border-right: none;
628 padding: 0;
629 margin: 0;
630 font-size: 1.1em;
631 }
632
633 fieldset.polls dd {
634 float: left;
635 width: 10%;
636 border-left: none;
637 padding: 0 5px;
638 margin-left: 0;
639 font-size: 1.1em;
640 }
641
642 fieldset.polls dd.resultbar {
643 width: 50%;
644 }
645
646 fieldset.polls dd input {
647 margin: 2px 0;
648 }
649
650 fieldset.polls dd div {
651 text-align: right;
652 font-family: Arial, Helvetica, sans-serif;
653 color: #FFFFFF;
654 font-weight: bold;
655 padding: 0 2px;
656 overflow: visible;
657 min-width: 2%;
658 }
659
660 .pollbar1 {
661 background-color: #aaaaaa;
662 border-bottom: 1px solid #747474;
663 border-right: 1px solid #747474;
664 }
665
666 .pollbar2 {
667 background-color: #bebebe;
668 border-bottom: 1px solid #8c8c8c;
669 border-right: 1px solid #8c8c8c;
670 }
671
672 .pollbar3 {
673 background-color: #D1D1D1;
674 border-bottom: 1px solid #aaaaaa;
675 border-right: 1px solid #aaaaaa;
676 }
677
678 .pollbar4 {
679 background-color: #e4e4e4;
680 border-bottom: 1px solid #bebebe;
681 border-right: 1px solid #bebebe;
682 }
683
684 .pollbar5 {
685 background-color: #f8f8f8;
686 border-bottom: 1px solid #D1D1D1;
687 border-right: 1px solid #D1D1D1;
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 color: #666666;
697 border-left: 1px solid #FFFFFF;
698 width: 22%;
699 float: right;
700 display: inline;
701 }
702 .pm .postprofile {
703 border-left: 1px solid #DDDDDD;
704 }
705
706 .postprofile dd, .postprofile dt {
707 line-height: 1.2em;
708 margin-left: 8px;
709 }
710
711 .postprofile strong {
712 font-weight: normal;
713 color: #000000;
714 }
715
716 .avatar {
717 border: none;
718 margin-bottom: 3px;
719 }
720
721 .online {
722 background-image: none;
723 background-position: 100% 0;
724 background-repeat: no-repeat;
725 }
726
727 /* Poster profile used by search*/
728 .search .postprofile {
729 width: 30%;
730 }
731
732 /* pm list in compose message if mass pm is enabled */
733 dl.pmlist dt {
734 width: 60% !important;
735 }
736
737 dl.pmlist dt textarea {
738 width: 95%;
739 }
740
741 dl.pmlist dd {
742 margin-left: 61% !important;
743 margin-bottom: 2px;
744 }
745