common.css 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123
  1. .action-bar.bar-bottom .pagination { margin-top: 0px; }
  2. .action-bar .button { margin-right: 5px; float: left; }
  3. .action-bar .button-search { margin-right: 0px; }
  4. .action-bar { font-size: 11px; margin: 4px 0px; }
  5. a.header-avatar, a.header-avatar:hover { text-decoration: none; }
  6. a.header-avatar span::after { content: ""; display: inline-block; font: 14px/1 FontAwesome; padding-left: 6px; padding-top: 2px; vertical-align: top; }
  7. a:hover { text-decoration: underline; }
  8. .badge { border-radius: 10px; opacity: 0.8; text-align: center; white-space: nowrap; font-size: 10px; line-height: 1; float: right; display: inline-block; margin-left: 3px; vertical-align: baseline; position: relative; top: 3px; padding: 4px 6px; }
  9. .badge.hidden { display: none; }
  10. body { font-family: "Open Sans",Helvetica,Verdana,Arial,sans-serif; font-size: 11px; line-height: normal; margin: 0px; padding: 12px 0px; overflow-wrap: break-word; }
  11. .breadcrumbs .crumb a { white-space: nowrap; text-overflow: ellipsis; vertical-align: bottom; overflow: hidden; }
  12. .breadcrumbs .crumb::before { content: "‹"; font-weight: bold; padding: 0px 0.5em; }
  13. .breadcrumbs .crumb:first-child::before { content: none; }
  14. .breadcrumbs .crumb { float: left; font-weight: bold; overflow-wrap: normal; }
  15. b, strong { font-weight: bold; }
  16. .clearfix, fieldset dl, ul.topiclist dl, dl.polls { overflow: hidden; }
  17. .copyright { font-size: 10px; text-align: center; padding: 10px; }
  18. .darken { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0.5; z-index: 45; }
  19. .darkenwrapper { display: none; position: relative; z-index: 44; }
  20. .dropdown-button-control .dropdown { top: 24px; }
  21. .dropdown-button-control.dropdown-up .dropdown { top: auto; bottom: 24px; }
  22. .dropdown-container-left { float: left; }
  23. .dropdown-container { position: relative; }
  24. .dropdown-container-right { float: right; }
  25. .dropdown-container.topic-tools { float: left; }
  26. .dropdown-contents a { display: block; padding: 5px; }
  27. .dropdown-contents > li { padding-right: 15px; }
  28. .dropdown { display: none; position: absolute; left: 0px; top: 1.2em; z-index: 2; border: 1px solid transparent; border-radius: 5px; padding: 9px 0px 0px; margin-right: -500px; }
  29. .dropdown .dropdown-contents { z-index: 2; overflow-x: hidden; overflow-y: auto; border: 1px solid transparent; border-radius: 5px; padding: 5px; position: relative; max-height: 300px; }
  30. .dropdown-extended { display: none; z-index: 1; }
  31. .dropdown-extended .dropdown-contents { max-height: none; padding: 0px; position: absolute; width: 340px; }
  32. .dropdown-extended .footer > a { padding: 5px 0px; }
  33. .dropdown-extended .footer { text-align: center; font-size: 1.1em; }
  34. .dropdown-extended .header::after { content: ""; display: table; clear: both; }
  35. .dropdown-extended .header .header_settings a { display: inline-block; padding: 0px 5px; }
  36. .dropdown-extended .header .header_settings { float: right; font-weight: normal; text-transform: none; }
  37. .dropdown-extended .header { padding: 0px 10px; font-family: Verdana,Helvetica,Arial,sans-serif; text-align: left; text-transform: uppercase; line-height: 3em; border-radius: 5px 5px 0px 0px; }
  38. .dropdown-extended ul li a, .dropdown-extended ul li.no-url { padding: 8px; }
  39. .dropdown-extended ul li a, .notification_list dt > a, .dropdown-extended .footer > a { display: block; text-decoration: none; }
  40. .dropdown-extended ul li a, .notification_list dt > a, .dropdown-extended .footer > a:hover { text-decoration: underline; }
  41. .dropdown-extended ul li:first-child { border-top: medium none; }
  42. .dropdown-extended ul li { padding: 0px; margin: 0px ! important; float: none; border-top: 1px solid; list-style-type: none; font-size: 0.95em; clear: both; position: relative; }
  43. .dropdown-extended ul { max-height: 350px; overflow-y: auto; overflow-x: hidden; clear: both; }
  44. .dropdown-left .dropdown, .nojs .rightside .dropdown { left: auto; right: 0px; margin-left: -500px; margin-right: 0px; }
  45. .dropdown-left .dropdown .pointer, .nojs .rightside .dropdown .pointer { left: auto; right: 10px; }
  46. .dropdown li { display: list-item; border-top: 1px dotted transparent; float: none ! important; line-height: normal ! important; font-size: 1em ! important; list-style: outside none none; margin: 0px; white-space: nowrap; text-align: left; }
  47. .dropdown li:first-child, .dropdown li.separator + li, .dropdown li li { border-top: 0px none; }
  48. .dropdown li.separator { border-top: 1px solid transparent; padding: 0px; }
  49. .dropdown li.separator:first-child, .dropdown li.separator:last-child { display: none ! important; }
  50. .dropdown .pointer, .dropdown .pointer-inner { position: absolute; width: 0px; height: 0px; border-width: 0px 10px 10px; border-bottom: 10px solid transparent; border-left: 10px dashed transparent; border-right: 10px dashed transparent; transform: rotate(360deg); display: block; }
  51. .dropdown .pointer-inner { top: auto; bottom: -11px; left: -10px; }
  52. .dropdown .pointer { right: auto; left: 10px; top: -1px; z-index: 3; }
  53. .dropdown-up .dropdown { top: auto; bottom: 1.2em; padding: 0px 0px 9px; }
  54. .dropdown-up .pointer { bottom: -1px; top: auto; }
  55. .dropdown-up .pointer, .dropdown-up .pointer-inner { border-bottom-width: 0px; border-top: 10px solid transparent; }
  56. .dropdown-up .pointer-inner { bottom: auto; top: -11px; }
  57. .footer-row { font-size: 10px; line-height: 1.8; margin: 0px; }
  58. .forabg { margin-bottom: 4px; padding: 5px; clear: both; border-radius: 3px; }
  59. h1 { font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; margin-right: 200px; margin-top: 15px; font-weight: bold; font-size: 2em; }
  60. h2 { font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-weight: normal; font-size: 1.8em; margin: 0.8em 0px 0.2em; }
  61. h3 { font-family: Arial,Helvetica,sans-serif; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid transparent; margin-bottom: 3px; padding-bottom: 2px; font-size: 1.05em; margin-top: 20px; }
  62. .headerbar { margin-bottom: 4px; padding: 5px; border-radius: 3px; }
  63. .header-profile { display: inline-block; vertical-align: top; }
  64. hr { border-width: 1px 0px 0px; border-style: solid; border-color: transparent; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; height: 1px; margin: 5px 0px; display: block; clear: both; }
  65. hr.dashed { border-top-style: dashed; margin: 10px 0px; }
  66. hr.divider { display: none; }
  67. html { font-size: 100%; height: 101%; }
  68. i, em { font-style: italic; }
  69. img { border-width: 0px; }
  70. .inner::after, ul.linklist::after, .action-bar::after, .notification_text::after, .tabs-container::after, .tabs > ul::after, .minitabs > ul::after, .postprofile .avatar-container::after { clear: both; content: ""; display: block; }
  71. .jumpbox .dropdown-contents a { margin-right: 20px; padding: 5px 10px; text-decoration: none; width: 100%; }
  72. .jumpbox .dropdown-contents a { text-decoration: none; }
  73. .jumpbox .dropdown-contents li { padding: 0px; }
  74. .jumpbox .dropdown-contents { padding: 0px; text-decoration: none; }
  75. .jumpbox .dropdown li { border-top: 1px solid transparent; }
  76. .jumpbox .dropdown-select { margin: 0px; }
  77. .jumpbox { margin: 5px 0px; }
  78. .jumpbox .spacer { display: inline-block; width: 0px; }
  79. .left-box { float: left; width: auto; text-align: left; max-width: 100%; }
  80. li { display: list-item; }
  81. .linklist .quick-links { margin: 0px 7px 0px 0px; }
  82. .logo { float: left; width: auto; padding: 10px 13px 0px 10px; }
  83. .logo:hover { text-decoration: none; }
  84. @media only screen and (max-height: 500px), only screen and (max-device-width: 500px) { .phpbb_alert { top: 25px; } }
  85. @media only screen and (max-width: 1220px), only screen and (max-device-width: 1220px) { .wrap { margin: 0px 12px; } }
  86. .navbar { padding: 3px 10px; border-radius: 3px; }
  87. .navbar ul.linklist { padding: 2px 0px; list-style-type: none; }
  88. .notification_list p.notification-reference, .notification_list p.notification-location, .notification_list li a p.notification-reason { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  89. .notification_list p.notification-time { font-size: 0.9em; margin: 0px; text-align: right; }
  90. .notification_list ul li img { float: left; max-height: 50px; max-width: 50px; width: auto ! important; height: auto ! important; margin-right: 5px; }
  91. .notification_list ul li p { margin-bottom: 4px; font-size: 1em; }
  92. .notification_text { margin-left: 58px; }
  93. .page-body { margin: 4px 0px; clear: both; }
  94. .page-footer { clear: both; }
  95. .page-footer h3 { margin-top: 20px; }
  96. .pagination { float: right; text-align: right; width: auto; }
  97. .phpbb_alert .alert_close { float: right; margin-right: -36px; margin-top: -8px; }
  98. .phpbb_alert { border: 1px solid transparent; display: none; left: 0px; padding: 0px 25px 20px; position: fixed; right: 0px; top: 150px; z-index: 50; width: 620px; margin: 0px auto; }
  99. .phpbb_alert p { margin: 8px 0px; padding-bottom: 8px; }
  100. p.jumpbox-return { margin-top: 10px; margin-bottom: 0px; float: left; }
  101. p { line-height: 1.3em; font-size: 1.1em; margin-bottom: 1.5em; }
  102. .post { padding: 5px 10px; margin-bottom: 4px; background-repeat: no-repeat; background-position: 100% 0px; border-radius: 3px; position: relative; }
  103. p.right { text-align: right; }
  104. .responsive-menu::before { display: none ! important; }
  105. .site-description { float: left; width: 65%; }
  106. .site-description h1 { margin-right: 0px; }
  107. .site_logo { display: inline-block; width: 149px; height: 52px; }
  108. .stat-block { clear: both; }
  109. .top-anchor { display: block; position: absolute; top: -20px; }
  110. ul.linklist.bulletin > li::before { display: inline-block; content: "•"; font-size: inherit; line-height: inherit; padding-right: 4px; }
  111. ul.linklist.bulletin > li:first-child::before, ul.linklist.bulletin > li.rightside:last-child::before { content: none; }
  112. ul.linklist.bulletin > li.no-bulletin::before { content: none; }
  113. ul.linklist { display: block; margin: 0px; }
  114. ul.linklist .dropdown { top: 22px; }
  115. ul.linklist > li { float: left; font-size: 1.1em; line-height: 2.2em; list-style-type: none; margin-right: 7px; padding-top: 1px; width: auto; }
  116. ul.linklist li.responsive-menu { position: relative; margin: 0px 5px 0px 0px; }
  117. ul.linklist > li.rightside, p.rightside, a.rightside { float: right; margin-right: 0px; margin-left: 7px; text-align: right; }
  118. ul { list-style-type: disc; }
  119. ul.navlinks { border-top: 1px solid transparent; }
  120. ul ul, ol ul { list-style-type: circle; }
  121. .wrap { border: 1px solid transparent; border-radius: 8px; margin: 0px auto; max-width: 1152px; min-width: 625px; padding: 15px; }
  122. .wrap .dropdown li, .dropdown.wrap li, .dropdown-extended li { white-space: normal; }