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 |
common.css
001 /* General proSilver Markup Styles
002 ---------------------------------------- */
003
004 * {
005 /* Reset browsers default margin, padding and font sizes */
006 margin: 0;
007 padding: 0;
008 }
009
010 html {
011 font-size: 100%;
012 /* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
013 height: 100%;
014 margin-bottom: 1px;
015 }
016
017 body {
018 /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
019 font-family: Verdana, Helvetica, Arial, sans-serif;
020 color: #828282;
021 background-color: #FFFFFF;
022 /*font-size: 62.5%; This sets the default font size to be equivalent to 10px */
023 font-size: 10px;
024 margin: 0;
025 padding: 12px 0;
026 }
027
028 h1 {
029 /* Forum name */
030 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
031 margin-right: 200px;
032 color: #FFFFFF;
033 margin-top: 15px;
034 font-weight: bold;
035 font-size: 2em;
036 }
037
038 h2 {
039 /* Forum header titles */
040 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
041 font-weight: normal;
042 color: #3f3f3f;
043 font-size: 2em;
044 margin: 0.8em 0 0.2em 0;
045 }
046
047 h2.solo {
048 margin-bottom: 1em;
049 }
050
051 h3 {
052 /* Sub-headers (also used as post headers, but defined later) */
053 font-family: Arial, Helvetica, sans-serif;
054 font-weight: bold;
055 text-transform: uppercase;
056 border-bottom: 1px solid #CCCCCC;
057 margin-bottom: 3px;
058 padding-bottom: 2px;
059 font-size: 1.05em;
060 color: #989898;
061 margin-top: 20px;
062 }
063
064 h4 {
065 /* Forum and topic list titles */
066 font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
067 font-size: 1.3em;
068 }
069
070 p {
071 line-height: 1.3em;
072 font-size: 1.1em;
073 margin-bottom: 1.5em;
074 }
075
076 img {
077 border-width: 0;
078 }
079
080 hr {
081 /* Also see tweaks.css */
082 border: 0 none #FFFFFF;
083 border-top: 1px solid #CCCCCC;
084 height: 1px;
085 margin: 5px 0;
086 display: block;
087 clear: both;
088 }
089
090 hr.dashed {
091 border-top: 1px dashed #CCCCCC;
092 margin: 10px 0;
093 }
094
095 hr.divider {
096 display: none;
097 }
098
099 p.right {
100 text-align: right;
101 }
102
103 /* Main blocks
104 ---------------------------------------- */
105 #wrap {
106 padding: 0 20px;
107 min-width: 650px;
108 }
109
110 #simple-wrap {
111 padding: 6px 10px;
112 }
113
114 #page-body {
115 margin: 4px 0;
116 clear: both;
117 }
118
119 #page-footer {
120 clear: both;
121 }
122
123 #page-footer h3 {
124 margin-top: 20px;
125 }
126
127 #logo {
128 float: left;
129 width: auto;
130 padding: 10px 13px 0 10px;
131 }
132
133 a#logo:hover {
134 text-decoration: none;
135 }
136
137 /* Search box
138 --------------------------------------------- */
139 #search-box {
140 color: #FFFFFF;
141 position: relative;
142 margin-top: 30px;
143 margin-right: 5px;
144 display: block;
145 float: right;
146 text-align: right;
147 white-space: nowrap; /* For Opera */
148 }
149
150 #search-box #keywords {
151 width: 95px;
152 background-color: #FFF;
153 }
154
155 #search-box input {
156 border: 1px solid #b0b0b0;
157 }
158
159 /* .button1 style defined later, just a few tweaks for the search button version */
160 #search-box input.button1 {
161 padding: 1px 5px;
162 }
163
164 #search-box li {
165 text-align: right;
166 margin-top: 4px;
167 }
168
169 #search-box img {
170 vertical-align: middle;
171 margin-right: 3px;
172 }
173
174 /* Site description and logo */
175 #site-description {
176 float: left;
177 width: 70%;
178 }
179
180 #site-description h1 {
181 margin-right: 0;
182 }
183
184 /* Round cornered boxes and backgrounds
185 ---------------------------------------- */
186 .headerbar {
187 background: #ebebeb none repeat-x 0 0;
188 color: #FFFFFF;
189 margin-bottom: 4px;
190 padding: 0 5px;
191 }
192
193 .navbar {
194 background-color: #ebebeb;
195 padding: 0 10px;
196 }
197
198 .forabg {
199 background: #b1b1b1 none repeat-x 0 0;
200 margin-bottom: 4px;
201 padding: 0 5px;
202 clear: both;
203 }
204
205 .forumbg {
206 background: #ebebeb none repeat-x 0 0;
207 margin-bottom: 4px;
208 padding: 0 5px;
209 clear: both;
210 }
211
212 .panel {
213 margin-bottom: 4px;
214 padding: 0 10px;
215 background-color: #f3f3f3;
216 color: #3f3f3f;
217 }
218
219 .post {
220 padding: 0 10px;
221 margin-bottom: 4px;
222 background-repeat: no-repeat;
223 background-position: 100% 0;
224 }
225
226 .post:target .content {
227 color: #000000;
228 }
229
230 .post:target h3 a {
231 color: #000000;
232 }
233
234 .bg1 { background-color: #f7f7f7;}
235 .bg2 { background-color: #f2f2f2; }
236 .bg3 { background-color: #ebebeb; }
237
238 .rowbg {
239 margin: 5px 5px 2px 5px;
240 }
241
242 .ucprowbg {
243 background-color: #e2e2e2;
244 }
245
246 .fieldsbg {
247 /*border: 1px #DBDEE2 solid;*/
248 background-color: #eaeaea;
249 }
250
251 span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
252 font-size: 1px;
253 line-height: 1px;
254 display: block;
255 height: 5px;
256 background-repeat: no-repeat;
257 }
258
259 span.corners-top {
260 background-image: none;
261 background-position: 0 0;
262 margin: 0 -5px;
263 }
264
265 span.corners-top span {
266 background-image: none;
267 background-position: 100% 0;
268 }
269
270 span.corners-bottom {
271 background-image: none;
272 background-position: 0 100%;
273 margin: 0 -5px;
274 clear: both;
275 }
276
277 span.corners-bottom span {
278 background-image: none;
279 background-position: 100% 100%;
280 }
281
282 .headbg span.corners-bottom {
283 margin-bottom: -1px;
284 }
285
286 .post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
287 margin: 0 -10px;
288 }
289
290 .rules span.corners-top {
291 margin: 0 -10px 5px -10px;
292 }
293
294 .rules span.corners-bottom {
295 margin: 5px -10px 0 -10px;
296 }
297
298 /* Horizontal lists
299 ----------------------------------------*/
300 ul.linklist {
301 display: block;
302 margin: 0;
303 }
304
305 ul.linklist li {
306 display: block;
307 list-style-type: none;
308 float: left;
309 width: auto;
310 margin-right: 5px;
311 font-size: 1.1em;
312 line-height: 2.2em;
313 }
314
315 ul.linklist li.rightside, p.rightside {
316 float: right;
317 margin-right: 0;
318 margin-left: 5px;
319 text-align: right;
320 }
321
322 ul.navlinks {
323 padding-bottom: 1px;
324 margin-bottom: 1px;
325 border-bottom: 1px solid #FFFFFF;
326 font-weight: bold;
327 }
328
329 ul.leftside {
330 float: left;
331 margin-left: 0;
332 margin-right: 5px;
333 text-align: left;
334 }
335
336 ul.rightside {
337 float: right;
338 margin-left: 5px;
339 margin-right: -5px;
340 text-align: right;
341 }
342
343 /* Table styles
344 ----------------------------------------*/
345 table.table1 {
346 /* See tweaks.css */
347 }
348
349 #ucp-main table.table1 {
350 padding: 2px;
351 }
352
353 table.table1 thead th {
354 font-weight: normal;
355 text-transform: uppercase;
356 color: #FFFFFF;
357 line-height: 1.3em;
358 font-size: 1em;
359 padding: 0 0 4px 3px;
360 }
361
362 table.table1 thead th span {
363 padding-left: 7px;
364 }
365
366 table.table1 tbody tr {
367 border: 1px solid #cfcfcf;
368 }
369
370 table.table1 tbody tr:hover, table.table1 tbody tr.hover {
371 background-color: #f6f6f6;
372 color: #000;
373 }
374
375 table.table1 td {
376 color: #6a6a6a;
377 font-size: 1.1em;
378 }
379
380 table.table1 tbody td {
381 padding: 5px;
382 border-top: 1px solid #FAFAFA;
383 }
384
385 table.table1 tbody th {
386 padding: 5px;
387 border-bottom: 1px solid #000000;
388 text-align: left;
389 color: #333333;
390 background-color: #FFFFFF;
391 }
392
393 /* Specific column styles */
394 table.table1 .name { text-align: left; }
395 table.table1 .posts { text-align: center !important; width: 7%; }
396 table.table1 .joined { text-align: left; width: 15%; }
397 table.table1 .active { text-align: left; width: 15%; }
398 table.table1 .mark { text-align: center; width: 7%; }
399 table.table1 .info { text-align: left; width: 30%; }
400 table.table1 .info div { width: 100%; white-space: nowrap; overflow: hidden; }
401 table.table1 .autocol { line-height: 2em; white-space: nowrap; }
402 table.table1 thead .autocol { padding-left: 1em; }
403
404 table.table1 span.rank-img {
405 float: right;
406 width: auto;
407 }
408
409 table.info td {
410 padding: 3px;
411 }
412
413 table.info tbody th {
414 padding: 3px;
415 text-align: right;
416 vertical-align: top;
417 color: #000000;
418 font-weight: normal;
419 }
420
421 .forumbg table.table1 {
422 margin: 0 -2px -1px -1px;
423 }
424
425 /* Misc layout styles
426 ---------------------------------------- */
427 /* column[1-2] styles are containers for two column layouts
428 Also see tweaks.css */
429 .column1 {
430 float: left;
431 clear: left;
432 width: 49%;
433 }
434
435 .column2 {
436 float: right;
437 clear: right;
438 width: 49%;
439 }
440
441 /* General classes for placing floating blocks */
442 .left-box {
443 float: left;
444 width: auto;
445 text-align: left;
446 }
447
448 .right-box {
449 float: right;
450 width: auto;
451 text-align: right;
452 }
453
454 dl.details {
455 /*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
456 font-size: 1.1em;
457 }
458
459 dl.details dt {
460 float: left;
461 clear: left;
462 width: 30%;
463 text-align: right;
464 color: #000000;
465 display: block;
466 }
467
468 dl.details dd {
469 margin-left: 0;
470 padding-left: 5px;
471 margin-bottom: 5px;
472 color: #828282;
473 float: left;
474 width: 65%;
475 }
476
477 /* Pagination
478 ---------------------------------------- */
479 .pagination {
480 height: 1%; /* IE tweak (holly hack) */
481 width: auto;
482 text-align: right;
483 margin-top: 5px;
484 float: right;
485 }
486
487 .pagination span.page-sep {
488 display: none;
489 }
490
491 li.pagination {
492 margin-top: 0;
493 }
494
495 .pagination strong, .pagination b {
496 font-weight: normal;
497 }
498
499 .pagination span strong {
500 padding: 0 2px;
501 margin: 0 2px;
502 font-weight: normal;
503 color: #FFFFFF;
504 background-color: #bfbfbf;
505 border: 1px solid #bfbfbf;
506 font-size: 0.9em;
507 }
508
509 .pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
510 font-weight: normal;
511 text-decoration: none;
512 color: #747474;
513 margin: 0 2px;
514 padding: 0 2px;
515 background-color: #eeeeee;
516 border: 1px solid #bababa;
517 font-size: 0.9em;
518 line-height: 1.5em;
519 }
520
521 .pagination span a:hover {
522 border-color: #d2d2d2;
523 background-color: #d2d2d2;
524 color: #FFF;
525 text-decoration: none;
526 }
527
528 .pagination img {
529 vertical-align: middle;
530 }
531
532 /* Pagination in viewforum for multipage topics */
533 .row .pagination {
534 display: block;
535 float: right;
536 width: auto;
537 margin-top: 0;
538 padding: 1px 0 1px 15px;
539 font-size: 0.9em;
540 background: none 0 50% no-repeat;
541 }
542
543 .row .pagination span a, li.pagination span a {
544 background-color: #FFFFFF;
545 }
546
547 .row .pagination span a:hover, li.pagination span a:hover {
548 background-color: #d2d2d2;
549 }
550
551 /* Miscellaneous styles
552 ---------------------------------------- */
553 #forum-permissions {
554 float: right;
555 width: auto;
556 padding-left: 5px;
557 margin-left: 5px;
558 margin-top: 10px;
559 text-align: right;
560 }
561
562 .copyright {
563 padding: 5px;
564 text-align: center;
565 color: #555555;
566 }
567
568 .small {
569 font-size: 0.9em !important;
570 }
571
572 .titlespace {
573 margin-bottom: 15px;
574 }
575
576 .headerspace {
577 margin-top: 20px;
578 }
579
580 .error {
581 color: #bcbcbc;
582 font-weight: bold;
583 font-size: 1em;
584 }
585
586 .reported {
587 background-color: #f7f7f7;
588 }
589
590 li.reported:hover {
591 background-color: #ececec;
592 }
593
594 div.rules {
595 background-color: #ececec;
596 color: #bcbcbc;
597 padding: 0 10px;
598 margin: 10px 0;
599 font-size: 1.1em;
600 }
601
602 div.rules ul {
603 margin-left: 20px;
604 }
605
606 p.rules {
607 background-color: #ececec;
608 background-image: none;
609 padding: 5px;
610 }
611
612 p.rules img {
613 vertical-align: middle;
614 }
615
616 p.rules a {
617 vertical-align: middle;
618 clear: both;
619 }
620
621 #top {
622 position: absolute;
623 top: -20px;
624 }
625
626 .clear {
627 display: block;
628 clear: both;
629 font-size: 1px;
630 line-height: 1px;
631 background: transparent;
632 }
633