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