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 |
common.css
0001 /* CSS Reset http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126
0002 ---------------------------------------- */
0003 html, body, div, span, applet, object, iframe,
0004 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
0005 a, abbr, acronym, address, big, cite, code,
0006 del, dfn, em, img, ins, kbd, q, s, samp,
0007 small, strike, strong, sub, sup, tt, var,
0008 b, u, i, center,
0009 dl, dt, dd, ol, ul, li,
0010 fieldset, form, label, legend,
0011 table, caption, tbody, tfoot, thead, tr, th, td,
0012 article, aside, canvas, details, embed,
0013 figure, figcaption, footer, header, hgroup,
0014 menu, nav, output, ruby, section, summary,
0015 time, mark, audio, video {
0016 margin: 0;
0017 padding: 0;
0018 border: 0;
0019 font-size: 100%;
0020 font: inherit;
0021 vertical-align: baseline;
0022 }
0023 /* HTML5 display-role reset for older browsers */
0024 article, aside, details, figcaption, figure,
0025 footer, header, hgroup, menu, nav, section {
0026 display: block;
0027 }
0028 body {
0029 line-height: 1;
0030 }
0031 ol, ul {
0032 list-style: none;
0033 }
0034 blockquote, q {
0035 quotes: none;
0036 }
0037 blockquote:before, blockquote:after,
0038 q:before, q:after {
0039 content: '';
0040 content: none;
0041 }
0042 table {
0043 border-collapse: collapse;
0044 border-spacing: 0;
0045 }
0046
0047 /* General Markup Styles
0048 ---------------------------------------- */
0049 html {
0050 font-size: 100%;
0051 /* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
0052 height: 101%;
0053 }
0054
0055 body {
0056 /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
0057 font-family: Verdana, Helvetica, Arial, sans-serif;
0058 /*font-size: 62.5%; This sets the default font size to be equivalent to 10px */
0059 font-size: 10px;
0060 line-height: normal;
0061 margin: 0;
0062 padding: 12px 0;
0063 word-wrap: break-word;
0064 }
0065
0066 h1 {
0067 /* Forum name */
0068 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
0069 margin-right: 200px;
0070 margin-top: 15px;
0071 font-weight: bold;
0072 font-size: 2em;
0073 }
0074
0075 h2 {
0076 /* Forum header titles */
0077 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
0078 font-weight: normal;
0079 font-size: 2em;
0080 margin: 0.8em 0 0.2em 0;
0081 }
0082
0083 h2.solo {
0084 margin-bottom: 1em;
0085 }
0086
0087 h3 {
0088 /* Sub-headers (also used as post headers, but defined later) */
0089 font-family: Arial, Helvetica, sans-serif;
0090 font-weight: bold;
0091 text-transform: uppercase;
0092 border-bottom: 1px solid transparent;
0093 margin-bottom: 3px;
0094 padding-bottom: 2px;
0095 font-size: 1.05em;
0096 margin-top: 20px;
0097 }
0098
0099 h4 {
0100 /* Forum and topic list titles */
0101 font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
0102 font-size: 1.3em;
0103 }
0104
0105 p {
0106 line-height: 1.3em;
0107 font-size: 1.1em;
0108 margin-bottom: 1.5em;
0109 }
0110
0111 img {
0112 border-width: 0;
0113 }
0114
0115 hr {
0116 /* Also see tweaks.css */
0117 border: 0 solid transparent;
0118 border-top-width: 1px;
0119 height: 1px;
0120 margin: 5px 0;
0121 display: block;
0122 clear: both;
0123 }
0124
0125 hr.dashed {
0126 border-top-style: dashed;
0127 margin: 10px 0;
0128 }
0129
0130 hr.divider {
0131 display: none;
0132 }
0133
0134 p.right {
0135 text-align: right;
0136 }
0137
0138 p.jumpbox-return {
0139 margin-top: 1em;
0140 }
0141
0142 b, strong {
0143 font-weight: bold;
0144 }
0145
0146 i, em {
0147 font-style: italic;
0148 }
0149
0150 u {
0151 text-decoration: underline;
0152 }
0153
0154 ul {
0155 list-style-type: disc;
0156 }
0157
0158 ol {
0159 list-style-type: decimal;
0160 }
0161
0162 li {
0163 display: list-item;
0164 }
0165
0166 ul ul, ol ul {
0167 list-style-type: circle;
0168 }
0169
0170 ol ol ul, ol ul ul, ul ol ul, ul ul ul {
0171 list-style-type: square;
0172 }
0173
0174
0175 /* Main blocks
0176 ---------------------------------------- */
0177 #wrap {
0178 border: 1px solid transparent;
0179 border-radius: 8px;
0180 margin: 0 auto;
0181 max-width: 1152px;
0182 min-width: 625px;
0183 padding: 15px;
0184 }
0185
0186 @media only screen and (max-width: 1220px), only screen and (max-device-width: 1220px) {
0187 #wrap {
0188 margin: 0 12px;
0189 }
0190 }
0191
0192 #page-body {
0193 margin: 4px 0;
0194 clear: both;
0195 }
0196
0197 #page-footer {
0198 clear: both;
0199 }
0200
0201 #page-footer h3 {
0202 margin-top: 20px;
0203 }
0204
0205 .logo {
0206 float: left;
0207 width: auto;
0208 padding: 10px 13px 0 10px;
0209 }
0210
0211 .logo:hover {
0212 text-decoration: none;
0213 }
0214
0215 /* Site description and logo */
0216 #site-description {
0217 float: left;
0218 width: 65%;
0219 }
0220
0221 #site-description h1 {
0222 margin-right: 0;
0223 }
0224
0225 /* Round cornered boxes and backgrounds
0226 ---------------------------------------- */
0227 .headerbar {
0228 background: transparent none repeat-x 0 0;
0229 margin-bottom: 4px;
0230 padding: 5px;
0231 border-radius: 7px;
0232 }
0233
0234 .navbar {
0235 padding: 3px 10px;
0236 border-radius: 7px;
0237 }
0238
0239 .forabg {
0240 background: transparent none repeat-x 0 0;
0241 margin-bottom: 4px;
0242 padding: 5px;
0243 clear: both;
0244 border-radius: 7px;
0245 }
0246
0247 .forumbg {
0248 background: transparent none repeat-x 0 0;
0249 margin-bottom: 4px;
0250 padding: 5px;
0251 clear: both;
0252 border-radius: 7px;
0253 }
0254
0255 .panel {
0256 margin-bottom: 4px;
0257 padding: 5px 10px;
0258 border-radius: 7px;
0259 }
0260
0261 .post {
0262 padding: 5px 10px;
0263 margin-bottom: 4px;
0264 background-repeat: no-repeat;
0265 background-position: 100% 0;
0266 border-radius: 7px;
0267 position: relative;
0268 }
0269
0270 .rowbg {
0271 margin: 5px 5px 2px 5px;
0272 }
0273
0274 /* Horizontal lists
0275 ----------------------------------------*/
0276 .navbar ul.linklist {
0277 padding: 2px 0;
0278 }
0279
0280 ul.linklist {
0281 display: block;
0282 margin: 0;
0283 }
0284
0285 #cp-main .panel {
0286 padding: 5px 10px;
0287 }
0288
0289 ul.linklist > li {
0290 float: left;
0291 font-size: 1.1em;
0292 line-height: 2.2em;
0293 list-style-type: none;
0294 margin-right: 7px;
0295 padding-top: 1px;
0296 width: auto;
0297 }
0298
0299 ul.linklist > li.rightside, p.rightside, a.rightside {
0300 float: right;
0301 margin-right: 0;
0302 margin-left: 7px;
0303 text-align: right;
0304 }
0305
0306 ul.navlinks {
0307 border-top: 1px solid transparent;
0308 }
0309
0310 ul.leftside {
0311 float: left;
0312 margin-left: 0;
0313 margin-right: 5px;
0314 text-align: left;
0315 }
0316
0317 ul.rightside {
0318 float: right;
0319 margin-left: 5px;
0320 margin-right: -5px;
0321 text-align: right;
0322 }
0323
0324 ul.linklist li.responsive-menu {
0325 position: relative;
0326 margin: 0 5px;
0327 }
0328
0329 ul.linklist li.responsive-menu a.responsive-menu-link {
0330 display: inline-block;
0331 margin: 0 5px;
0332 font-size: 16px;
0333 position: relative;
0334 width: 16px;
0335 line-height: 20px;
0336 text-decoration: none;
0337 }
0338
0339 ul.linklist li.responsive-menu a.responsive-menu-link:before {
0340 content: '';
0341 position: absolute;
0342 left: 0;
0343 top: 7px;
0344 height: .125em;
0345 width: 14px;
0346 border-bottom: 0.125em solid transparent;
0347 border-top: 0.375em double transparent;
0348 }
0349
0350 .hasjs ul.linklist.leftside, .hasjs ul.linklist.rightside {
0351 max-width: 48%;
0352 }
0353
0354 .hasjs ul.linklist.fullwidth {
0355 max-width: none;
0356 }
0357
0358 li.responsive-menu.dropdown-right .dropdown {
0359 left: -9px;
0360 }
0361
0362 li.responsive-menu.dropdown-left .dropdown {
0363 right: -6px;
0364 }
0365
0366 ul.linklist .dropdown {
0367 top: 22px;
0368 }
0369
0370 ul.linklist .dropdown-up .dropdown {
0371 bottom: 18px;
0372 top: auto;
0373 }
0374
0375 /* Bulletin icons for list items
0376 ----------------------------------------*/
0377 ul.linklist.bulletin > li:before {
0378 display: inline-block;
0379 content: "\2022";
0380 font-size: inherit;
0381 line-height: inherit;
0382 padding-right: 4px;
0383 }
0384
0385 ul.linklist.bulletin > li:first-child:before,
0386 ul.linklist.bulletin > li.rightside:last-child:before {
0387 content: none;
0388 }
0389
0390 ul.linklist.bulletin > li.no-bulletin:before {
0391 content: none;
0392 }
0393
0394 .responsive-menu:before {
0395 display: none !important;
0396 }
0397
0398 /* Profile in overall_header.html */
0399 .header-profile {
0400 display: inline-block;
0401 vertical-align: top;
0402 }
0403
0404 .header-avatar:hover {
0405 text-decoration: none;
0406 }
0407
0408 .header-avatar img {
0409 margin-bottom: 2px;
0410 max-height: 20px;
0411 vertical-align: middle;
0412 width: auto;
0413 }
0414
0415 .header-avatar span:after {
0416 content: '\25BC';
0417 display: inline-block;
0418 font-size: 9px;
0419 float: right;
0420 padding-left: 2px;
0421 opacity: 0.7;
0422 }
0423
0424 /* Dropdown menu
0425 ----------------------------------------*/
0426 .dropdown-container {
0427 position: relative;
0428 }
0429
0430 .dropdown-container-right {
0431 float: right;
0432 }
0433
0434 .dropdown-container-left {
0435 float: left;
0436 }
0437
0438 .nojs .dropdown-container:hover .dropdown {
0439 display: block !important;
0440 }
0441
0442 .dropdown {
0443 position: absolute;
0444 left: 0;
0445 top: 1.2em;
0446 z-index: 2;
0447 border: 1px solid transparent;
0448 border-radius: 5px;
0449 padding: 9px 0 0;
0450 margin-right: -500px;
0451 }
0452
0453 .dropdown.live-search {
0454 top: auto;
0455 }
0456
0457 .dropdown-container.topic-tools {
0458 float: left;
0459 }
0460
0461 .dropdown-up .dropdown {
0462 top: auto;
0463 bottom: 1.2em;
0464 padding: 0 0 9px;
0465 }
0466
0467 .dropdown-left .dropdown, .nojs .rightside .dropdown {
0468 left: auto;
0469 right: 0;
0470 margin-left: -500px;
0471 margin-right: 0;
0472 }
0473
0474 .dropdown-button-control .dropdown {
0475 top: 24px;
0476 }
0477
0478 .dropdown-button-control.dropdown-up .dropdown {
0479 top: auto;
0480 bottom: 24px;
0481 }
0482
0483 .dropdown .pointer, .dropdown .pointer-inner {
0484 position: absolute;
0485 width: 0;
0486 height: 0;
0487 border-top-width: 0;
0488 border-bottom: 10px solid transparent;
0489 border-left: 10px dashed transparent;
0490 border-right: 10px dashed transparent;
0491 -webkit-transform: rotate(360deg); /* better anti-aliasing in webkit */
0492 display: block;
0493 }
0494
0495 .dropdown-up .pointer, .dropdown-up .pointer-inner {
0496 border-bottom-width: 0;
0497 border-top: 10px solid transparent;
0498 }
0499
0500 .dropdown .pointer {
0501 right: auto;
0502 left: 10px;
0503 top: 0;
0504 z-index: 3;
0505 }
0506
0507 .dropdown-up .pointer {
0508 bottom: 0;
0509 top: auto;
0510 }
0511
0512 .dropdown-left .dropdown .pointer, .nojs .rightside .dropdown .pointer {
0513 left: auto;
0514 right: 10px;
0515 }
0516
0517 .dropdown .pointer-inner {
0518 top: auto;
0519 bottom: -11px;
0520 left: -10px;
0521 }
0522
0523 .dropdown-up .pointer-inner {
0524 bottom: auto;
0525 top: -11px;
0526 }
0527
0528 .dropdown .dropdown-contents {
0529 z-index: 2;
0530 overflow: hidden;
0531 overflow-y: auto;
0532 border: 1px solid transparent;
0533 border-radius: 5px;
0534 padding: 5px;
0535 position: relative;
0536 min-width: 40px;
0537 max-height: 300px;
0538 -webkit-box-sizing: border-box;
0539 -moz-box-sizing: border-box;
0540 box-sizing: border-box;
0541 }
0542
0543 .dropdown li {
0544 border-top: 1px dotted transparent;
0545 float: none !important;
0546 line-height: normal !important;
0547 font-size: 1em !important;
0548 list-style: none;
0549 margin: 0;
0550 padding-top: 4px;
0551 padding-bottom: 4px;
0552 white-space: nowrap;
0553 text-align: left;
0554 }
0555
0556 .dropdown-contents > li {
0557 padding-right: 15px;
0558 }
0559
0560 .dropdown-nonscroll > li {
0561 padding-right: 0;
0562 }
0563
0564 .dropdown li:first-child, .dropdown li.separator + li, .dropdown li li {
0565 border-top: 0;
0566 }
0567
0568 .dropdown li li:first-child {
0569 margin-top: 4px;
0570 }
0571
0572 .dropdown li li:last-child {
0573 padding-bottom: 0;
0574 }
0575
0576 .dropdown li li {
0577 border-top: 1px dotted transparent;
0578 padding-left: 18px;
0579 }
0580
0581 .wrap .dropdown li, .dropdown.wrap li, .dropdown-extended li {
0582 white-space: normal;
0583 }
0584
0585 .dropdown li.separator {
0586 border-top: 1px solid transparent;
0587 margin: 4px 0;
0588 padding: 0;
0589 }
0590
0591 .dropdown li.separator:first-child, .dropdown li.separator:last-child {
0592 display: none !important;
0593 }
0594
0595 /* Responsive breadcrumbs
0596 ----------------------------------------*/
0597 .breadcrumbs .crumb {
0598 float: left;
0599 font-weight: bold;
0600 word-wrap: normal;
0601 }
0602
0603 .breadcrumbs .crumb:before {
0604 content: '‹';
0605 font-weight: bold;
0606 padding: 0 0.5em;
0607 }
0608
0609 .breadcrumbs .crumb:first-child:before {
0610 content: none;
0611 }
0612
0613 .breadcrumbs .crumb a {
0614 display: inline-block;
0615 white-space: nowrap;
0616 text-overflow: ellipsis;
0617 vertical-align: bottom;
0618 overflow: hidden;
0619 }
0620
0621 .breadcrumbs.wrapped .crumb a { letter-spacing: -.3px; }
0622 .breadcrumbs.wrapped .crumb.wrapped-medium a { letter-spacing: -.4px; }
0623 .breadcrumbs.wrapped .crumb.wrapped-tiny a { letter-spacing: -.5px; }
0624
0625 .breadcrumbs .crumb.wrapped-max a { max-width: 120px; }
0626 .breadcrumbs .crumb.wrapped-wide a { max-width: 100px; }
0627 .breadcrumbs .crumb.wrapped-medium a { max-width: 80px; }
0628 .breadcrumbs .crumb.wrapped-small a { max-width: 60px; }
0629 .breadcrumbs .crumb.wrapped-tiny a { max-width: 40px; }
0630
0631 /* Table styles
0632 ----------------------------------------*/
0633 table.table1 {
0634 width: 100%;
0635 }
0636
0637 #ucp-main table.table1 {
0638 padding: 2px;
0639 }
0640
0641 table.table1 thead th {
0642 font-weight: normal;
0643 text-transform: uppercase;
0644 line-height: 1.3em;
0645 font-size: 1em;
0646 padding: 0 0 4px 3px;
0647 }
0648
0649 table.table1 thead th span {
0650 padding-left: 7px;
0651 }
0652
0653 table.table1 tbody tr {
0654 border: 1px solid transparent;
0655 }
0656
0657 table.table1 td {
0658 font-size: 1.1em;
0659 }
0660
0661 table.table1 tbody td {
0662 padding: 5px;
0663 border-top: 1px solid transparent;
0664 }
0665
0666 table.table1 tbody th {
0667 padding: 5px;
0668 border-bottom: 1px solid transparent;
0669 text-align: left;
0670 }
0671
0672 /* Specific column styles */
0673 table.table1 .name { text-align: left; }
0674 table.table1 .posts { text-align: center; width: 7%; }
0675 table.table1 .joined { text-align: left; width: 15%; }
0676 table.table1 .active { text-align: left; width: 15%; }
0677 table.table1 .mark { text-align: center; width: 7%; }
0678 table.table1 .info { text-align: left; width: 30%; }
0679 table.table1 .info div { width: 100%; white-space: normal; overflow: hidden; }
0680 table.table1 .autocol { line-height: 2em; white-space: nowrap; }
0681 table.table1 thead .autocol { padding-left: 1em; }
0682
0683 table.table1 span.rank-img {
0684 float: right;
0685 width: auto;
0686 }
0687
0688 table.info td {
0689 padding: 3px;
0690 }
0691
0692 table.info tbody th {
0693 padding: 3px;
0694 text-align: right;
0695 vertical-align: top;
0696 font-weight: normal;
0697 }
0698
0699 .forumbg table.table1 {
0700 margin: 0;
0701 }
0702
0703 .forumbg-table > .inner {
0704 margin: 0 -1px;
0705 }
0706
0707 #color_palette_placeholder table {
0708 border-collapse: separate;
0709 border-spacing: 1px;
0710 }
0711
0712 /* Misc layout styles
0713 ---------------------------------------- */
0714 /* column[1-2] styles are containers for two column layouts
0715 Also see tweaks.css */
0716 .column1 {
0717 float: left;
0718 clear: left;
0719 width: 49%;
0720 }
0721
0722 .column2 {
0723 float: right;
0724 clear: right;
0725 width: 49%;
0726 }
0727
0728 /* General classes for placing floating blocks */
0729 .left-box {
0730 float: left;
0731 width: auto;
0732 text-align: left;
0733 max-width: 100%;
0734 }
0735
0736 .left-box.profile-details {
0737 width: 80%;
0738 }
0739
0740 .right-box {
0741 float: right;
0742 width: auto;
0743 text-align: right;
0744 max-width: 100%;
0745 }
0746
0747 dl.details {
0748 /*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
0749 font-size: 1.1em;
0750 }
0751
0752 dl.details dt {
0753 float: left;
0754 clear: left;
0755 width: 30%;
0756 text-align: right;
0757 display: block;
0758 }
0759
0760 dl.details dd {
0761 margin-left: 0;
0762 padding-left: 5px;
0763 margin-bottom: 5px;
0764 float: left;
0765 width: 65%;
0766 overflow: hidden;
0767 text-overflow: ellipsis;
0768 }
0769
0770 .clearfix, fieldset dl, ul.topiclist dl, dl.polls {
0771 overflow: hidden;
0772 }
0773
0774 fieldset.fields1 ul.recipients {
0775 list-style-type: none;
0776 line-height: 1.8;
0777 max-height: 150px;
0778 overflow-y: auto;
0779 }
0780
0781 fieldset.fields1 dd.recipients {
0782 clear: left;
0783 margin-left: 1em;
0784 }
0785
0786 fieldset.fields1 ul.recipients input.button2{
0787 font-size: 0.8em;
0788 margin-right: 0;
0789 padding: 0;
0790 }
0791
0792 fieldset.fields1 dl.pmlist > dt {
0793 width: auto !important;
0794 }
0795
0796 fieldset.fields1 dl.pmlist dd.recipients {
0797 margin-left: 0 !important;
0798 }
0799
0800 /* Action-bars (container for post/reply buttons, pagination, etc.)
0801 ---------------------------------------- */
0802 .action-bar {
0803 font-size: 11px;
0804 margin: 4px 0;
0805 }
0806
0807 .forabg + .action-bar {
0808 margin-top: 2em;
0809 }
0810
0811 /* Pagination
0812 ---------------------------------------- */
0813 .pagination {
0814 float: right;
0815 font-size: 11px;
0816 margin-top: 3px;
0817 text-align: right;
0818 width: auto;
0819 }
0820
0821 .action-bar.bottom .pagination {
0822 margin-top: 0;
0823 }
0824
0825 .pagination > ul {
0826 display: inline-block;
0827 list-style: none !important;
0828 margin-left: 5px;
0829 }
0830
0831 .pagination > ul > li {
0832 display: inline-block !important;
0833 padding: 0;
0834 font-size: 100%;
0835 line-height: normal;
0836 vertical-align: middle;
0837 }
0838
0839 .pagination li a, .pagination li span {
0840 border: 1px solid transparent;
0841 border-radius: 2px;
0842 display: block;
0843 font-size: 0.9em;
0844 font-weight: normal;
0845 line-height: 13px;
0846 min-width: 10px;
0847 padding: 3px;
0848 text-align: center;
0849 text-decoration: none;
0850 }
0851
0852 .pagination li.ellipsis span {
0853 border: none;
0854 padding: 0;
0855 }
0856
0857 .pagination li.page-jump {
0858 margin-right: 5px;
0859 }
0860
0861 .pagination li.page-jump a, .pagination li.next a, .pagination li.previous a {
0862 background-repeat: no-repeat;
0863 font-size: 0;
0864 height: 13px;
0865 width: 11px;
0866 }
0867
0868 .pagination li.page-jump a {
0869 background-position: 0 2px;
0870 width: 24px;
0871 }
0872
0873 .pagination li.next a {
0874 background-position: -50px 2px;
0875 }
0876
0877 .pagination li.previous a {
0878 background-position: -30px 2px;
0879 }
0880
0881 .pagination li.page-jump a:hover, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger { background-position: 0 -18px; }
0882 .pagination li.next a:hover { background-position: -50px -18px; }
0883 .pagination li.previous a:hover { background-position: -30px -18px; }
0884
0885 /* Pagination in viewforum for multipage topics */
0886 .row .pagination {
0887 display: block;
0888 margin-top: 0;
0889 padding: 1px 0 1px 15px;
0890 font-size: 0.9em;
0891 background: none 0 50% no-repeat;
0892 }
0893
0894 .row .pagination > ul {
0895 margin: 0;
0896 }
0897
0898 .row .pagination li a, .row .pagination li span {
0899 border-radius: 1px;
0900 padding: 1px;
0901 }
0902
0903 /* jQuery popups
0904 ---------------------------------------- */
0905 .phpbb_alert {
0906 border: 1px solid transparent;
0907 display: none;
0908 left: 0;
0909 padding: 0 25px 20px 25px;
0910 position: fixed;
0911 right: 0;
0912 top: 150px;
0913 z-index: 50;
0914 width: 620px;
0915 margin: 0 auto;
0916 }
0917
0918 @media only screen and (max-height: 500px), only screen and (max-device-width: 500px)
0919 {
0920 .phpbb_alert {
0921 top: 25px;
0922 }
0923 }
0924
0925 .phpbb_alert .alert_close {
0926 display: block;
0927 float: right;
0928 width: 16px;
0929 height: 16px;
0930 overflow: hidden;
0931 text-decoration: none !important;
0932 background: transparent none 0 0 no-repeat;
0933 margin-top: -7px;
0934 margin-right: -31px;
0935 }
0936 .phpbb_alert .alert_close:hover {
0937 background-position: 0 -16px;
0938 }
0939
0940 .phpbb_alert p {
0941 margin: 8px 0;
0942 padding-bottom: 8px;
0943 }
0944
0945 .phpbb_alert label {
0946 display: block;
0947 margin: 8px 0;
0948 padding-bottom: 8px;
0949 }
0950
0951 .phpbb_alert div.alert_text > p,
0952 .phpbb_alert div.alert_text > label,
0953 .phpbb_alert div.alert_text > select,
0954 .phpbb_alert div.alert_text > textarea,
0955 .phpbb_alert div.alert_text > input {
0956 font-size: 1.1em;
0957 }
0958
0959 #darkenwrapper {
0960 display: none;
0961 position: relative;
0962 z-index: 44;
0963 }
0964
0965 #darken {
0966 position: fixed;
0967 left: 0;
0968 top: 0;
0969 width: 100%;
0970 height: 100%;
0971 opacity: 0.5;
0972 z-index: 45;
0973 }
0974
0975 #loading_indicator {
0976 background: center center no-repeat;
0977 border-radius: 5px;
0978 display: none;
0979 opacity: 0.8;
0980 margin-top: -50px;
0981 margin-left: -50px;
0982 height: 50px;
0983 width: 50px;
0984 position: fixed;
0985 left: 50%;
0986 top: 50%;
0987 z-index: 51;
0988 }
0989
0990 /* Miscellaneous styles
0991 ---------------------------------------- */
0992 #forum-permissions {
0993 float: right;
0994 width: auto;
0995 padding-left: 5px;
0996 margin-left: 5px;
0997 margin-top: 10px;
0998 text-align: right;
0999 }
1000
1001 .copyright {
1002 padding: 5px;
1003 text-align: center;
1004 }
1005
1006 .small {
1007 font-size: 0.9em !important;
1008 }
1009
1010 .titlespace {
1011 margin-bottom: 15px;
1012 }
1013
1014 .headerspace {
1015 margin-top: 20px;
1016 }
1017
1018 .error {
1019 font-weight: bold;
1020 font-size: 1em;
1021 }
1022
1023 div.rules {
1024 margin: 10px 0;
1025 font-size: 1.1em;
1026 padding: 5px 10px;
1027 border-radius: 7px;
1028 }
1029
1030 div.rules ul, div.rules ol {
1031 margin-left: 20px;
1032 }
1033
1034 p.post-notice {
1035 position: relative;
1036 padding: 5px;
1037 padding-left: 26px;
1038 min-height: 14px;
1039 margin-bottom: 1em;
1040 }
1041
1042 p.post-notice:before {
1043 content: '';
1044 display: block;
1045 position: absolute;
1046 top: 0;
1047 bottom: 0;
1048 left: 0;
1049 width: 28px;
1050 background: transparent none 50% 50% no-repeat;
1051 pointer-events: none;
1052 }
1053
1054 form > p.post-notice strong {
1055 line-height: 20px;
1056 }
1057
1058 #jumpbox {
1059 margin: 5px 0;
1060 }
1061
1062 .stat-block {
1063 clear: both;
1064 }
1065
1066 #top {
1067 position: absolute;
1068 top: -20px;
1069 }
1070
1071 .clear {
1072 display: block;
1073 clear: both;
1074 font-size: 1px;
1075 line-height: 1px;
1076 background: transparent;
1077 }
1078
1079 /* Inner box-model clearing */
1080 .inner:after,
1081 ul.linklist:after,
1082 .action-bar:after,
1083 .notification_text:after,
1084 .tabs-container:after,
1085 #tabs > ul:after,
1086 #minitabs > ul:after,
1087 .postprofile .avatar-container:after {
1088 clear: both;
1089 content: '';
1090 display: block;
1091 }
1092
1093 .hidden {
1094 display: none;
1095 }
1096
1097 .smilies {
1098 vertical-align: text-bottom;
1099 }
1100
1101 .icon-notification {
1102 position: relative;
1103 }
1104
1105 .member-search {
1106 float: left;
1107 margin: 0;
1108 padding: 6px 10px;
1109 }
1110
1111 .member-search strong {
1112 font-size: 0.95em;
1113 }
1114
1115 .dropdown-extended {
1116 display: none;
1117 z-index: 1;
1118 }
1119
1120 .dropdown-extended ul {
1121 max-height: 350px;
1122 overflow-y: auto;
1123 overflow-x: hidden;
1124 clear: both;
1125 }
1126
1127 .dropdown-extended ul li {
1128 padding: 0;
1129 margin: 0 !important;
1130 float: none;
1131 border-top: 1px solid;
1132 list-style-type: none;
1133 font-size: 0.95em;
1134 clear: both;
1135 position: relative;
1136 }
1137
1138 .dropdown-extended ul li:first-child {
1139 border-top: none;
1140 }
1141
1142 .dropdown-extended ul li.no_notifications {
1143 padding: 10px;
1144 }
1145
1146 .dropdown-extended .dropdown-contents {
1147 max-height: none;
1148 padding: 0;
1149 position: absolute;
1150 width: 340px;
1151 }
1152
1153 .nojs .dropdown-extended .dropdown-contents {
1154 position: relative;
1155 }
1156
1157 .dropdown-extended .header {
1158 padding: 0 10px;
1159 font-family: Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
1160 font-size: 11px;
1161 font-weight: bold;
1162 text-align: left;
1163 text-shadow: 1px 1px 1px white;
1164 text-transform: uppercase;
1165 line-height: 30px;
1166 border-bottom: 1px solid;
1167 border-radius: 5px 5px 0 0;
1168 }
1169
1170 .dropdown-extended .header .header_settings {
1171 float: right;
1172 font-weight: normal;
1173 text-transform: none;
1174 }
1175
1176 .dropdown-extended .footer {
1177 text-align: center;
1178 font-size: 1.1em;
1179 }
1180
1181 .dropdown-extended ul li a, .dropdown-extended ul li.no-url {
1182 padding: 8px;
1183 }
1184
1185 .dropdown-extended .footer > a {
1186 padding: 5px 0;
1187 }
1188
1189 .dropdown-extended ul li a, .notification_list dt > a, .dropdown-extended .footer > a {
1190 display: block;
1191 text-decoration: none;
1192 }
1193
1194 .notification_list ul li img {
1195 float: left;
1196 max-height: 50px;
1197 max-width: 50px;
1198 width: auto !important;
1199 height: auto !important;
1200 margin-right: 5px;
1201 }
1202
1203 .notification_list ul li p {
1204 margin-bottom: 4px;
1205 font-size: 1em;
1206 }
1207
1208 .notification_list p.notification-reference,
1209 .notification_list p.notification-location,
1210 .notification_list li a p.notification-reason {
1211 overflow: hidden;
1212 text-overflow: ellipsis;
1213 white-space: nowrap;
1214 }
1215
1216 .notification_list p.notification-time {
1217 font-size: 10px;
1218 margin: 0;
1219 text-align: right;
1220 }
1221
1222 .notification_list div.notifications {
1223 margin-left: 50px;
1224 padding: 5px;
1225 }
1226
1227 .notification_list div.notifications a {
1228 display: block;
1229 }
1230
1231 .notification_list p.notifications_title {
1232 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
1233 font-size: 13px !important;
1234 }
1235
1236 .notification_list p.notifications_title strong {
1237 font-weight: bold;
1238 }
1239
1240 .notification_list p.notifications_time {
1241 font-size: 10px !important;
1242 }
1243
1244 .notification_text {
1245 margin-left: 58px;
1246 }
1247
1248 /* Navbar specific list items
1249 ----------------------------------------*/
1250
1251 #quick-links {
1252 margin: 0 7px 0 0;
1253 }
1254
1255 #quick-links a.responsive-menu-link {
1256 display: block;
1257 font-size: inherit;
1258 line-height: inherit;
1259 margin: 0;
1260 width: auto;
1261 }
1262
1263 #quick-links a.responsive-menu-link:before {
1264 font-size: 16px;
1265 line-height: 16.5px;
1266 }
1267
1268 .compact #quick-links a.responsive-menu-link {
1269 font-size: 0;
1270 }
1271
1272 .compact .icon-notification > a > span, .compact .icon-pm > a > span {
1273 display: none;
1274 }
1275
1276 .compact .icon-notification > a > strong, .compact .icon-pm > a > strong {
1277 padding-left: 2px;
1278 }
1279
1280 .dropdown-page-jump .dropdown {
1281 top: 20px;
1282 }
1283
1284 .dropdown-page-jump.dropdown-up .dropdown {
1285 bottom: 20px;
1286 }
1287
1288 .dropdown-page-jump input.tiny {
1289 width: 50px;
1290 }
1291
1292 .dropdown .clone.hidden + li.separator {
1293 display: none;
1294 }
1295
1296 .dropdown .clone.hidden + li {
1297 border-top: none;
1298 }
1299