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