Not Solved Forum boxes are not displayed properly
#11
Not Solved
Need to add justify-content: center; to the d-flex.

   
Reply
#12
Not Solved
I tried several things but I was not able to "replicate" the original forum boxes from the image. I will drop my global.css here. I hope someone can add the missing things. 

@media (max-width:800px) {
.wrapper,#logo img,.width,#container,.mobile-fullwidth {
width:100%!important;
max-width:100%!important;
min-width:100%!important
}

#footer {
margin-top:1rem
}

.mobile-wauto {
width:auto!important
}

.mobile-text-center {
text-align:center!important
}

.mobile-noflex,.mobile-show {
display:block!important
}

#logo .wrapper {
justify-content:center
}

.post_management_buttons {
float:none!important;
text-align:center
}

.sidebar {
padding:0!important
}

.mobile-hide,.profile-buttons.mobile-hide {
display:none!important
}

#footer .lower {
min-width:calc(100% - 50px)!important;
width:calc(100% - 50px)!important
}

.footer-back {
margin-top:0!important
}

.profile-buttons {
margin-bottom:15px;
display:flex!important;
position:relative!important;
right:auto!important;
top:auto!important
}

.profile-buttons a {
margin:0 5px
}

.inner-container .advertisements img {
padding:5px 0!important;
width:100%
}

.usercp-responsive {
float:left;
width:100%!important;
padding-bottom:15px;
box-sizing:border-box;
padding-right:0!important
}

.usercp-input {
width:96%!important
}

.usercp-responsive fieldset {
border:none!important
}

.forums .forum {
max-width:100%!important;
margin-left:0!important;
margin-right:0!important
}

.subforums .forum {
width:100%!important;
margin-left:0!important;
margin-right:0!important
}

.author_avatar img {
width:70px!important;
height:70px!important
}

.halfwidth {
width:100%!important
}

.width70 {
width:100%!important
}

.forum-announcement {
width:100%!important;
margin-right:0!important;
margin-bottom:1rem!important
}
}

@media (min-width: 801px) and (max-width: 1366px) {
max-width:calc(33.333% - 12px)!important
}

.forum-announcement {
width:100%!important;
margin-right:0!important;
margin-bottom:1rem!important
}

.forum-announcements {
display:block!important
}
}

.header-advertisments a {
padding:0 5px
}

.border-bottom {
border-bottom:1px solid #212121!important
}

.online-note {
background:#348423;
padding:0 5px;
border-radius:2px;
color:#fff;
font-size:13px;
font-weight:400
}

.select2-dropdown-open .select2-choice {
box-shadow:none!important
}

.select2-results .select2-no-results,.select2-results .select2-searching,.select2-results .select2-ajax-error,.select2-results .select2-selection-limit {
background:none!important
}

.select2-search input,.select2-container .select2-choice,.select2-container .select2-choice .select2-arrow {
background:#202020!important;
color:grey!important;
border-radius:1px!important;
border:1px solid #2b2b2b!important
}

.select2-drop-active {
border:1px solid #272727!important
}

.select2-drop {
background:#222!important;
color:grey!important;
box-shadow:none!important
}

.select2-container-multi .select2-choices {
background:#202020!important;
color:grey!important;
border-radius:1px!important;
border:1px solid #2b2b2b!important
}

.select2-container-multi .select2-choices .select2-search-choice {
color:grey!important;
border:none!important;
box-shadow:none!important;
background:#282828!important;
padding:5px 20px!important;
text-align:center
}

.table.stats .trow1 {
padding:10px 14px
}

.table.stats .number {
color:#2c3646;
font-size:15px;
padding:0 2px
}

textarea,input {
box-sizing:border-box
}

.swal-footer {
text-align:center
}

.swal-modal {
background-color:#1D1D1D;
box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 12px rgba(0,0,0,.12)
}

.swal-icon--success,.swal-icon--success__ring {
border-color:#27ae60
}

.swal-icon--success__line {
background-color:#27ae60
}

.swal-button {
background:#2b2b2b;
color:grey
}

.swal-button:focus {
box-shadow:none
}

.swal-text,.swal-title {
color:grey;
text-align:center
}

.swal-icon--success:after,.swal-icon--success:before,.swal-icon--success__hide-corners {
background:#1d1d1d
}

.deleted_post .postbit_qrestore,.deleted_post .status_type {
display:inline!important
}

.deleted_post .postbit_mirage {
display:none!important
}

.profile-stats {
border-radius:2px;
box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.12);
margin:0 5px;
background:#212121;
border-top:1px solid #262626;
border-bottom:1px solid #1B1B1B
}

.profile-stats .profile-top {
padding:20px 0
}

.profile-stats .profile-bottom {
padding:12px;
border-top:1px solid #272727;
background:#2b2b2b;
display:flex;
align-items:center;
justify-content:center
}

.profile-stats .profile-bottom i {
font-size:20px;
margin:0 10px;
color:grey;
transition:.3s
}

.profile-stats .profile-bottom i:hover {
color:#ccc
}

.thread-header {
padding:15px;
background:#2c3646;
color:#fff;
border-radius:1px
}

.thread-header h1 {
margin:0!important;
position:relative;
font-weight:600;
font-size:18px
}

.thread-header img {
margin-right:15px;
height:45px;
width:45px;
border-radius:2px
}

.popup_menu {
background:#272727;
z-index:100;
left:auto!important;
top:auto!important
}

.popup_menu .popup_item {
background:#1d1d1d;
color:#757575;
font-weight:700
}

.popup_menu .popup_item:hover {
background:#272727
}

.popup_menu .popup_item_container {
margin:1px;
text-align:left
}

.popup_menu .popup_item {
display:block;
padding:7px 10px!important;
white-space:nowrap;
text-decoration:none
}

.popup_menu a.popup_item:hover {
text-decoration:none
}

.postbit_buttons>a:active,.postbit_buttons>a:link,.postbit_buttons>a:visited {
background-color:#212121;
padding:7px 9px;
border-radius:2px;
color:grey;
border:none;
font-size:12px;
display:inline-block;
margin:0 3px
}

.postbit_buttons>a:hover {
background:#2c3646!important;
color:#fff!important
}

.inline,.post-op {
display:inline-block
}

.post .post_author div.author_avatar img {
border:none;
background:none
}

.post-article {
width: 70%;
margin-left: auto;
margin-right: auto;
display:table;
table-layout:fixed;
box-shadow:0 2px 4px -1px #000 0 0 2px -1px #000
}

.postbit-number {
padding-right:10px
}

.postbit-group {
margin-top:5px;
margin-bottom:5px
}

.postbit-awards {
margin:0 24px
}

.signature {
overflow:auto;
max-height:320px;
margin-top:40px;
border-top:1px solid #303030;
padding:10px
}

.post-usertitle {
line-height:1.45;
background-color:#1B1B1B;
margin:5px -5px 6px;
color:#666;
border-bottom:1px solid #212121;
text-align:center;
font-weight:700
}

.post-author,.post-avatar,.post-content,.post-username,.rep-button {
position:relative
}

.post-avatar {
z-index:2;
margin:15px 0
}

.post-username {
padding:5px;
z-index:2;
margin-top:5px
}

.post-author {
width:170px;
padding:6px 5px;
border-right:1px solid #1d1d1d;
background:#252525
}

.post-box {
width:100%;
display:flex
}

.post-set {
border:2px solid #1e1e1e;
margin-bottom:7px;
margin-top:7px;
float:unset
}

.author_avatar {
text-align:center
}

.postbit_bg_main {
position:relative;
z-index:1
}

.postbit_bg,.postbit_bg:before {
position:absolute;
top:0;
left:0;
right:0;
bottom:0
}

.postbit_bg {
opacity:.5;
z-index:-1;
width:100%;
height:60%;
background-size:cover!important;
background-repeat:no-repeat!important;
background-position:center!important
}

.postbit_bg:before {
content:'';
background-image:linear-gradient(to bottom,transparent,#252525)
}

.rep-button {
background:#303030;
cursor:pointer;
font-size:12px;
outline:0;
border:none;
color:#8E8E8E!important;
-webkit-appearance:none;
-moz-appearance:none;
margin:0;
-webkit-tap-highlight-color:transparent;
text-align:center;
border-radius:2px;
font-weight:600;
padding:13px 22px
}

.post-op {
margin-right:5px;
font-weight:700;
color:#348423
}

.post-controls {
padding:9px;
clear:both;
overflow:hidden;
background:#1D1D1D
}

.post-content {
flex:1;
background:#252525;
padding:10px
}

.post-statistics,.post-usertitle {
border-radius:2px;
padding:6px 10px
}

.post-awards {
width:155px;
margin:5px auto 10px;
display:block;
text-align:left
}

.post .post_author {
background:#282828;
border-bottom:1px solid #303030;
border-top:none
}

.latestpost img {
border-radius:2px;
height:35px;
width:35px;
float:left;
margin-right:6px
}

.latestpost span {
font-size:12px
}

.latestpost .latest-post-text {
display:inline-block;
vertical-align:top;
margin-left:9px;
font-size:13px;
margin-top:1px
}

.latestpost .latest-replies {
background:#2f2f2f;
width:35px;
padding:8px 0;
text-align:center;
border-radius:3px;
margin-top:2px;
position:relative;
font-size:12px;
box-shadow:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.12);
float:right;
border-bottom:1px solid #1B1B1B
}

.sidebar_btn {
float:left;
text-align:center;
font-size:15px;
cursor:pointer;
width:25%;
background:#282828!important;
border-bottom:1px solid #1b1b1b;
padding:9px 0;
transition:.3s
}

.sidebar_btn:hover {
color:#fff!important
}

.sidebar_active {
background:#212121!important;
color:#fff!important
}

.lp_button {
float:right;
border-radius:0!important;
padding:3px;
background:0 0!important;
border:none!important;
cursor:pointer
}

.notice {
padding:8px;
background-color:#282828;
border-radius:2px
}

.notice.notice-blue {
background-color:#2c3646;
color:#fff
}

.table .stats {
display:flex;
text-align:center
}

.table .stats .flex-one {
padding:20px;
margin:0;
background:#212121;
border-top:1px solid #262626;
border-bottom:1px solid #1B1B1B;
border-left:1px solid #262626;
border-right:1px solid #1B1B1B;
position:relative
}

.table .stats .flex-one .number {
font-size:20px;
color:#2c3646
}

#header {
margin-bottom:1rem
}

#header .menu-nav li a {
padding:15px 20px!important;
line-height:21px!important
}

#header ul.menu .item.dropdown-activate {
cursor:pointer
}

.fixed-menu {
width:100%;
position:fixed;
top:0;
left:0;
z-index:100000;
box-shadow:0 1px 0 1px rgba(0,0,0,0.1)
}

.relative-menu {
width:100%;
position:relative;
top:0;
left:0;
z-index:100000;
box-shadow:0 1px 0 1px rgba(0,0,0,0.1)
}

.nav-start {
padding:5px 10px;
background-color:#2c3646;
color:#fff;
border-radius:2px 0 0 2px
}

.thead.upgrade {
text-align:center;
padding:10px;
font-size:24px;
text-transform:uppercase;
margin:-1px -1px 1px;
border-radius:2px 2px 0 0;
color:#fff;
font-weight:500
}

.thead.upgrade.premium {
background:#FF00CD47;
border-top:4px solid #FF00CD73
}

.thead.upgrade.premium-plus {
background:#2D86C847;
border-top:4px solid #2D86C873
}

.thead.upgrade.premium-plus-plus {
background:#FF005547;
border-top:4px solid #FF005573
}

.premium {
color:#FF00CD;
font-weight:700
}

.premium-plus {
color:#2D86C8;
font-weight:700;
background-image:url(https://skryptec.net/rps/images/sparkle.gif)
}

.premium-plus-plus {
color:#F05;
font-weight:700;
background-image:url(https://skryptec.net/rps/images/sparkle.gif)
}

.upgrade-button {
padding:10px 0!important
}

.forum .row .forum-stats,.forum .row .latestpost {
margin-top:auto;
margin-bottom:auto
}

.forum .row .flex-grow,.wrapped .latest {
align-self:center
}

.forum .row .forum-stats,.forum .row .icon {
text-align:center
}

.forum,.forum .row {
position:relative
}

.forum .row .latestpost .latest {
display:flex;
padding:0
}

.forum .row .forum-stats {
margin-right:20px
}

.wrapped .title {
padding:12px;
background-color:#252525;
border-radius:2px
}

.forum-display .icon img,.wrapped .latest .avatar img {
width:38px;
height:38px;
border-radius:5px
}

.wrapped .latest .avatar img {
margin-right:10px
}

.wrapped .latest {
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
-webkit-align-items:center;
-moz-align-items:center;
align-items:center;
width:250px;
margin-left:auto;
padding:15px
}

.forum .row .forum-stats .number,#stats-count {
font-size:15px
}

.small,.wrapped .small {
font-size:11px
}

.forum .row .flex-grow .small {
margin-top:2px;
width:80%;
word-wrap:break-word
}

.forum .row .name {
color:#FFF;
text-shadow:2px 2px 2px #141414;
font-size:14px
}

.flex-grow {
flex-grow:1
}

.forum .row {
display:flex;
background:#1c1c1c;
border-bottom:1px solid #212121
}

.forum {
background:#1c1c1c
}

.wrapped {
box-shadow:0 1px 4px #151515;
border:1px solid #202020;
border-radius:2px
}

.forum .row .icon {
margin-right:25px;
margin-top:auto;
margin-bottom:auto;
font-size:24px;
color:#2c3646;
min-width:30px
}

#stats-desc {
font-size:12px
}

.green {
color:#14ab1b!important
}

.red {
color:#c0392b!important
}

.yellow {
color:#c08b2b!important
}

.blue {
color:#2b82c0!important
}

.black {
color:#000!important
}

.white {
color:#fff!important
}

.center {
text-align:center
}

.table-wrapper {
display:table;
width:100%;
table-layout:fixed
}

.table-cell {
display:table-cell;
vertical-align:middle
}

.postbit-contact {
width:200px;
border-right:1px solid #303030
}

.position-relative {
position:relative!important
}

.p-0 {
padding:0!important
}

.main-container {
display:flex;
flex-wrap:wrap
}

.post-wrapper .mask {
border-bottom:1px solid #303030;
border-radius:2px;
background-color:#2f2f2f;
width:100%
}

.thead a.button-dark:hover {
background-color:#2c364675!important
}

.whole .authorbit {
width:200px;
text-align:center;
padding:15px 0;
background-color:#282828;
position:relative;
z-index:1;
border-bottom:1px solid #303030
}

.post-wrapper .mask .textcontent {
padding:20px;
color:grey
}

.signature {
padding:20px;
border-top:1px dashed #3a3a3a
}

.authorbit .author_avatar {
margin-bottom:12px
}

.whole .authorbit .user-details {
text-align:left;
width:150px;
margin:10px auto 0
}

.whole .authorbit .overflow {
overflow:hidden;
padding:10px;
font-size:13px;
color:grey
}

.left {
float:left
}

.right {
float:right
}

#posts .mask .usertitle {
color:grey;
font-size:15px;
padding:5px;
background:#515151
}

#posts .post-wrapper {
border:1px solid #303030!important
}

.post-wrapper .mask .time {
padding:20px 0;
background-color:#282828;
border-left:1px solid #303030;
font-size:12px;
color:grey
}

.postbit_buttons .report_button {
background:#751A1A!important;
color:#fff!important;
border-color:#952828!important
}

.postbit_buttons .report_button:hover {
background:#751a1ac4!important
}

#posts .postbit_buttons .table-cell {
padding:10px 0
}

.postbit-tools {
margin-right:10px;
position:relative
}

.profile-buttons {
position:absolute;
right:.5rem;
top:.5rem
}

.profile-buttons a {
margin-left:2.5px
}

.footer-nav ul a li {
display:flex;
padding:10px 0;
margin-left:-40px;
width:calc(100% - 30px);
transition:.5s;
cursor:pointer;
color:grey;
align-items:center;
border-width:.1px
}

.footer-nav h3 {
color:#7C2A2A
}

.footer-nav ul li:hover {
color:#7C2A2A
}

.footer-back-inner {
margin-top:2.5rem!important;
z-index:-1
}

.mobile-show {
display:none
}

::-webkit-scrollbar {
width:7px
}

::-webkit-scrollbar-thumb {
background:#7C2A2A
}

::-webkit-scrollbar-track {
background:#1d1d1d
}

.x-largetext {
font-size:20px
}

.sidebar {
flex:1.5;
padding-left:15px
}

.sidebar-left {
padding-right:15px;
padding-left:0!important
}

.profile-bg-cover-inner {
height:100%;
position:relative
}

.profile-bg {
position:relative;
z-index:1;
padding:0;
border-radius:2px;
height:15rem;
border:1px solid #1B1B1B
}

.profile-bg-cover {
position:absolute;
z-index:-1;
top:0;
bottom:0;
left:0;
right:0;
background-repeat:no-repeat!important;
background-position:center!important;
width:100%;
height:100%;
background-size:cover!important;
box-shadow:inset 0 -10px 20px 0 #000
}

.profile-bg-cover:before {
content:'';
background-image:linear-gradient(to bottom,transparent,#141414);
position:absolute;
top:0;
left:0;
right:0;
bottom:0
}

.text-right {
text-align:right!important
}

.text-left {
text-align:left!important
}

.text-white {
color:#fff!important
}

.users-browsing {
font-size:12px;
padding:8px;
background-color:#171717;
border-radius:2px
}

.whole {
flex:3.5
}

.online-desc {
font-size:11px;
padding:5px;
background:#282828;
border-radius:2px
}

#index #nav-index,#search #nav-search,#members #nav-members,#help #nav-help,#upgrade #nav-upgrade,.menu-active {
background-color:#1c1c1c
}

.menu-active {
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
transition:all .5s ease
}

.welcome {
padding:14px
}

body {
color:#b5b5b5;
text-align:left;
line-height:1.4;
margin:0;
font-size:13px;
height:100%;
overflow:auto;
-webkit-overflow-scrolling:touch;
background-color:#171717
}

#header .menu-nav {
position:relative;
border-radius:2px 2px 0 0;
z-index:1;
background-color:#252525!important;
padding:0;
max-width:1680px
}

#header ul.menu li span.private {
width:auto;
color:#fff!important;
background-color:#7C2A2A;
padding:2px 4px;
border-radius:2px
}

#header ul.menu li span.alerts {
width:auto;
background-color:#333;
padding:2px 4px;
border-radius:2px
}

.text-uppercase {
text-transform:uppercase
}

.bold {
font-weight:700
}

.align-items-center {
align-items:center
}

.justify-content-center {
justify-content:center
}

.d-flex {
display:flex
}

.d-flex-i {
display:flex!important
}

.ml-auto {
margin-left:auto!important
}

.mr-auto {
margin-right:auto!important
}

.inner-container {
padding:0 13px;
padding-bottom:13px;
position:relative;
z-index:0
}

.inner-container .advertisements img,.inner-container .discord img {
transition:.5s;
width:100%;
border-radius:2px
}

.advertisements img {
margin-bottom:15px
}

.advertisements a:last-child img {
margin-bottom:0
}

.inner-container .discord img:hover,.inner-container .advertisements img:hover {
opacity:.6
}

body,html,textarea {
font-family:Roboto,sans-serif
}

a:link {
color:#fff;
text-decoration:none;
transition:.3s
}

a:visited {
color:#fff;
text-decoration:none
}

a:hover,a:active {
color:#7C2A2A;
text-decoration:none
}

#container {
text-align:left;
line-height:1.4;
margin:0;
min-width:990px;
color:#b5b5b5;
font-size:13px
}

.wrapper {
width:calc(85% + 14px);
margin:auto;
max-width:1680px
}

.width {
width:calc(85% + 14px);
margin:auto!important;
max-width:1680px
}

#logo {
padding:20px 0
}

#logo img {
transition:1s;
margin-top:3.5rem
}

#logo img:hover {
opacity:.4
}

#content {
width:auto!important;
padding:0 10px;
overflow:hidden
}

#header ul.menu {
margin:0;
list-style:none;
background-color:#1d1d1d
}

#header ul.menu li {
display:inline
}

#header .fixed-menu li a {
margin-bottom:0!important
}

#header .fixed-menu li a:hover,#header .fixed-menu .active {
background-color:#212121!important
}

#header ul.menu li a {
display:inline-block;
line-height:25px;
padding:12px 16px;
margin-right:0;
color:grey!important;
transition:.3s;
position:relative
}

#header ul.menu li a:hover {
background-color:#212121;
border-color:#444!important
}

#logo ul.top_links {
font-weight:700;
text-align:right;
margin:-10px 5px 0 0
}

#logo ul.top_links a.search {
background-position:0 0
}

#logo ul.top_links a.memberlist {
background-position:0 -20px
}

#logo ul.top_links a.calendar {
background-position:0 -40px
}

#logo ul.top_links a.help {
background-position:0 -60px
}

#logo ul.top_links a.portal {
background-position:0 -180px
}

#panel .upper a.logout {
font-weight:700;
background:url(../../../images/headerlinks_sprite.png) right -80px no-repeat;
padding-right:20px;
margin-left:10px
}

#panel .upper a.login,#panel .upper a.lost_password {
background:url(../../../images/headerlinks_sprite.png) 0 -100px no-repeat;
padding-left:20px;
margin-left:10px;
font-weight:700
}

#panel .upper a.register {
background:url(../../../images/headerlinks_sprite.png) right -80px no-repeat;
padding-right:20px;
margin-left:10px;
font-weight:700
}

#panel .lower ul.panel_links {
float:left
}

#panel .lower ul.panel_links a.usercp {
background-position:0 -120px
}

#panel .lower ul.panel_links a.modcp {
background-position:0 -140px
}

#panel .lower ul.panel_links a.admincp {
background-position:0 -160px
}

#panel .lower ul.user_links {
float:right
}

#panel .lower ul.user_links li a {
padding:0;
background-image:none
}

#panel .upper {
color:#fff;
background:#232323;
height:45px;
line-height:45px;
clear:both
}

#panel .upper a:link,#panel .upper a:visited,#panel .upper a:hover,#panel .upper a:active {
color:#7C2A2A
}

#panel .lower {
background:#efefef;
color:#999;
border-top:1px solid #fff;
border-bottom:1px solid #ccc;
padding:5px
}

#panel .lower a:link,#panel .lower a:visited,#panel .lower a:hover,#panel .lower a:active {
color:#7C2A2A
}

#search {
border:0;
padding:0;
margin:0;
vertical-align:middle
}

#quick_login .remember_me input {
vertical-align:middle;
margin:-3px 0 0 5px
}

#footer {
clear:both;
padding:20px 0;
border-top:2px solid #1d1d1d;
background-color:#1a1a1a
}

#footer ul.menu {
margin:0;
padding:0;
list-style:none
}

#footer ul.menu li {
margin:0 5px;
display:inline
}

#footer .upper {
background:#efefef;
padding:6px;
font-size:13px;
overflow:hidden
}

#footer a:link,#footer a:visited,#footer a:hover,#footer a:active {
color:#7C2A2A
}

#footer .upper .language {
float:right;
margin:-1px;
margin-left:15px
}

#footer .upper .language select {
border-color:#ccc
}

#footer .upper .theme {
float:right;
margin:-1px;
margin-left:15px
}

#footer .upper .theme select {
border-color:#ccc
}

#footer .upper ul.bottom_links {
float:left;
margin:4px 0 0
}

#footer .lower {
color:grey;
overflow:hidden;
font-size:12px
}

#footer .lower a:link,#footer .lower a:visited {
color:#fff;
font-weight:700
}

#footer .lower a:hover,#footer .lower a:active {
color:#7C2A2A;
font-weight:700
}

.scaleimages img {
max-width:100%
}

.forum_status {
height:50px;
width:50px;
font-size:30px;
text-align:center
}

.forum_status i {
display:inline-block;
line-height:50px
}

.forum_on {
color:#7C2A2A
}

.forum_off,.forum_offlock,.forum_offlink {
color:#333
}

.forum_off i {
opacity:.8
}

.forum_offlock i:before {
content:"\f023"
}

.forum_offlink i:before {
content:"\f02e"
}

.subforum_minion {
color:#333
}

.subforum_minioff,.subforum_miniofflock,.subforum_miniofflink {
color:#333
}

.subforum_minioff {
opacity:.4
}

.subforum_miniofflock i:before {
content:"\f023"
}

.subforum_miniofflink i:before {
content:"\f0c1"
}

table {
color:grey;
font-size:13px
}

.tborder {
width:100%;
margin:auto;
box-shadow:0 1px 4px #151515;
border:1px solid #202020;
border-radius:2px
}

.tfixed {
table-layout:fixed;
word-wrap:break-word
}

.thead {
background:#7C2A2A;
color:#fff;
padding:12px;
border-radius:2px 2px 0 0
}

.thead-grey {
background:#252525!important;
color:grey!important
}

.thead a:link {
color:#fff;
text-decoration:none
}

.thead a:visited {
color:#fff;
text-decoration:none
}

.thead a:hover,.thead a:active {
color:#fff
}

.tcat {
background:#191919;
border-bottom:1px solid #212121;
padding:8px;
font-size:13px;
color:grey
}

.tcat a:link {
color:#fff
}

.tcat a:visited {
color:#fff
}

.tcat a:hover,.tcat a:active {
color:#fff
}

.trow1,.trow2 {
background:#1c1c1c;
border-bottom:1px solid #212121;
padding:14px
}

.trow_shaded {
background:#ffdde0;
padding:14px
}

.no_bottom_border {
border-bottom:0
}

.post.unapproved_post {
background:#ffdde0
}

.post.unapproved_post .post_author {
border-bottom-color:#ffb8be
}

.post.classic.unapproved_post .post_author {
border-color:#ffb8be
}

.post.unapproved_post .post_controls {
border-top-color:#ffb8be
}

.trow_deleted,.post.deleted_post {
background:#c0392b47
}

.trow_selected,tr.trow_selected td {
background:#1c822012;
color:#fff
}

.trow_selected a:link,.trow_selected a:visited,.trow_selected a:hover,.trow_selected a:active {
color:#7C2A2A
}

.trow_sep {
background:#1d1d1d;
padding:6px
}

.tfoot {
padding:6px;
background:#1a1a1a;
color:grey
}

.tfoot a:link {
color:#fff;
text-decoration:none
}

.tfoot a:visited {
color:#fff;
text-decoration:none
}

.thead input.textbox,.thead select {
border:1px solid #263c30
}

.bottommenu {
background:#efefef;
color:grey;
border:1px solid #4874a3;
padding:10px
}

.navigation {
color:grey;
margin:10px 0 20px;
padding:10px 0;
border-radius:2px;
text-align:center;
font-size:14px
}

.navigation a:link {
text-decoration:none;
padding:5px 10px
}

.navigation a:visited {
text-decoration:none
}

.navigation a:hover,.navigation a:active {
text-decoration:none
}

.navigation .active {
padding:5px 10px;
font-weight:500
}

.smalltext {
font-size:13px
}

.largetext {
font-size:16px;
font-weight:700
}

.mediumtext {
font-size:14px
}

fieldset {
padding:12px;
margin:0;
border:none
}

fieldset.align_right {
text-align:right
}

input.textbox {
padding:9px;
outline:0;
transition:.5s;
background:#202020;
color:grey;
border-radius:3px;
border:1px solid #2b2b2b!important
}

input.textbox.portal_search {
width:68%
}

textarea {
background:#202020;
color:grey;
border-radius:3px;
border:1px solid #2b2b2b!important;
padding:9px;
line-height:1.4;
outline:0;
font-size:13px
}

select {
background:#202020;
border-color:#2b2b2b!important;
border-width:1px;
border-style:solid;
padding:6px 10px;
color:grey;
border-radius:2px
}

a.button:link,a.button:visited,a.button:active,button,.button,input.button {
padding:10px 20px;
cursor:pointer;
background:#252525;
border:none;
border-radius:2px;
display:inline-block;
color:grey;
font-weight:700;
font-size:12px;
transition:.3s;
box-shadow:0 1px 1px #00000069
}

.button-dark:hover {
background-color:#333!important;
color:grey!important
}

.button-logout {
background-color:#292929!important;
font-weight:400!important
}

.button-admin {
background-color:#c0392b!important;
color:#fff!important
}

.button-mod {
background-color:#028e3d!important;
color:#fff!important
}

a.button:hover,button:hover,input.button:hover,.button-dark {
background-color:#7C2A2A!important;
color:#fff!important
}

form {
margin:0;
padding:0
}

input.error,textarea.error,select.error {
border:1px solid #f30;
color:#f30
}

input.valid,textarea.valid,select.valid {
border:1px solid #0c0
}

label.error {
color:#f30;
margin:5px;
padding:0;
display:block;
font-weight:700;
font-size:11px
}

form #message {
width:500px
}

.editor {
background:#f1f1f1;
border:1px solid #ccc
}

.editor_control_bar {
background:#333
}

.post .editor_control_bar {
background:#f5f5f5
}

.reputation_positive {
color:#080
}

.reputation_neutral {
color:#444
}

.reputation_negative {
color:#CB0200
}

.repbox {
font-size:13px;
font-weight:700;
padding:2px 10px;
border-radius:2px
}

._neutral {
background:#444;
color:grey
}

._minus {
background:#CB0200;
color:#fff
}

._plus {
background:#080;
color:#fff
}

img {
border:none
}

img.attachment {
border:1px solid #E9E5D7;
padding:2px
}

hr {
background-color:#1b1b1b;
color:#1b1b1b;
height:1px;
border:0
}

.clear {
clear:both
}

.float_left {
float:left
}

.float_right {
float:right
}

.hidden {
display:none;
float:none;
width:1%
}

.hiddenrow {
display:none
}

.selectall {
background:#FFFBD9;
border-bottom:1px solid #F7E86A;
color:grey;
text-align:center
}

.expcolimage {
float:right;
width:auto;
vertical-align:middle;
margin-top:3px
}

.tcat_menu > .expcolimage {
margin-top:0
}

blockquote {
border:1px solid #1b1b1b;
margin:0;
background:#222;
padding:10px;
border-radius:2px
}

blockquote cite {
font-weight:700;
border-bottom:1px solid #272727;
font-style:normal;
display:block;
padding-bottom:3px;
margin:0 0 10px
}

blockquote cite > span {
float:right;
font-weight:400;
font-size:13px;
color:grey
}

blockquote cite span.highlight {
float:none;
font-weight:700;
padding-bottom:0
}

.codeblock {
background:#212121;
padding:10px
}

.codeblock .title {
font-weight:700;
padding-bottom:3px;
margin:0 0 10px
}

.codeblock code {
overflow:auto;
height:auto;
max-height:200px;
display:block;
font-family:Monaco,Consolas,Courier,monospace;
font-size:13px
}

.smilie {
vertical-align:middle
}

.smilie_pointer {
cursor:pointer
}

.separator {
margin:5px;
padding:0;
height:0;
font-size:1px;
list-style-type:none
}

.popup_menu .popup_item_container {
margin:1px;
text-align:left
}

.popup_menu .popup_item {
display:block;
padding:4px;
white-space:nowrap;
text-decoration:none
}

.popup_menu a.popup_item:hover {
text-decoration:none
}

.subject_new {
font-weight:700
}

.highlight {
background:#FFC;
padding-top:3px;
padding-bottom:3px
}

.pm_alert {
background:#171717;
text-align:center;
padding:10px 20px;
margin-bottom:15px
}

.red_alert {
background:#7c2a2a;
text-align:center;
padding:10px 20px;
margin-bottom:15px;
color:#fff;
word-wrap:break-word
}

.high_warning {
color:#C00
}

.moderate_warning {
color:#F3611B
}

.low_warning {
color:#AE5700
}

.imminent_banned {
color:#800
}

.high_banned {
color:red
}

.moderate_banned {
color:#F60
}

.low_banned {
color:green
}

.online {
color:#15A018
}

.offline {
color:#C7C7C7
}

div.error {
background:#292929;
font-size:13px;
color:grey;
border:none;
border-radius:2px;
padding:15px
}

div.error p {
margin:0;
color:#fff;
font-weight:400
}

div.error p em {
font-style:normal;
font-weight:700;
padding-left:4px;
display:block;
color:#fff
}

div.error ul {
margin-left:4px
}

.pagination {
font-size:11px;
padding:10px 0;
margin-bottom:5px
}

.tfoot .pagination,.tcat .pagination {
padding-top:0
}

.pagination .pages {
font-weight:700
}

.pagination .pagination_current,.pagination a {
background:#252525;
border:1px solid #252525;
padding:7px 14px
}

.pagination a {
background:#252525;
border:1px solid #252525;
padding:7px 14px
}

.pagination a:hover,.pagination .pagination_current {
background:#7C2A2A;
color:#fff;
border-color:#7C2A2A;
text-decoration:none;
padding:7px 14px
}

.pagination .go_page img {
margin-bottom:-4px
}

.drop_go_page {
background:#f5f5f5;
padding:4px
}

.pagination_breadcrumb {
background-color:#efefef;
border:1px solid #fff;
outline:1px solid #ccc;
padding:5px;
margin-top:5px;
font-weight:400
}

.pagination_breadcrumb_link {
vertical-align:middle;
cursor:pointer
}

.thread_legend,.thread_legend dd {
margin:0;
padding:0
}

.thread_legend dd {
padding-bottom:4px;
margin-right:15px
}

.thread_legend img {
margin-right:4px;
vertical-align:bottom
}

.forum_legend,.forum_legend dt,.forum_legend dd {
margin:0;
padding:0
}

.forum_legend dd {
float:left;
margin-right:10px;
margin-top:7px
}

.forum_legend dt {
margin-right:10px;
float:left
}

.success_message {
color:#00b200;
font-weight:700;
font-size:10px;
margin-bottom:10px
}

.error_message {
color:#C00;
font-weight:700;
font-size:10px;
margin-bottom:10px
}

#posts_container {
padding:0
}

.ignored_post {
border-top:3px solid #333;
padding:15px
}

.ignored_post .show_ignored_post {
margin-top:-15px
}

.ignored_post .show_ignored_post a.button span {
background-position:0 -400px
}

.deleted_post_hidden {
border-top:2px solid #ccc;
padding:15px
}

.deleted_post_collapsed {
border:1px solid #1d1d1d;
padding:15px;
border-radius:2px;
background-color:#272727
}

.deleted_post_collapsed .show_deleted_post {
margin-top:-15px
}

.deleted_post_collapsed .show_deleted_post a.button span {
background-position:0 -400px
}

.post {
overflow:hidden
}

.post.classic {
padding-top:15px
}

.post .post_author {
border-bottom:1px solid #ccc;
border-top:2px solid #ccc;
background:#f5f5f5;
padding:5px;
overflow:hidden
}

.post.classic .post_author {
border:1px solid #ddd;
float:left;
width:15%;
margin:0 1% 15px 0;
border-left:0;
padding:5px 1%
}

.post .post_author .buddy_status {
vertical-align:middle;
margin-top:-4px
}

.post .post_author div.author_avatar {
float:left;
margin-right:3px
}

.post.classic .post_author div.author_avatar {
float:none;
text-align:center;
margin-bottom:8px
}

.post .post_author div.author_avatar img {
padding:5px;
border:1px solid #ddd;
background:#fff
}

.post .post_author div.author_information {
float:left;
padding:6px 8px
}

.post.classic .post_author div.author_information {
float:none;
padding:0;
text-align:center
}

.post .post_author div.author_statistics {
float:right;
font-size:11px;
padding:3px 10px 3px 5px;
color:#666;
line-height:1.3
}

.post.classic .post_author div.author_statistics {
border-top:1px dotted #ccc;
margin:6px 0 0;
padding:6px 6px 3px;
float:none
}

.post .post_head {
font-size:11px;
padding-bottom:4px;
border-bottom:1px dotted #ddd;
margin-bottom:4px
}

.post .post_head span.post_date {
color:#666
}

.post .post_head span.edited_post {
font-size:10px;
color:#999
}

.post .post_head span.edited_post a {
color:#666
}

.post_body {
font-size:14px;
padding:12px 0
}

.post.classic .post_content {
float:left;
width:79%;
padding:0 1% 5px
}

.post_content {
padding:9px 10px 5px
}

.post_content .signature {
margin-top:5px;
border-top:1px dotted #ddd;
padding:10px 0 4px
}

.post .post_meta {
margin:4px 0;
font-size:11px;
color:#999
}

.post .post_meta a:link,.post .post_meta a:visited {
color:#777
}

.post .post_meta a:hover,.post .post_meta a:active {
color:#7C2A2A
}

.post_controls {
clear:both;
background:#f5f5f5;
border-bottom:1px solid #ccc;
padding:5px;
overflow:hidden
}

.post:not(.deleted_post) .postbit_qrestore,.post:not(.deleted_post) .status_type,.post.deleted_post .postbit_mirage {
display:none
}

a.button.small_button {
font-size:13px;
margin:0;
padding:3px 6px
}

a.button.new_thread_button span {
background-position:0 -340px
}

a.button.new_reply_button span {
background-position:0 -360px
}

a.button.closed_button span {
background-position:0 -380px
}

a.button.rate_user_button span {
background-position:0 -400px
}

a.button.add_buddy_button span {
background-position:0 -440px
}

a.button.remove_buddy_button span {
background-position:0 -480px
}

a.button.add_ignore_button span {
background-position:0 -460px
}

a.button.remove_ignore_button span {
background-position:0 -500px
}

a.button.report_user_button span {
background-position:0 -520px
}

.pollbar {
background:#7C2A2A;
height:10px;
border-radius:2px
}

.pollbar .percent {
display:none
}

.posticons_label {
white-space:nowrap
}

.ie6 {
position:absolute
}

.ie6.top-right {
right:auto;
bottom:auto;
left:expression((0 - jGrowl.offsetWidth + (document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');
top:expression((0 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px')
}

.ie6.top-left {
left:expression((0 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');
top:expression((0 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px')
}

.ie6.bottom-right {
left:expression((0 - jGrowl.offsetWidth + (document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');
top:expression((0 - jGrowl.offsetHeight + (document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px')
}

.ie6.bottom-left {
left:expression((0 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');
top:expression((0 - jGrowl.offsetHeight + (document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px')
}

.ie6.center {
left:expression((0 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');
top:expression((0 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px');
width:100%
}

.jGrowl {
z-index:9999;
color:#fff;
font-size:13px;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
position:fixed
}

.jGrowl.top-left {
left:0;
top:0
}

.jGrowl.top-right {
right:0;
top:3rem
}

.jGrowl.bottom-left {
left:0;
bottom:0
}

.jGrowl.bottom-right {
right:0;
bottom:0
}

.jGrowl.center {
top:0;
width:50%;
left:25%
}

.jGrowl.center .jGrowl-notification,.jGrowl.center .jGrowl-closer {
margin-left:auto;
margin-right:auto
}

.jGrowl-notification {
background-color:transparent;
opacity:.9;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
zoom:1;
width:250px;
padding:10px;
margin:10px;
text-align:left;
display:none;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
word-break:break-all
}

.jGrowl .jGrowl-notification {
min-height:40px
}

.jGrowl-notification .ui-state-highlight,.jGrowl-notification .ui-widget-content .ui-state-highlight,.jGrowl-notification .ui-widget-header .ui-state-highlight {
border:1px solid #000;
background:#000;
color:#fff
}

.jGrowl-notification .jGrowl-header {
font-weight:700;
font-size:.85em
}

.jGrowl-notification .jGrowl-close {
background-color:#252525;
color:inherit;
border:none;
z-index:99;
float:right;
font-weight:700;
font-size:1em;
cursor:pointer
}

.jGrowl-closer {
background-color:#000;
opacity:.9;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
zoom:1;
width:250px;
padding:10px;
margin:10px;
text-align:left;
display:none;
border-radius:5px;
word-break:break-all;
padding-top:4px;
padding-bottom:4px;
cursor:pointer;
font-size:.9em;
font-weight:700;
text-align:center
}

.jGrowl-closer .ui-state-highlight,.jGrowl-closer .ui-widget-content .ui-state-highlight,.jGrowl-closer .ui-widget-header .ui-state-highlight {
border:1px solid #000;
background:#000;
color:#fff
}

.jGrowl .jGrowl-notification.jgrowl_success {
background:#15A018;
border:1px solid #90ee90;
color:#fff
}

.jGrowl .jGrowl-notification.jgrowl_error {
background:#c0392b;
border:1px solid red;
color:#fff
}

.jGrowl .jGrowl-notification.jgrowl_process,.jGrowl .jGrowl-closer {
background:#c08b2b;
border:1px solid #ff0;
color:#fff
}

@media print {
.jGrowl {
display:none
}
}

.blocker {
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
width:100%;
height:100%;
overflow:auto;
z-index:9999;
padding:20px;
box-sizing:border-box;
background-color:#000;
background-color:rgba(0,0,0,0.75);
text-align:center
}

.blocker:before {
content:"";
display:inline-block;
height:100%;
vertical-align:middle;
margin-right:-.05em
}

.blocker.behind {
background-color:transparent
}

.modal {
width:400px;
text-align:left;
display:inline-block;
vertical-align:middle;
position:relative;
z-index:2;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-border-radius:8px;
-moz-border-radius:8px;
-o-border-radius:8px;
-ms-border-radius:8px;
border-radius:8px;
-webkit-box-shadow:0 0 10px #000;
-moz-box-shadow:0 0 10px #000;
-o-box-shadow:0 0 10px #000;
-ms-box-shadow:0 0 10px #000;
box-shadow:0 0 10px #000
}

.modal a.close-modal {
position:absolute;
top:-12.5px;
right:-12.5px;
display:block;
width:30px;
height:30px;
text-indent:-9999px;
background:url(../../../images/close.png) no-repeat 0 0
}

.modal-spinner {
display:none;
width:64px;
height:64px;
position:fixed;
top:50%;
left:50%;
margin-right:-32px;
margin-top:-32px;
background:url(../../../images/spinner_big.gif) no-repeat center center;
-webkit-border-radius:8px;
-moz-border-radius:8px;
-o-border-radius:8px;
-ms-border-radius:8px;
border-radius:8px
}

.jqifade {
position:absolute;
background-color:#777
}

iframe.jqifade {
display:block;
z-index:-1
}

div.jqi {
width:400px;
max-width:90%;
position:absolute;
background-color:#272727;
font-size:11px;
text-align:left;
border:solid 1px #1b1b1b;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
padding:7px
}

div.jqi .jqiclose {
position:absolute;
top:4px;
right:-2px;
width:18px;
cursor:default;
color:#bbb;
font-weight:700
}

div.jqi .jqistate {
background-color:#242424
}

div.jqi .jqititle {
padding:5px 10px;
font-size:16px;
line-height:20px;
border-bottom:solid 1px #eee
}

div.jqi .jqimessage {
padding:10px;
line-height:20px;
color:grey;
overflow:auto
}

div.jqi .jqibuttonshide {
display:none
}

div.jqi .jqibuttons {
text-align:right;
margin:0 -7px -7px;
border-top:solid 1px #272727;
background-color:#292929
}

div.jqi .jqibuttons button {
margin:0;
padding:15px 20px;
background-color:transparent;
font-weight:400;
border:none;
color:grey;
font-weight:bold;
font-size:13px
}

div.jqi .jqibuttons button.jqidefaultbutton {
color:#fff
}

div.jqi .jqibuttons button[disabled] {
color:grey
}

.jqiwarning .jqi .jqibuttons {
background-color:#b95656
}

div.jqi .jqiparentstate::after {
background-color:#777;
opacity:.6;
filter:alpha(opacity=60);
content:'';
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px
}

div.jqi .jqisubstate {
position:absolute;
top:0;
left:20%;
width:60%;
padding:7px;
border:solid 1px #eee;
border-top:none;
border-radius:0 0 6px 6px;
-moz-border-radius:0 0 6px 6px;
-webkit-border-radius:0 0 6px 6px
}

div.jqi .jqisubstate .jqibuttons button {
padding:10px 18px
}

.jqi .jqiarrow {
position:absolute;
height:0;
width:0;
line-height:0;
font-size:0;
border:solid 10px transparent
}

.jqi .jqiarrowtl {
left:10px;
top:-20px;
border-bottom-color:#fff
}

.jqi .jqiarrowtc {
left:50%;
top:-20px;
border-bottom-color:#fff;
margin-left:-10px
}

.jqi .jqiarrowtr {
right:10px;
top:-20px;
border-bottom-color:#fff
}

.jqi .jqiarrowbl {
left:10px;
bottom:-20px;
border-top-color:#fff
}

.jqi .jqiarrowbc {
left:50%;
bottom:-20px;
border-top-color:#fff;
margin-left:-10px
}

.jqi .jqiarrowbr {
right:10px;
bottom:-20px;
border-top-color:#fff
}

.jqi .jqiarrowlt {
left:-20px;
top:10px;
border-right-color:#fff
}

.jqi .jqiarrowlm {
left:-20px;
top:50%;
border-right-color:#fff;
margin-top:-10px
}

.jqi .jqiarrowlb {
left:-20px;
bottom:10px;
border-right-color:#fff
}

.jqi .jqiarrowrt {
right:-20px;
top:10px;
border-left-color:#fff
}

.jqi .jqiarrowrm {
right:-20px;
top:50%;
border-left-color:#fff;
margin-top:-10px
}

.jqi .jqiarrowrb {
right:-20px;
bottom:10px;
border-left-color:#fff
}

.text-center {
text-align:center
}

.arrow-up {
width:0;
height:0;
border-left:8px solid transparent;
border-right:8px solid transparent;
border-bottom:11px solid #292929;
margin-top:-12px;
margin-right:5px;
right:0;
position:absolute
}

.grey {
color:grey!important
}

.dropdown .item {
display:flex;
padding:8px!important;
align-items:center
}

.dropdown {
position:relative;
display:flex
}

.dropdown-row {
padding:10px 10px 10px 15px;
background-color:#222;
border-top:1px solid #262626;
border-bottom:1px solid #1B1B1B;
cursor:pointer;
transition:.3s;
display:block;
position:relative
}

.dropdown-row:hover {
background-color:#272727
}

.extras-dropdown-content {
right:auto!important;
top:3.2rem!important;
min-width:160px!important
}

.mobile-dropdown-content {
right:-7.6rem!important;
top:1px!important;
min-width:160px!important
}

.dropdown-content {
position:absolute;
background-color:#282828;
box-shadow:0 0 4px #131313;
border:1px solid #212121!important;
border-radius:2px;
z-index:5;
right:.4rem;
top:40px;
border-bottom:none;
display:none
}

.dropdown .head {
background-color:#2a2a2a;
padding:12px;
align-items:center;
font-size:16px
}

.dropdown .overview {
background-color:#303030;
padding:8px;
display:flex;
font-size:13px
}

.dropdown .overview .row {
width:50%
}

.dropdown .overview .row i {
margin-right:5px
}

.drop-content {
padding:10px;
display:flex
}

.drop-content .row {
align-items:center;
display:flex;
background-color:#404040;
border-radius:2px;
box-shadow:0 0 4px #1b1b1b;
position:relative;
transition:.3s;
margin:5px
}

.drop-content .logout {
background:#365C6C!important;
color:#fff
}

.drop-content .logout .icon {
background:#0000001c!important;
color:#fff!important
}

.drop-content .admin {
background:#CF2D2D!important;
color:#fff
}

.drop-content .mod {
background:#348423!important;
color:#fff
}

.drop-content .admin .icon {
color:#fff!important
}

.drop-content .mod .icon {
color:#fff!important
}

.drop-content .row .icon {
padding:8px 12px;
background:#0000001c!important;
color:grey;
border-radius:2px;
width:45px;
text-align:center
}

.drop-content .row .link {
margin-left:10px
}

.drop-content a:hover,.drop-content .row .link:hover {
color:#ccc
}

.drop-content .row .icon i {
font-size:20px
}

.dropdown .arrow {
text-align:right;
margin-right:10px;
margin-top:auto;
margin-bottom:auto
}

.dropdown .arrow i {
font-size:19px
}

.dropdown-content .drop-header {
align-items:center;
background-color:#292929;
padding:5px 50px 5px 0
}

.dropdown-content .drop-header img {
margin:10px;
border-radius:2px
}

.dropdown-content .table .stats .flex-one .stats-inner .stats-icon {
margin-left:auto;
background-color:#3c3c3c;
padding:10px;
color:grey;
border-left:1px solid #272727
}

.dropdown-content .table .stats .flex-one .stats-inner {
padding:5px;
display:flex;
justify-content:center;
align-items:center;
background-color:#2f2f2f;
border-radius:2px;
color:#fff
}

.dropdown-content .table .stats .flex-one .stats-inner.mcp {
background-color:#26A65B!important;
transition:.3s
}

.dropdown-content .table .stats .flex-one .stats-inner.mcp:hover {
background-color:#26a65bad!important
}

.dropdown-content .table .stats .flex-one .stats-inner.acp {
background-color:#c0392b!important;
transition:.3s
}

.dropdown-content .table .stats .flex-one .stats-inner.acp:hover {
background-color:#c0392bd4!important
}

.dropdown-content .table .stats .flex-one {
padding:2rem;
transition:.3s;
max-height:2.8rem
}

.dropdown-content .table .stats .flex-one i {
font-size:18px;
padding-bottom:10px
}

.dropdown-content .table .stats .flex-one:hover {
background:#242424;
color:#fff
}

.drop-header .noflex {
margin-left:1rem
}

.dropdown-content .sign-out {
background-color:#303030;
align-items:center;
justify-content:center
}

.dropdown-content .sign-out .button {
margin:10px
}

.dropdown-item {
display:inline-flex;
align-items:center;
justify-content:center;
padding:15px;
background:#2f2f2f;
margin:0 5px;
color:grey;
border-radius:2px;
border:1px solid #303030
}

.dropdown-item i {
transition:.3s
}

.dropdown-item:hover i {
color:#365C6C
}

.dropdown {
position:relative;
display:flex
}

.table .stats {
display:flex;
text-align:center
}

.table .stats .flex-one {
padding:20px;
margin:0;
background:#212121;
border-top:1px solid #262626;
border-bottom:1px solid #1B1B1B;
border-left:1px solid #262626;
border-right:1px solid #1B1B1B
}

.flex-one {
flex:1
}

.noflex {
display:block!important
}

.fullwidth {
width:100%
}

.fullwidth-i {
width:100%!important
}

.halfwidth {
width:50%
}

.halfwidth-i {
width:50%!important
}

.width70 {
width:70%
}

.width70-i {
width:70%!important
}

.hide {
display:none;
float:none
}

.hide-i {
display:none!important;
float:none!important
}

.text-uppercase {
text-transform:uppercase!important
}

.subforums,.forums {
display:flex;
flex-flow:row wrap
}

.forums-title {
margin-top:40px;
margin-bottom:20px;
width:60%
}

.forums-title .forums-h1 {
font-size:2em;
font-weight:700;
margin:15px;
text-transform:uppercase
}

.forums-title .forums-h2 {
font-size:1.5em
}

max-width:calc(25% - 12px)
}

.subforums .forum {
width:calc(50% - 12px)
}

.forum {
position:relative;
display:flex;
flex-direction:column;
min-width:0;
flex-grow:1;
margin-left:5px;
margin-right:5px;
margin-bottom:10px;
border-radius:.25rem;
box-shadow:0 1px 4px #151515;
border:1px solid #202020
}

.forum-body {
flex:1 1 auto;
padding:1rem
}

.forum-icon {
width:40px;
margin-left:6px;
margin-top:auto;
margin-bottom:auto;
display:none
}

.forum-icon i {
font-size:25px
}

.forum-title {
margin-bottom:.5rem;
font-size:18px
}

.forum-stats {
display:flex;
margin:10px auto
}

.forum-stats .forum-postnum,.forum-stats .forum-threadnum {
display:inline-block;
padding:3px 10px;
font-weight:bolder;
border-radius:50rem;
box-shadow:0 4px 6px -1px #000 0 2px 4px -1px #000;
background-color:#282c2d;
margin:0 5px
}

.forum-footer {
padding:.5rem 1rem;
background-color:rgba(0,0,0,0.03);
border-top:1px solid rgba(0,0,0,0.125)
}

.forum-footer > .right {
padding:10px 0
}

.forum-img,.forum-img-top,.forum-img-bottom {
width:100%;
height:150px
}

.forum-img,.forum-img-top {
border-top-left-radius:calc(0.25rem - 1px);
border-top-right-radius:calc(0.25rem - 1px)
}

.forum-img,.forum-img-bottom {
border-bottom-right-radius:calc(0.25rem - 1px);
border-bottom-left-radius:calc(0.25rem - 1px)
}

.threadlist {
position:relative;
display:flex;
flex-direction:column;
min-width:0;
margin:10px 0;
border-radius:.25rem;
box-shadow:0 1px 4px #151515;
border:1px solid #202020
}

.threadlist .row {
display:flex;
background:#1c1c1c;
border-bottom:1px solid #212121;
padding:14px
}

.threadlist,.threadlist .row {
position:relative
}

.threadlist .row .icon {
margin-right:19px;
margin-top:auto;
margin-bottom:auto;
font-size:25px;
color:#2b4e73
}

.threadlist .row .icon img {
width:25px;
height:25px
}

.threadlist .row .new {
position:absolute;
margin:-10px;
font-size:10px
}

.threadlist .row .new a {
color:#2b4e73!important
}

.threadlist .row .flex-grow {
align-self:center
}

.threadlist .row .name {
color:#FFF;
text-shadow:2px 2px 2px #141414;
font-size:15px
}

.threadlist .row .flex-grow .small {
margin-top:2px;
word-wrap:break-word
}

.threadlist .row .forum-stats {
margin-right:20px
}

.threadlist .row .forum-stats,.threadlist .row .icon {
text-align:center
}

.threadlist .row .forum-stats,.threadlist .row .latestpost {
margin-top:auto;
margin-bottom:auto
}

.threadlist .golastpost {
margin:auto
}

.threadlist .selectbox .checkbox {
margin-left:10px
}

.profileban {
position:relative;
display:flex;
flex-direction:column;
min-width:0;
margin-bottom:1rem;
border-radius:.25rem;
box-shadow:0 1px 4px #151515;
border:1px solid #202020
}

.profileban .row {
display:flex;
background:#1c1c1c
}

.profileban,.profileban .row {
position:relative
}

.profileban .row .icon {
margin-right:25px;
margin-top:auto;
margin-bottom:auto;
font-size:25px;
min-width:30px
}

.profileban .row .flex-grow {
align-self:center
}

.profileban .row .name {
color:#FFF;
text-shadow:2px 2px 2px #141414;
font-size:14px
}

.profileban .row .flex-grow .small {
margin-top:2px;
width:80%;
word-wrap:break-word
}

.profileban .away {
color:#a37829
}

.profileban .banned {
color:#a32929
}

#header h1 {
text-transform:uppercase;
font-size:18px;
color:#fff
}

.index_stats {
margin:auto
}

.index_stats_container {
display:flex;
flex-wrap:wrap;
align-items:center;
margin:1rem
}

.index_stats_item {
background:#1c1c1c;
display:flex;
align-items:center;
flex-basis:calc(100% / 5 - 1rem);
flex-grow:1;
padding:10px;
border-radius:.25rem;
margin:5px 10px
}

.index_stats_item_icon {
background:#1c1c1c;
display:flex;
justify-content:center;
align-items:center;
width:2.5rem;
height:2.5rem;
border-radius:50%;
margin-right:1rem;
position:relative
}

.index_stats_item_icon i {
color:#9f9f9f;
font-size:18px
}

.index_stats_item_indicators {
display:flex;
flex-direction:column
}

.index_stats_item_indicators-num {
font-weight:700;
font-size:calc(1em + 5px);
color:#e9e9e9
}

.index_stats_item_indicators-text {
text-transform:uppercase;
font-weight:600;
font-size:calc(1em - 1px);
white-space:nowrap
}

.ma-1 {
margin:1rem
}

.ma-2 {
margin:2rem
}

.ma-3 {
margin:3rem
}

.ma-4 {
margin:4rem
}

.ma-5 {
margin:5rem
}

.mb-1 {
margin-bottom:1rem
}

.mb-2 {
margin-bottom:2rem
}

.mb-3 {
margin-bottom:3rem
}

.mb-4 {
margin-bottom:4rem
}

.mb-5 {
margin-bottom:5rem
}

.mt-1 {
margin-top:1rem
}

.mt-2 {
margin-top:2rem
}

.mt-3 {
margin-top:3rem
}

.mt-4 {
margin-top:4rem
}

.mt-5 {
margin-top:5rem
}

.ml-1 {
margin-left:1rem
}

.ml-2 {
margin-left:2rem
}

.ml-3 {
margin-left:3rem
}

.ml-4 {
margin-left:4rem
}

.ml-5 {
margin-left:5rem
}

.mr-1 {
margin-right:1rem
}

.mr-2 {
margin-right:2rem
}

.mr-3 {
margin-right:3rem
}

.mr-4 {
margin-right:4rem
}

.mr-5 {
margin-right:5rem
}

.pa-1 {
padding:1rem
}

.pa-2 {
padding:2rem
}

.pa-3 {
padding:3rem
}

.pa-4 {
padding:4rem
}

.pa-5 {
padding:5rem
}

.pb-1 {
padding-bottom:1rem
}

.pb-2 {
padding-bottom:2rem
}

.pb-3 {
padding-bottom:3rem
}

.pb-4 {
padding-bottom:4rem
}

.pb-5 {
padding-bottom:5rem
}

.pt-1 {
padding-top:1rem
}

.pt-2 {
padding-top:2rem
}

.pt-3 {
padding-top:3rem
}

.pt-4 {
padding-top:4rem
}

.pt-5 {
padding-top:5rem
}

.pl-1 {
padding-left:1rem
}

.pl-2 {
padding-left:2rem
}

.pl-3 {
padding-left:3rem
}

.pl-4 {
padding-left:4rem
}

.pl-5 {
padding-left:5rem
}

.pr-1 {
padding-right:1rem
}

.pr-2 {
padding-right:2rem
}

.pr-3 {
padding-right:3rem
}

.pr-4 {
padding-right:4rem
}

.pr-5 {
padding-right:5rem
}

.porfile-repbox {
margin-right:5px
}

.porfile-repbox:last-child {
margin-right:0
}

.porfile-repbox .statusblock {
background-color:#1c1c1c;
padding:12px;
text-align:center;
border:1px solid #212121;
border-radius:2px
}

.porfile-repbox .statusblock .num {
font-size:22px
}

.porfile-repbox .statusblock .labeled {
font-size:14px
}

.porfile-repbox .statusblock .linked {
padding:12px;
margin:12px -12px -12px;
background-color:#7C2A2A;
border-top:1px solid #2d2d2d
}

.porfile-repbox .statusblock .linked .box {
text-align:center;
font-size:21px;
flex:.5
}

.porfile-repbox .statusblock .linked .bdright {
border-right:1px solid #1c1c1c
}

.porfile-repbox .statusblock .linked .bdleft {
border-left:1px solid #1c1c1c
}

.porfile-repbox .statusblock .linked .box i {
font-size:17px
}

.profile-uid {
position:absolute;
background-color:#7C2A2A;
font-size:12px;
font-weight:600;
text-transform:uppercase;
padding:4px 6px;
border-radius:2px;
box-shadow:1px 1px 4px #151515;
display:inline
}

.profil-box {
padding:14px
}

.profile-button a {
margin-right:5px
}

.profile-sidebar-1 {
padding-left:0;
padding-right:15px
}

#posts_container {
color:grey
}

.post-groupimg {
margin-top:10px;
margin-bottom:5px;
text-align:center
}

.post-avatar .author_avatar img {
width:120px;
height:120px
}

.post-avatar .square img {
border-radius:5px
}

.post-avatar .round img {
border-radius:100%
}

.post-info {
padding-top:5px;
padding-bottom:15px
}

.post-onlinestatus {
position:absolute
}

.post-onlinestatus i {
font-size:15px
}

.st-head {
padding:20px 0
}

.st-head .st-prefix {
color:#7C2A2A;
font-size:15px;
text-transform:uppercase
}

.st-head .st-title {
font-weight:500;
font-size:25px
}

.st-head .st-desc {
font-weight:500;
color:grey
}

.ml-px-5 {
margin-left:5px
}

.ml-px-10 {
margin-left:10px
}

.ml-px-15 {
margin-left:15px
}

.ml-px-20 {
margin-left:20px
}

.ml-px-25 {
margin-left:25px
}

.mr-px-5 {
margin-right:5px
}

.mr-px-10 {
margin-right:10px
}

.mr-px-15 {
margin-right:15px
}

.mr-px-20 {
margin-right:20px
}

.mr-px-25 {
margin-right:25px
}

.mt-px-5 {
margin-top:5px
}

.mt-px-10 {
margin-top:10px
}

.mt-px-15 {
margin-top:15px
}

.mt-px-20 {
margin-top:20px
}

.mt-px-25 {
margin-top:25px
}

.mb-px-5 {
margin-bottom:5px
}

.mb-px-10 {
margin-bottom:10px
}

.mb-px-15 {
margin-bottom:15px
}

.mb-px-20 {
margin-bottom:20px
}

.mb-px-25 {
margin-bottom:25px
}

.pl-px-5 {
padding-left:5px
}

.pl-px-10 {
padding-left:10px
}

.pl-px-15 {
padding-left:15px
}

.pl-px-20 {
padding-left:20px
}

.pl-px-25 {
padding-left:25px
}

.pr-px-5 {
padding-right:5px
}

.pr-px-10 {
padding-right:10px
}

.pr-px-15 {
padding-right:15px
}

.pr-px-20 {
padding-right:20px
}

.pr-px-25 {
padding-right:25px
}

.pt-px-5 {
padding-top:5px
}

.pt-px-10 {
padding-top:10px
}

.pt-px-15 {
padding-top:15px
}

.pt-px-20 {
padding-top:20px
}

.pt-px-25 {
padding-top:25px
}

.pb-px-5 {
padding-bottom:5px
}

.pb-px-10 {
padding-bottom:10px
}

.pb-px-15 {
padding-bottom:15px
}

.pb-px-20 {
padding-bottom:20px
}

.pb-px-25 {
padding-bottom:25px
}

.attachment-icon img {
width:25px
}

.attachment-icon i {
font-size:20px
}

.forum-announcements {
display:flex;
margin-top:1rem;
margin-bottom:1rem
}

.forum-announcement {
position:relative;
display:flex;
flex-direction:column;
min-width:0;
width:33.33333%;
margin-right:10px;
border-radius:.25rem;
box-shadow:0 1px 4px #151515;
border:1px solid #202020;
background:#1c1c1c
}

.forum-announcement:last-child {
margin-right:0
}

.forum-announcement-body {
flex:1 1 auto;
padding:1rem
}

.forum-announcement-icon {
width:50px;
margin:auto
}

.forum-announcement-icon i {
font-size:25px
}

.forum-announcement-icon span {
font-size:25px
}

.forum-announcement-title {
margin-bottom:.5rem;
font-size:18px;
font-weight:500
}

.forumrules {
position:relative;
display:flex;
flex-direction:column;
min-width:0;
border-radius:.25rem;
box-shadow:0 1px 4px #151515;
border:1px solid #202020;
background:#1c1c1c
}

.forumrules-body {
flex:1 1 auto;
padding:1rem
}

.forumrules-icon {
width:50px;
margin:auto
}

.forumrules-icon i {
font-size:25px
}

.forumrules-title {
margin-bottom:.5rem;
font-size:18px;
font-weight:500
}

.forum-subforums {
display:flex;
flex-wrap:wrap;
padding:1rem;
border-top:1px solid #222
}

.forum-subforums .forum-subforum {
flex-grow:1;
min-width:0;
width:50%
}

.post-h-article {
margin-left:auto;
margin-right:auto;
border:1px solid #1d1d1d;
box-shadow:0 2px 4px -1px #000 0 0 2px -1px #000
}

.post-h-author {
display:flex;
padding:15px;
background:#252525
}

.post-h-username {
font-size:18px
}

.post-h-onlinestatus {
position:absolute
}

.post-h-onlinestatus i {
font-size:15px
}

.post-h-avatar {
margin-right:10px
}

.post-h-avatar img {
max-width:40px;
max-height:40px;
border-radius:100%
}

.post-h-avatar .round img {
border-radius:100%
}

.post-h-avatar .square img {
border-radius:5px
}

.post-h-groupimage img {
width:100px
}

.post-h-content {
position:relative;
flex:1;
background:#252525;
padding:10px 15px
}

.postbit-h-bg-main {
position:relative;
z-index:1
}

.postbit-h-bg,.postbit-h-bg:before {
position:absolute;
top:0;
left:0;
right:0;
bottom:0
}

.postbit-h-bg {
opacity:.5;
z-index:-1;
width:100%;
height:100%;
background-size:cover!important;
background-repeat:no-repeat!important;
background-position:center!important
}

.postbit-h-bg:before {
content:'';
background-image:linear-gradient(to bottom,transparent,#252525)
}
		
.sparkle-effect-red{
    background-image: url(images/gloweffect.gif);
    color: #f82d2b;
    font-weight: bold;
    text-shadow: 0 0 0.9em #f82d2b;
}		

.sparkle-effect-gold{
    background-image: url(images/gloweffect.gif);
    color: #fbd53c;
    font-weight: bold;
    text-shadow: 0 0 0.9em #fbd53c;
}		

.sparkle-effect-blue{
    background-image: url(images/gloweffect.gif);
    color: #0075ba;
    font-weight: bold;
    text-shadow: 0 0 0.9em #0075ba;
}	

.fire-effect{
    background-image: url(images/fireeffect.gif);
    color: #0075ba;
    font-weight: bold;
    text-shadow: 0 0 0.9em #0075ba;
}	

I tried several things but I was not able to "replicate" the original forum boxes from the image. I will drop my global.css here. I hope someone can add the missing things. 

@media (max-width:800px) {
.wrapper,#logo img,.width,#container,.mobile-fullwidth {
width:100%!important;
max-width:100%!important;
min-width:100%!important
}

#footer {
margin-top:1rem
}

.mobile-wauto {
width:auto!important
}

.mobile-text-center {
text-align:center!important
}

.mobile-noflex,.mobile-show {
display:block!important
}

#logo .wrapper {
justify-content:center
}

.post_management_buttons {
float:none!important;
text-align:center
}

.sidebar {
padding:0!important
}

.mobile-hide,.profile-buttons.mobile-hide {
display:none!important
}

#footer .lower {
min-width:calc(100% - 50px)!important;
width:calc(100% - 50px)!important
}

.footer-back {
margin-top:0!important
}

.profile-buttons {
margin-bottom:15px;
display:flex!important;
position:relative!important;
right:auto!important;
top:auto!important
}

.profile-buttons a {
margin:0 5px
}

.inner-container .advertisements img {
padding:5px 0!important;
width:100%
}

.usercp-responsive {
float:left;
width:100%!important;
padding-bottom:15px;
box-sizing:border-box;
padding-right:0!important
}

.usercp-input {
width:96%!important
}

.usercp-responsive fieldset {
border:none!important
}

.forums .forum {
max-width:100%!important;
margin-left:0!important;
margin-right:0!important
}

.subforums .forum {
width:100%!important;
margin-left:0!important;
margin-right:0!important
}

.author_avatar img {
width:70px!important;
height:70px!important
}

.halfwidth {
width:100%!important
}

.width70 {
width:100%!important
}

.forum-announcement {
width:100%!important;
margin-right:0!important;
margin-bottom:1rem!important
}
}

@media (min-width: 801px) and (max-width: 1366px) {
max-width:calc(33.333% - 12px)!important
}

.forum-announcement {
width:100%!important;
margin-right:0!important;
margin-bottom:1rem!important
}

.forum-announcements {
display:block!important
}
}

.header-advertisments a {
padding:0 5px
}

.border-bottom {
border-bottom:1px solid #212121!important
}

.online-note {
background:#348423;
padding:0 5px;
border-radius:2px;
color:#fff;
font-size:13px;
font-weight:400
}

.select2-dropdown-open .select2-choice {
box-shadow:none!important
}

.select2-results .select2-no-results,.select2-results .select2-searching,.select2-results .select2-ajax-error,.select2-results .select2-selection-limit {
background:none!important
}

.select2-search input,.select2-container .select2-choice,.select2-container .select2-choice .select2-arrow {
background:#202020!important;
color:grey!important;
border-radius:1px!important;
border:1px solid #2b2b2b!important
}

.select2-drop-active {
border:1px solid #272727!important
}

.select2-drop {
background:#222!important;
color:grey!important;
box-shadow:none!important
}

.select2-container-multi .select2-choices {
background:#202020!important;
color:grey!important;
border-radius:1px!important;
border:1px solid #2b2b2b!important
}

.select2-container-multi .select2-choices .select2-search-choice {
color:grey!important;
border:none!important;
box-shadow:none!important;
background:#282828!important;
padding:5px 20px!important;
text-align:center
}

.table.stats .trow1 {
padding:10px 14px
}

.table.stats .number {
color:#2c3646;
font-size:15px;
padding:0 2px
}

textarea,input {
box-sizing:border-box
}

.swal-footer {
text-align:center
}

.swal-modal {
background-color:#1D1D1D;
box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 12px rgba(0,0,0,.12)
}

.swal-icon--success,.swal-icon--success__ring {
border-color:#27ae60
}

.swal-icon--success__line {
background-color:#27ae60
}

.swal-button {
background:#2b2b2b;
color:grey
}

.swal-button:focus {
box-shadow:none
}

.swal-text,.swal-title {
color:grey;
text-align:center
}

.swal-icon--success:after,.swal-icon--success:before,.swal-icon--success__hide-corners {
background:#1d1d1d
}

.deleted_post .postbit_qrestore,.deleted_post .status_type {
display:inline!important
}

.deleted_post .postbit_mirage {
display:none!important
}

.profile-stats {
border-radius:2px;
box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.12);
margin:0 5px;
background:#212121;
border-top:1px solid #262626;
border-bottom:1px solid #1B1B1B
}

.profile-stats .profile-top {
padding:20px 0
}

.profile-stats .profile-bottom {
padding:12px;
border-top:1px solid #272727;
background:#2b2b2b;
display:flex;
align-items:center;
justify-content:center
}

.profile-stats .profile-bottom i {
font-size:20px;
margin:0 10px;
color:grey;
transition:.3s
}

.profile-stats .profile-bottom i:hover {
color:#ccc
}

.thread-header {
padding:15px;
background:#2c3646;
color:#fff;
border-radius:1px
}

.thread-header h1 {
margin:0!important;
position:relative;
font-weight:600;
font-size:18px
}

.thread-header img {
margin-right:15px;
height:45px;
width:45px;
border-radius:2px
}

.popup_menu {
background:#272727;
z-index:100;
left:auto!important;
top:auto!important
}

.popup_menu .popup_item {
background:#1d1d1d;
color:#757575;
font-weight:700
}

.popup_menu .popup_item:hover {
background:#272727
}

.popup_menu .popup_item_container {
margin:1px;
text-align:left
}

.popup_menu .popup_item {
display:block;
padding:7px 10px!important;
white-space:nowrap;
text-decoration:none
}

.popup_menu a.popup_item:hover {
text-decoration:none
}

.postbit_buttons>a:active,.postbit_buttons>a:link,.postbit_buttons>a:visited {
background-color:#212121;
padding:7px 9px;
border-radius:2px;
color:grey;
border:none;
font-size:12px;
display:inline-block;
margin:0 3px
}

.postbit_buttons>a:hover {
background:#2c3646!important;
color:#fff!important
}

.inline,.post-op {
display:inline-block
}

.post .post_author div.author_avatar img {
border:none;
background:none
}

.post-article {
width: 70%;
margin-left: auto;
margin-right: auto;
display:table;
table-layout:fixed;
box-shadow:0 2px 4px -1px #000 0 0 2px -1px #000
}

.postbit-number {
padding-right:10px
}

.postbit-group {
margin-top:5px;
margin-bottom:5px
}

.postbit-awards {
margin:0 24px
}

.signature {
overflow:auto;
max-height:320px;
margin-top:40px;
border-top:1px solid #303030;
padding:10px
}

.post-usertitle {
line-height:1.45;
background-color:#1B1B1B;
margin:5px -5px 6px;
color:#666;
border-bottom:1px solid #212121;
text-align:center;
font-weight:700
}

.post-author,.post-avatar,.post-content,.post-username,.rep-button {
position:relative
}

.post-avatar {
z-index:2;
margin:15px 0
}

.post-username {
padding:5px;
z-index:2;
margin-top:5px
}

.post-author {
width:170px;
padding:6px 5px;
border-right:1px solid #1d1d1d;
background:#252525
}

.post-box {
width:100%;
display:flex
}

.post-set {
border:2px solid #1e1e1e;
margin-bottom:7px;
margin-top:7px;
float:unset
}

.author_avatar {
text-align:center
}

.postbit_bg_main {
position:relative;
z-index:1
}

.postbit_bg,.postbit_bg:before {
position:absolute;
top:0;
left:0;
right:0;
bottom:0
}

.postbit_bg {
opacity:.5;
z-index:-1;
width:100%;
height:60%;
background-size:cover!important;
background-repeat:no-repeat!important;
background-position:center!important
}

.postbit_bg:before {
content:'';
background-image:linear-gradient(to bottom,transparent,#252525)
}

.rep-button {
background:#303030;
cursor:pointer;
font-size:12px;
outline:0;
border:none;
color:#8E8E8E!important;
-webkit-appearance:none;
-moz-appearance:none;
margin:0;
-webkit-tap-highlight-color:transparent;
text-align:center;
border-radius:2px;
font-weight:600;
padding:13px 22px
}

.post-op {
margin-right:5px;
font-weight:700;
color:#348423
}

.post-controls {
padding:9px;
clear:both;
overflow:hidden;
background:#1D1D1D
}

.post-content {
flex:1;
background:#252525;
padding:10px
}

.post-statistics,.post-usertitle {
border-radius:2px;
padding:6px 10px
}

.post-awards {
width:155px;
margin:5px auto 10px;
display:block;
text-align:left
}

.post .post_author {
background:#282828;
border-bottom:1px solid #303030;
border-top:none
}

.latestpost img {
border-radius:2px;
height:35px;
width:35px;
float:left;
margin-right:6px
}

.latestpost span {
font-size:12px
}

.latestpost .latest-post-text {
display:inline-block;
vertical-align:top;
margin-left:9px;
font-size:13px;
margin-top:1px
}

.latestpost .latest-replies {
background:#2f2f2f;
width:35px;
padding:8px 0;
text-align:center;
border-radius:3px;
margin-top:2px;
position:relative;
font-size:12px;
box-shadow:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.12);
float:right;
border-bottom:1px solid #1B1B1B
}

.sidebar_btn {
float:left;
text-align:center;
font-size:15px;
cursor:pointer;
width:25%;
background:#282828!important;
border-bottom:1px solid #1b1b1b;
padding:9px 0;
transition:.3s
}

.sidebar_btn:hover {
color:#fff!important
}

.sidebar_active {
background:#212121!important;
color:#fff!important
}

.lp_button {
float:right;
border-radius:0!important;
padding:3px;
background:0 0!important;
border:none!important;
cursor:pointer
}

.notice {
padding:8px;
background-color:#282828;
border-radius:2px
}

.notice.notice-blue {
background-color:#2c3646;
color:#fff
}

.table .stats {
display:flex;
text-align:center
}

.table .stats .flex-one {
padding:20px;
margin:0;
background:#212121;
border-top:1px solid #262626;
border-bottom:1px solid #1B1B1B;
border-left:1px solid #262626;
border-right:1px solid #1B1B1B;
position:relative
}

.table .stats .flex-one .number {
font-size:20px;
color:#2c3646
}

#header {
margin-bottom:1rem
}

#header .menu-nav li a {
padding:15px 20px!important;
line-height:21px!important
}

#header ul.menu .item.dropdown-activate {
cursor:pointer
}

.fixed-menu {
width:100%;
position:fixed;
top:0;
left:0;
z-index:100000;
box-shadow:0 1px 0 1px rgba(0,0,0,0.1)
}

.relative-menu {
width:100%;
position:relative;
top:0;
left:0;
z-index:100000;
box-shadow:0 1px 0 1px rgba(0,0,0,0.1)
}

.nav-start {
padding:5px 10px;
background-color:#2c3646;
color:#fff;
border-radius:2px 0 0 2px
}

.thead.upgrade {
text-align:center;
padding:10px;
font-size:24px;
text-transform:uppercase;
margin:-1px -1px 1px;
border-radius:2px 2px 0 0;
color:#fff;
font-weight:500
}

.thead.upgrade.premium {
background:#FF00CD47;
border-top:4px solid #FF00CD73
}

.thead.upgrade.premium-plus {
background:#2D86C847;
border-top:4px solid #2D86C873
}

.thead.upgrade.premium-plus-plus {
background:#FF005547;
border-top:4px solid #FF005573
}

.premium {
color:#FF00CD;
font-weight:700
}

.premium-plus {
color:#2D86C8;
font-weight:700;
background-image:url(https://skryptec.net/rps/images/sparkle.gif)
}

.premium-plus-plus {
color:#F05;
font-weight:700;
background-image:url(https://skryptec.net/rps/images/sparkle.gif)
}

.upgrade-button {
padding:10px 0!important
}

.forum .row .forum-stats,.forum .row .latestpost {
margin-top:auto;
margin-bottom:auto
}

.forum .row .flex-grow,.wrapped .latest {
align-self:center
}

.forum .row .forum-stats,.forum .row .icon {
text-align:center
}

.forum,.forum .row {
position:relative
}

.forum .row .latestpost .latest {
display:flex;
padding:0
}

.forum .row .forum-stats {
margin-right:20px
}

.wrapped .title {
padding:12px;
background-color:#252525;
border-radius:2px
}

.forum-display .icon img,.wrapped .latest .avatar img {
width:38px;
height:38px;
border-radius:5px
}

.wrapped .latest .avatar img {
margin-right:10px
}

.wrapped .latest {
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
-webkit-align-items:center;
-moz-align-items:center;
align-items:center;
width:250px;
margin-left:auto;
padding:15px
}

.forum .row .forum-stats .number,#stats-count {
font-size:15px
}

.small,.wrapped .small {
font-size:11px
}

.forum .row .flex-grow .small {
margin-top:2px;
width:80%;
word-wrap:break-word
}

.forum .row .name {
color:#FFF;
text-shadow:2px 2px 2px #141414;
font-size:14px
}

.flex-grow {
flex-grow:1
}

.forum .row {
display:flex;
background:#1c1c1c;
border-bottom:1px solid #212121
}

.forum {
background:#1c1c1c
}

.wrapped {
box-shadow:0 1px 4px #151515;
border:1px solid #202020;
border-radius:2px
}

.forum .row .icon {
margin-right:25px;
margin-top:auto;
margin-bottom:auto;
font-size:24px;
color:#2c3646;
min-width:30px
}

#stats-desc {
font-size:12px
}

.green {
color:#14ab1b!important
}

.red {
color:#c0392b!important
}

.yellow {
color:#c08b2b!important
}

.blue {
color:#2b82c0!important
}

.black {
color:#000!important
}

.white {
color:#fff!important
}

.center {
text-align:center
}

.table-wrapper {
display:table;
width:100%;
table-layout:fixed
}

.table-cell {
display:table-cell;
vertical-align:middle
}

.postbit-contact {
width:200px;
border-right:1px solid #303030
}

.position-relative {
position:relative!important
}

.p-0 {
padding:0!important
}

.main-container {
display:flex;
flex-wrap:wrap
}

.post-wrapper .mask {
border-bottom:1px solid #303030;
border-radius:2px;
background-color:#2f2f2f;
width:100%
}

.thead a.button-dark:hover {
background-color:#2c364675!important
}

.whole .authorbit {
width:200px;
text-align:center;
padding:15px 0;
background-color:#282828;
position:relative;
z-index:1;
border-bottom:1px solid #303030
}

.post-wrapper .mask .textcontent {
padding:20px;
color:grey
}

.signature {
padding:20px;
border-top:1px dashed #3a3a3a
}

.authorbit .author_avatar {
margin-bottom:12px
}

.whole .authorbit .user-details {
text-align:left;
width:150px;
margin:10px auto 0
}

.whole .authorbit .overflow {
overflow:hidden;
padding:10px;
font-size:13px;
color:grey
}

.left {
float:left
}

.right {
float:right
}

#posts .mask .usertitle {
color:grey;
font-size:15px;
padding:5px;
background:#515151
}

#posts .post-wrapper {
border:1px solid #303030!important
}

.post-wrapper .mask .time {
padding:20px 0;
background-color:#282828;
border-left:1px solid #303030;
font-size:12px;
color:grey
}

.postbit_buttons .report_button {
background:#751A1A!important;
color:#fff!important;
border-color:#952828!important
}

.postbit_buttons .report_button:hover {
background:#751a1ac4!important
}

#posts .postbit_buttons .table-cell {
padding:10px 0
}

.postbit-tools {
margin-right:10px;
position:relative
}

.profile-buttons {
position:absolute;
right:.5rem;
top:.5rem
}

.profile-buttons a {
margin-left:2.5px
}

.footer-nav ul a li {
display:flex;
padding:10px 0;
margin-left:-40px;
width:calc(100% - 30px);
transition:.5s;
cursor:pointer;
color:grey;
align-items:center;
border-width:.1px
}

.footer-nav h3 {
color:#7C2A2A
}

.footer-nav ul li:hover {
color:#7C2A2A
}

.footer-back-inner {
margin-top:2.5rem!important;
z-index:-1
}

.mobile-show {
display:none
}

::-webkit-scrollbar {
width:7px
}

::-webkit-scrollbar-thumb {
background:#7C2A2A
}

::-webkit-scrollbar-track {
background:#1d1d1d
}

.x-largetext {
font-size:20px
}

.sidebar {
flex:1.5;
padding-left:15px
}

.sidebar-left {
padding-right:15px;
padding-left:0!important
}

.profile-bg-cover-inner {
height:100%;
position:relative
}

.profile-bg {
position:relative;
z-index:1;
padding:0;
border-radius:2px;
height:15rem;
border:1px solid #1B1B1B
}

.profile-bg-cover {
position:absolute;
z-index:-1;
top:0;
bottom:0;
left:0;
right:0;
background-repeat:no-repeat!important;
background-position:center!important;
width:100%;
height:100%;
background-size:cover!important;
box-shadow:inset 0 -10px 20px 0 #000
}

.profile-bg-cover:before {
content:'';
background-image:linear-gradient(to bottom,transparent,#141414);
position:absolute;
top:0;
left:0;
right:0;
bottom:0
}

.text-right {
text-align:right!important
}

.text-left {
text-align:left!important
}

.text-white {
color:#fff!important
}

.users-browsing {
font-size:12px;
padding:8px;
background-color:#171717;
border-radius:2px
}

.whole {
flex:3.5
}

.online-desc {
font-size:11px;
padding:5px;
background:#282828;
border-radius:2px
}

#index #nav-index,#search #nav-search,#members #nav-members,#help #nav-help,#upgrade #nav-upgrade,.menu-active {
background-color:#1c1c1c
}

.menu-active {
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
transition:all .5s ease
}

.welcome {
padding:14px
}

body {
color:#b5b5b5;
text-align:left;
line-height:1.4;
margin:0;
font-size:13px;
height:100%;
overflow:auto;
-webkit-overflow-scrolling:touch;
background-color:#171717
}

#header .menu-nav {
position:relative;
border-radius:2px 2px 0 0;
z-index:1;
background-color:#252525!important;
padding:0;
max-width:1680px
}

#header ul.menu li span.private {
width:auto;
color:#fff!important;
background-color:#7C2A2A;
padding:2px 4px;
border-radius:2px
}

#header ul.menu li span.alerts {
width:auto;
background-color:#333;
padding:2px 4px;
border-radius:2px
}

.text-uppercase {
text-transform:uppercase
}

.bold {
font-weight:700
}

.align-items-center {
align-items:center
}

.justify-content-center {
justify-content:center
}

.d-flex {
display:flex
}

.d-flex-i {
display:flex!important
}

.ml-auto {
margin-left:auto!important
}

.mr-auto {
margin-right:auto!important
}

.inner-container {
padding:0 13px;
padding-bottom:13px;
position:relative;
z-index:0
}

.inner-container .advertisements img,.inner-container .discord img {
transition:.5s;
width:100%;
border-radius:2px
}

.advertisements img {
margin-bottom:15px
}

.advertisements a:last-child img {
margin-bottom:0
}

.inner-container .discord img:hover,.inner-container .advertisements img:hover {
opacity:.6
}

body,html,textarea {
font-family:Roboto,sans-serif
}

a:link {
color:#fff;
text-decoration:none;
transition:.3s
}

a:visited {
color:#fff;
text-decoration:none
}

a:hover,a:active {
color:#7C2A2A;
text-decoration:none
}

#container {
text-align:left;
line-height:1.4;
margin:0;
min-width:990px;
color:#b5b5b5;
font-size:13px
}

.wrapper {
width:calc(85% + 14px);
margin:auto;
max-width:1680px
}

.width {
width:calc(85% + 14px);
margin:auto!important;
max-width:1680px
}

#logo {
padding:20px 0
}

#logo img {
transition:1s;
margin-top:3.5rem
}

#logo img:hover {
opacity:.4
}

#content {
width:auto!important;
padding:0 10px;
overflow:hidden
}

#header ul.menu {
margin:0;
list-style:none;
background-color:#1d1d1d
}

#header ul.menu li {
display:inline
}

#header .fixed-menu li a {
margin-bottom:0!important
}

#header .fixed-menu li a:hover,#header .fixed-menu .active {
background-color:#212121!important
}

#header ul.menu li a {
display:inline-block;
line-height:25px;
padding:12px 16px;
margin-right:0;
color:grey!important;
transition:.3s;
position:relative
}

#header ul.menu li a:hover {
background-color:#212121;
border-color:#444!important
}

#logo ul.top_links {
font-weight:700;
text-align:right;
margin:-10px 5px 0 0
}

#logo ul.top_links a.search {
background-position:0 0
}

#logo ul.top_links a.memberlist {
background-position:0 -20px
}

#logo ul.top_links a.calendar {
background-position:0 -40px
}

#logo ul.top_links a.help {
background-position:0 -60px
}

#logo ul.top_links a.portal {
background-position:0 -180px
}

#panel .upper a.logout {
font-weight:700;
background:url(../../../images/headerlinks_sprite.png) right -80px no-repeat;
padding-right:20px;
margin-left:10px
}

#panel .upper a.login,#panel .upper a.lost_password {
background:url(../../../images/headerlinks_sprite.png) 0 -100px no-repeat;
padding-left:20px;
margin-left:10px;
font-weight:700
}

#panel .upper a.register {
background:url(../../../images/headerlinks_sprite.png) right -80px no-repeat;
padding-right:20px;
margin-left:10px;
font-weight:700
}

#panel .lower ul.panel_links {
float:left
}

#panel .lower ul.panel_links a.usercp {
background-position:0 -120px
}

#panel .lower ul.panel_links a.modcp {
background-position:0 -140px
}

#panel .lower ul.panel_links a.admincp {
background-position:0 -160px
}

#panel .lower ul.user_links {
float:right
}

#panel .lower ul.user_links li a {
padding:0;
background-image:none
}

#panel .upper {
color:#fff;
background:#232323;
height:45px;
line-height:45px;
clear:both
}

#panel .upper a:link,#panel .upper a:visited,#panel .upper a:hover,#panel .upper a:active {
color:#7C2A2A
}

#panel .lower {
background:#efefef;
color:#999;
border-top:1px solid #fff;
border-bottom:1px solid #ccc;
padding:5px
}

#panel .lower a:link,#panel .lower a:visited,#panel .lower a:hover,#panel .lower a:active {
color:#7C2A2A
}

#search {
border:0;
padding:0;
margin:0;
vertical-align:middle
}

#quick_login .remember_me input {
vertical-align:middle;
margin:-3px 0 0 5px
}

#footer {
clear:both;
padding:20px 0;
border-top:2px solid #1d1d1d;
background-color:#1a1a1a
}

#footer ul.menu {
margin:0;
padding:0;
list-style:none
}

#footer ul.menu li {
margin:0 5px;
display:inline
}

#footer .upper {
background:#efefef;
padding:6px;
font-size:13px;
overflow:hidden
}

#footer a:link,#footer a:visited,#footer a:hover,#footer a:active {
color:#7C2A2A
}

#footer .upper .language {
float:right;
margin:-1px;
margin-left:15px
}

#footer .upper .language select {
border-color:#ccc
}

#footer .upper .theme {
float:right;
margin:-1px;
margin-left:15px
}

#footer .upper .theme select {
border-color:#ccc
}

#footer .upper ul.bottom_links {
float:left;
margin:4px 0 0
}

#footer .lower {
color:grey;
overflow:hidden;
font-size:12px
}

#footer .lower a:link,#footer .lower a:visited {
color:#fff;
font-weight:700
}

#footer .lower a:hover,#footer .lower a:active {
color:#7C2A2A;
font-weight:700
}

.scaleimages img {
max-width:100%
}

.forum_status {
height:50px;
width:50px;
font-size:30px;
text-align:center
}

.forum_status i {
display:inline-block;
line-height:50px
}

.forum_on {
color:#7C2A2A
}

.forum_off,.forum_offlock,.forum_offlink {
color:#333
}

.forum_off i {
opacity:.8
}

.forum_offlock i:before {
content:"\f023"
}

.forum_offlink i:before {
content:"\f02e"
}

.subforum_minion {
color:#333
}

.subforum_minioff,.subforum_miniofflock,.subforum_miniofflink {
color:#333
}

.subforum_minioff {
opacity:.4
}

.subforum_miniofflock i:before {
content:"\f023"
}

.subforum_miniofflink i:before {
content:"\f0c1"
}

table {
color:grey;
font-size:13px
}

.tborder {
width:100%;
margin:auto;
box-shadow:0 1px 4px #151515;
border:1px solid #202020;
border-radius:2px
}

.tfixed {
table-layout:fixed;
word-wrap:break-word
}

.thead {
background:#7C2A2A;
color:#fff;
padding:12px;
border-radius:2px 2px 0 0
}

.thead-grey {
background:#252525!important;
color:grey!important
}

.thead a:link {
color:#fff;
text-decoration:none
}

.thead a:visited {
color:#fff;
text-decoration:none
}

.thead a:hover,.thead a:active {
color:#fff
}

.tcat {
background:#191919;
border-bottom:1px solid #212121;
padding:8px;
font-size:13px;
color:grey
}

.tcat a:link {
color:#fff
}

.tcat a:visited {
color:#fff
}

.tcat a:hover,.tcat a:active {
color:#fff
}

.trow1,.trow2 {
background:#1c1c1c;
border-bottom:1px solid #212121;
padding:14px
}

.trow_shaded {
background:#ffdde0;
padding:14px
}

.no_bottom_border {
border-bottom:0
}

.post.unapproved_post {
background:#ffdde0
}

.post.unapproved_post .post_author {
border-bottom-color:#ffb8be
}

.post.classic.unapproved_post .post_author {
border-color:#ffb8be
}

.post.unapproved_post .post_controls {
border-top-color:#ffb8be
}

.trow_deleted,.post.deleted_post {
background:#c0392b47
}

.trow_selected,tr.trow_selected td {
background:#1c822012;
color:#fff
}

.trow_selected a:link,.trow_selected a:visited,.trow_selected a:hover,.trow_selected a:active {
color:#7C2A2A
}

.trow_sep {
background:#1d1d1d;
padding:6px
}

.tfoot {
padding:6px;
background:#1a1a1a;
color:grey
}

.tfoot a:link {
color:#fff;
text-decoration:none
}

.tfoot a:visited {
color:#fff;
text-decoration:none
}

.thead input.textbox,.thead select {
border:1px solid #263c30
}

.bottommenu {
background:#efefef;
color:grey;
border:1px solid #4874a3;
padding:10px
}

.navigation {
color:grey;
margin:10px 0 20px;
padding:10px 0;
border-radius:2px;
text-align:center;
font-size:14px
}

.navigation a:link {
text-decoration:none;
padding:5px 10px
}

.navigation a:visited {
text-decoration:none
}

.navigation a:hover,.navigation a:active {
text-decoration:none
}

.navigation .active {
padding:5px 10px;
font-weight:500
}

.smalltext {
font-size:13px
}

.largetext {
font-size:16px;
font-weight:700
}

.mediumtext {
font-size:14px
}

fieldset {
padding:12px;
margin:0;
border:none
}

fieldset.align_right {
text-align:right
}

input.textbox {
padding:9px;
outline:0;
transition:.5s;
background:#202020;
color:grey;
border-radius:3px;
border:1px solid #2b2b2b!important
}

input.textbox.portal_search {
width:68%
}

textarea {
background:#202020;
color:grey;
border-radius:3px;
border:1px solid #2b2b2b!important;
padding:9px;
line-height:1.4;
outline:0;
font-size:13px
}

select {
background:#202020;
border-color:#2b2b2b!important;
border-width:1px;
border-style:solid;
padding:6px 10px;
color:grey;
border-radius:2px
}

a.button:link,a.button:visited,a.button:active,button,.button,input.button {
padding:10px 20px;
cursor:pointer;
background:#252525;
border:none;
border-radius:2px;
display:inline-block;
color:grey;
font-weight:700;
font-size:12px;
transition:.3s;
box-shadow:0 1px 1px #00000069
}

.button-dark:hover {
background-color:#333!important;
color:grey!important
}

.button-logout {
background-color:#292929!important;
font-weight:400!important
}

.button-admin {
background-color:#c0392b!important;
color:#fff!important
}

.button-mod {
background-color:#028e3d!important;
color:#fff!important
}

a.button:hover,button:hover,input.button:hover,.button-dark {
background-color:#7C2A2A!important;
color:#fff!important
}

form {
margin:0;
padding:0
}

input.error,textarea.error,select.error {
border:1px solid #f30;
color:#f30
}

input.valid,textarea.valid,select.valid {
border:1px solid #0c0
}

label.error {
color:#f30;
margin:5px;
padding:0;
display:block;
font-weight:700;
font-size:11px
}

form #message {
width:500px
}

.editor {
background:#f1f1f1;
border:1px solid #ccc
}

.editor_control_bar {
background:#333
}

.post .editor_control_bar {
background:#f5f5f5
}

.reputation_positive {
color:#080
}

.reputation_neutral {
color:#444
}

.reputation_negative {
color:#CB0200
}

.repbox {
font-size:13px;
font-weight:700;
padding:2px 10px;
border-radius:2px
}

._neutral {
background:#444;
color:grey
}

._minus {
background:#CB0200;
color:#fff
}

._plus {
background:#080;
color:#fff
}

img {
border:none
}

img.attachment {
border:1px solid #E9E5D7;
padding:2px
}

hr {
background-color:#1b1b1b;
color:#1b1b1b;
height:1px;
border:0
}

.clear {
clear:both
}

.float_left {
float:left
}

.float_right {
float:right
}

.hidden {
display:none;
float:none;
width:1%
}

.hiddenrow {
display:none
}

.selectall {
background:#FFFBD9;
border-bottom:1px solid #F7E86A;
color:grey;
text-align:center
}

.expcolimage {
float:right;
width:auto;
vertical-align:middle;
margin-top:3px
}

.tcat_menu > .expcolimage {
margin-top:0
}

blockquote {
border:1px solid #1b1b1b;
margin:0;
background:#222;
padding:10px;
border-radius:2px
}

blockquote cite {
font-weight:700;
border-bottom:1px solid #272727;
font-style:normal;
display:block;
padding-bottom:3px;
margin:0 0 10px
}

blockquote cite > span {
float:right;
font-weight:400;
font-size:13px;
color:grey
}

blockquote cite span.highlight {
float:none;
font-weight:700;
padding-bottom:0
}

.codeblock {
background:#212121;
padding:10px
}

.codeblock .title {
font-weight:700;
padding-bottom:3px;
margin:0 0 10px
}

.codeblock code {
overflow:auto;
height:auto;
max-height:200px;
display:block;
font-family:Monaco,Consolas,Courier,monospace;
font-size:13px
}

.smilie {
vertical-align:middle
}

.smilie_pointer {
cursor:pointer
}

.separator {
margin:5px;
padding:0;
height:0;
font-size:1px;
list-style-type:none
}

.popup_menu .popup_item_container {
margin:1px;
text-align:left
}

.popup_menu .popup_item {
display:block;
padding:4px;
white-space:nowrap;
text-decoration:none
}

.popup_menu a.popup_item:hover {
text-decoration:none
}

.subject_new {
font-weight:700
}

.highlight {
background:#FFC;
padding-top:3px;
padding-bottom:3px
}

.pm_alert {
background:#171717;
text-align:center;
padding:10px 20px;
margin-bottom:15px
}

.red_alert {
background:#7c2a2a;
text-align:center;
padding:10px 20px;
margin-bottom:15px;
color:#fff;
word-wrap:break-word
}

.high_warning {
color:#C00
}

.moderate_warning {
color:#F3611B
}

.low_warning {
color:#AE5700
}

.imminent_banned {
color:#800
}

.high_banned {
color:red
}

.moderate_banned {
color:#F60
}

.low_banned {
color:green
}

.online {
color:#15A018
}

.offline {
color:#C7C7C7
}

div.error {
background:#292929;
font-size:13px;
color:grey;
border:none;
border-radius:2px;
padding:15px
}

div.error p {
margin:0;
color:#fff;
font-weight:400
}

div.error p em {
font-style:normal;
font-weight:700;
padding-left:4px;
display:block;
color:#fff
}

div.error ul {
margin-left:4px
}

.pagination {
font-size:11px;
padding:10px 0;
margin-bottom:5px
}

.tfoot .pagination,.tcat .pagination {
padding-top:0
}

.pagination .pages {
font-weight:700
}

.pagination .pagination_current,.pagination a {
background:#252525;
border:1px solid #252525;
padding:7px 14px
}

.pagination a {
background:#252525;
border:1px solid #252525;
padding:7px 14px
}

.pagination a:hover,.pagination .pagination_current {
background:#7C2A2A;
color:#fff;
border-color:#7C2A2A;
text-decoration:none;
padding:7px 14px
}

.pagination .go_page img {
margin-bottom:-4px
}

.drop_go_page {
background:#f5f5f5;
padding:4px
}

.pagination_breadcrumb {
background-color:#efefef;
border:1px solid #fff;
outline:1px solid #ccc;
padding:5px;
margin-top:5px;
font-weight:400
}

.pagination_breadcrumb_link {
vertical-align:middle;
cursor:pointer
}

.thread_legend,.thread_legend dd {
margin:0;
padding:0
}

.thread_legend dd {
padding-bottom:4px;
margin-right:15px
}

.thread_legend img {
margin-right:4px;
vertical-align:bottom
}

.forum_legend,.forum_legend dt,.forum_legend dd {
margin:0;
padding:0
}

.forum_legend dd {
float:left;
margin-right:10px;
margin-top:7px
}

.forum_legend dt {
margin-right:10px;
float:left
}

.success_message {
color:#00b200;
font-weight:700;
font-size:10px;
margin-bottom:10px
}

.error_message {
color:#C00;
font-weight:700;
font-size:10px;
margin-bottom:10px
}

#posts_container {
padding:0
}

.ignored_post {
border-top:3px solid #333;
padding:15px
}

.ignored_post .show_ignored_post {
margin-top:-15px
}

.ignored_post .show_ignored_post a.button span {
background-position:0 -400px
}

.deleted_post_hidden {
border-top:2px solid #ccc;
padding:15px
}

.deleted_post_collapsed {
border:1px solid #1d1d1d;
padding:15px;
border-radius:2px;
background-color:#272727
}

.deleted_post_collapsed .show_deleted_post {
margin-top:-15px
}

.deleted_post_collapsed .show_deleted_post a.button span {
background-position:0 -400px
}

.post {
overflow:hidden
}

.post.classic {
padding-top:15px
}

.post .post_author {
border-bottom:1px solid #ccc;
border-top:2px solid #ccc;
background:#f5f5f5;
padding:5px;
overflow:hidden
}

.post.classic .post_author {
border:1px solid #ddd;
float:left;
width:15%;
margin:0 1% 15px 0;
border-left:0;
padding:5px 1%
}

.post .post_author .buddy_status {
vertical-align:middle;
margin-top:-4px
}

.post .post_author div.author_avatar {
float:left;
margin-right:3px
}

.post.classic .post_author div.author_avatar {
float:none;
text-align:center;
margin-bottom:8px
}

.post .post_author div.author_avatar img {
padding:5px;
border:1px solid #ddd;
background:#fff
}

.post .post_author div.author_information {
float:left;
padding:6px 8px
}

.post.classic .post_author div.author_information {
float:none;
padding:0;
text-align:center
}

.post .post_author div.author_statistics {
float:right;
font-size:11px;
padding:3px 10px 3px 5px;
color:#666;
line-height:1.3
}

.post.classic .post_author div.author_statistics {
border-top:1px dotted #ccc;
margin:6px 0 0;
padding:6px 6px 3px;
float:none
}

.post .post_head {
font-size:11px;
padding-bottom:4px;
border-bottom:1px dotted #ddd;
margin-bottom:4px
}

.post .post_head span.post_date {
color:#666
}

.post .post_head span.edited_post {
font-size:10px;
color:#999
}

.post .post_head span.edited_post a {
color:#666
}

.post_body {
font-size:14px;
padding:12px 0
}

.post.classic .post_content {
float:left;
width:79%;
padding:0 1% 5px
}

.post_content {
padding:9px 10px 5px
}

.post_content .signature {
margin-top:5px;
border-top:1px dotted #ddd;
padding:10px 0 4px
}

.post .post_meta {
margin:4px 0;
font-size:11px;
color:#999
}

.post .post_meta a:link,.post .post_meta a:visited {
color:#777
}

.post .post_meta a:hover,.post .post_meta a:active {
color:#7C2A2A
}

.post_controls {
clear:both;
background:#f5f5f5;
border-bottom:1px solid #ccc;
padding:5px;
overflow:hidden
}

.post:not(.deleted_post) .postbit_qrestore,.post:not(.deleted_post) .status_type,.post.deleted_post .postbit_mirage {
display:none
}

a.button.small_button {
font-size:13px;
margin:0;
padding:3px 6px
}

a.button.new_thread_button span {
background-position:0 -340px
}

a.button.new_reply_button span {
background-position:0 -360px
}

a.button.closed_button span {
background-position:0 -380px
}

a.button.rate_user_button span {
background-position:0 -400px
}

a.button.add_buddy_button span {
background-position:0 -440px
}

a.button.remove_buddy_button span {
background-position:0 -480px
}

a.button.add_ignore_button span {
background-position:0 -460px
}

a.button.remove_ignore_button span {
background-position:0 -500px
}

a.button.report_user_button span {
background-position:0 -520px
}

.pollbar {
background:#7C2A2A;
height:10px;
border-radius:2px
}

.pollbar .percent {
display:none
}

.posticons_label {
white-space:nowrap
}

.ie6 {
position:absolute
}

.ie6.top-right {
right:auto;
bottom:auto;
left:expression((0 - jGrowl.offsetWidth + (document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');
top:expression((0 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px')
}

.ie6.top-left {
left:expression((0 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');
top:expression((0 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px')
}

.ie6.bottom-right {
left:expression((0 - jGrowl.offsetWidth + (document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');
top:expression((0 - jGrowl.offsetHeight + (document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px')
}

.ie6.bottom-left {
left:expression((0 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');
top:expression((0 - jGrowl.offsetHeight + (document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px')
}

.ie6.center {
left:expression((0 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');
top:expression((0 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px');
width:100%
}

.jGrowl {
z-index:9999;
color:#fff;
font-size:13px;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
position:fixed
}

.jGrowl.top-left {
left:0;
top:0
}

.jGrowl.top-right {
right:0;
top:3rem
}

.jGrowl.bottom-left {
left:0;
bottom:0
}

.jGrowl.bottom-right {
right:0;
bottom:0
}

.jGrowl.center {
top:0;
width:50%;
left:25%
}

.jGrowl.center .jGrowl-notification,.jGrowl.center .jGrowl-closer {
margin-left:auto;
margin-right:auto
}

.jGrowl-notification {
background-color:transparent;
opacity:.9;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
zoom:1;
width:250px;
padding:10px;
margin:10px;
text-align:left;
display:none;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
word-break:break-all
}

.jGrowl .jGrowl-notification {
min-height:40px
}

.jGrowl-notification .ui-state-highlight,.jGrowl-notification .ui-widget-content .ui-state-highlight,.jGrowl-notification .ui-widget-header .ui-state-highlight {
border:1px solid #000;
background:#000;
color:#fff
}

.jGrowl-notification .jGrowl-header {
font-weight:700;
font-size:.85em
}

.jGrowl-notification .jGrowl-close {
background-color:#252525;
color:inherit;
border:none;
z-index:99;
float:right;
font-weight:700;
font-size:1em;
cursor:pointer
}

.jGrowl-closer {
background-color:#000;
opacity:.9;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
zoom:1;
width:250px;
padding:10px;
margin:10px;
text-align:left;
display:none;
border-radius:5px;
word-break:break-all;
padding-top:4px;
padding-bottom:4px;
cursor:pointer;
font-size:.9em;
font-weight:700;
text-align:center
}

.jGrowl-closer .ui-state-highlight,.jGrowl-closer .ui-widget-content .ui-state-highlight,.jGrowl-closer .ui-widget-header .ui-state-highlight {
border:1px solid #000;
background:#000;
color:#fff
}

.jGrowl .jGrowl-notification.jgrowl_success {
background:#15A018;
border:1px solid #90ee90;
color:#fff
}

.jGrowl .jGrowl-notification.jgrowl_error {
background:#c0392b;
border:1px solid red;
color:#fff
}

.jGrowl .jGrowl-notification.jgrowl_process,.jGrowl .jGrowl-closer {
background:#c08b2b;
border:1px solid #ff0;
color:#fff
}

@media print {
.jGrowl {
display:none
}
}

.blocker {
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
width:100%;
height:100%;
overflow:auto;
z-index:9999;
padding:20px;
box-sizing:border-box;
background-color:#000;
background-color:rgba(0,0,0,0.75);
text-align:center
}

.blocker:before {
content:"";
display:inline-block;
height:100%;
vertical-align:middle;
margin-right:-.05em
}

.blocker.behind {
background-color:transparent
}

.modal {
width:400px;
text-align:left;
display:inline-block;
vertical-align:middle;
position:relative;
z-index:2;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-border-radius:8px;
-moz-border-radius:8px;
-o-border-radius:8px;
-ms-border-radius:8px;
border-radius:8px;
-webkit-box-shadow:0 0 10px #000;
-moz-box-shadow:0 0 10px #000;
-o-box-shadow:0 0 10px #000;
-ms-box-shadow:0 0 10px #000;
box-shadow:0 0 10px #000
}

.modal a.close-modal {
position:absolute;
top:-12.5px;
right:-12.5px;
display:block;
width:30px;
height:30px;
text-indent:-9999px;
background:url(../../../images/close.png) no-repeat 0 0
}

.modal-spinner {
display:none;
width:64px;
height:64px;
position:fixed;
top:50%;
left:50%;
margin-right:-32px;
margin-top:-32px;
background:url(../../../images/spinner_big.gif) no-repeat center center;
-webkit-border-radius:8px;
-moz-border-radius:8px;
-o-border-radius:8px;
-ms-border-radius:8px;
border-radius:8px
}

.jqifade {
position:absolute;
background-color:#777
}

iframe.jqifade {
display:block;
z-index:-1
}

div.jqi {
width:400px;
max-width:90%;
position:absolute;
background-color:#272727;
font-size:11px;
text-align:left;
border:solid 1px #1b1b1b;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
padding:7px
}

div.jqi .jqiclose {
position:absolute;
top:4px;
right:-2px;
width:18px;
cursor:default;
color:#bbb;
font-weight:700
}

div.jqi .jqistate {
background-color:#242424
}

div.jqi .jqititle {
padding:5px 10px;
font-size:16px;
line-height:20px;
border-bottom:solid 1px #eee
}

div.jqi .jqimessage {
padding:10px;
line-height:20px;
color:grey;
overflow:auto
}

div.jqi .jqibuttonshide {
display:none
}

div.jqi .jqibuttons {
text-align:right;
margin:0 -7px -7px;
border-top:solid 1px #272727;
background-color:#292929
}

div.jqi .jqibuttons button {
margin:0;
padding:15px 20px;
background-color:transparent;
font-weight:400;
border:none;
color:grey;
font-weight:bold;
font-size:13px
}

div.jqi .jqibuttons button.jqidefaultbutton {
color:#fff
}

div.jqi .jqibuttons button[disabled] {
color:grey
}

.jqiwarning .jqi .jqibuttons {
background-color:#b95656
}

div.jqi .jqiparentstate::after {
background-color:#777;
opacity:.6;
filter:alpha(opacity=60);
content:'';
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px
}

div.jqi .jqisubstate {
position:absolute;
top:0;
left:20%;
width:60%;
padding:7px;
border:solid 1px #eee;
border-top:none;
border-radius:0 0 6px 6px;
-moz-border-radius:0 0 6px 6px;
-webkit-border-radius:0 0 6px 6px
}

div.jqi .jqisubstate .jqibuttons button {
padding:10px 18px
}

.jqi .jqiarrow {
position:absolute;
height:0;
width:0;
line-height:0;
font-size:0;
border:solid 10px transparent
}

.jqi .jqiarrowtl {
left:10px;
top:-20px;
border-bottom-color:#fff
}

.jqi .jqiarrowtc {
left:50%;
top:-20px;
border-bottom-color:#fff;
margin-left:-10px
}

.jqi .jqiarrowtr {
right:10px;
top:-20px;
border-bottom-color:#fff
}

.jqi .jqiarrowbl {
left:10px;
bottom:-20px;
border-top-color:#fff
}

.jqi .jqiarrowbc {
left:50%;
bottom:-20px;
border-top-color:#fff;
margin-left:-10px
}

.jqi .jqiarrowbr {
right:10px;
bottom:-20px;
border-top-color:#fff
}

.jqi .jqiarrowlt {
left:-20px;
top:10px;
border-right-color:#fff
}

.jqi .jqiarrowlm {
left:-20px;
top:50%;
border-right-color:#fff;
margin-top:-10px
}

.jqi .jqiarrowlb {
left:-20px;
bottom:10px;
border-right-color:#fff
}

.jqi .jqiarrowrt {
right:-20px;
top:10px;
border-left-color:#fff
}

.jqi .jqiarrowrm {
right:-20px;
top:50%;
border-left-color:#fff;
margin-top:-10px
}

.jqi .jqiarrowrb {
right:-20px;
bottom:10px;
border-left-color:#fff
}

.text-center {
text-align:center
}

.arrow-up {
width:0;
height:0;
border-left:8px solid transparent;
border-right:8px solid transparent;
border-bottom:11px solid #292929;
margin-top:-12px;
margin-right:5px;
right:0;
position:absolute
}

.grey {
color:grey!important
}

.dropdown .item {
display:flex;
padding:8px!important;
align-items:center
}

.dropdown {
position:relative;
display:flex
}

.dropdown-row {
padding:10px 10px 10px 15px;
background-color:#222;
border-top:1px solid #262626;
border-bottom:1px solid #1B1B1B;
cursor:pointer;
transition:.3s;
display:block;
position:relative
}

.dropdown-row:hover {
background-color:#272727
}

.extras-dropdown-content {
right:auto!important;
top:3.2rem!important;
min-width:160px!important
}

.mobile-dropdown-content {
right:-7.6rem!important;
top:1px!important;
min-width:160px!important
}

.dropdown-content {
position:absolute;
background-color:#282828;
box-shadow:0 0 4px #131313;
border:1px solid #212121!important;
border-radius:2px;
z-index:5;
right:.4rem;
top:40px;
border-bottom:none;
display:none
}

.dropdown .head {
background-color:#2a2a2a;
padding:12px;
align-items:center;
font-size:16px
}

.dropdown .overview {
background-color:#303030;
padding:8px;
display:flex;
font-size:13px
}

.dropdown .overview .row {
width:50%
}

.dropdown .overview .row i {
margin-right:5px
}

.drop-content {
padding:10px;
display:flex
}

.drop-content .row {
align-items:center;
display:flex;
background-color:#404040;
border-radius:2px;
box-shadow:0 0 4px #1b1b1b;
position:relative;
transition:.3s;
margin:5px
}

.drop-content .logout {
background:#365C6C!important;
color:#fff
}

.drop-content .logout .icon {
background:#0000001c!important;
color:#fff!important
}

.drop-content .admin {
background:#CF2D2D!important;
color:#fff
}

.drop-content .mod {
background:#348423!important;
color:#fff
}

.drop-content .admin .icon {
color:#fff!important
}

.drop-content .mod .icon {
color:#fff!important
}

.drop-content .row .icon {
padding:8px 12px;
background:#0000001c!important;
color:grey;
border-radius:2px;
width:45px;
text-align:center
}

.drop-content .row .link {
margin-left:10px
}

.drop-content a:hover,.drop-content .row .link:hover {
color:#ccc
}

.drop-content .row .icon i {
font-size:20px
}

.dropdown .arrow {
text-align:right;
margin-right:10px;
margin-top:auto;
margin-bottom:auto
}

.dropdown .arrow i {
font-size:19px
}

.dropdown-content .drop-header {
align-items:center;
background-color:#292929;
padding:5px 50px 5px 0
}

.dropdown-content .drop-header img {
margin:10px;
border-radius:2px
}

.dropdown-content .table .stats .flex-one .stats-inner .stats-icon {
margin-left:auto;
background-color:#3c3c3c;
padding:10px;
color:grey;
border-left:1px solid #272727
}

.dropdown-content .table .stats .flex-one .stats-inner {
padding:5px;
display:flex;
justify-content:center;
align-items:center;
background-color:#2f2f2f;
border-radius:2px;
color:#fff
}

.dropdown-content .table .stats .flex-one .stats-inner.mcp {
background-color:#26A65B!important;
transition:.3s
}

.dropdown-content .table .stats .flex-one .stats-inner.mcp:hover {
background-color:#26a65bad!important
}

.dropdown-content .table .stats .flex-one .stats-inner.acp {
background-color:#c0392b!important;
transition:.3s
}

.dropdown-content .table .stats .flex-one .stats-inner.acp:hover {
background-color:#c0392bd4!important
}

.dropdown-content .table .stats .flex-one {
padding:2rem;
transition:.3s;
max-height:2.8rem
}

.dropdown-content .table .stats .flex-one i {
font-size:18px;
padding-bottom:10px
}

.dropdown-content .table .stats .flex-one:hover {
background:#242424;
color:#fff
}

.drop-header .noflex {
margin-left:1rem
}

.dropdown-content .sign-out {
background-color:#303030;
align-items:center;
justify-content:center
}

.dropdown-content .sign-out .button {
margin:10px
}

.dropdown-item {
display:inline-flex;
align-items:center;
justify-content:center;
padding:15px;
background:#2f2f2f;
margin:0 5px;
color:grey;
border-radius:2px;
border:1px solid #303030
}

.dropdown-item i {
transition:.3s
}

.dropdown-item:hover i {
color:#365C6C
}

.dropdown {
position:relative;
display:flex
}

.table .stats {
display:flex;
text-align:center
}

.table .stats .flex-one {
padding:20px;
margin:0;
background:#212121;
border-top:1px solid #262626;
border-bottom:1px solid #1B1B1B;
border-left:1px solid #262626;
border-right:1px solid #1B1B1B
}

.flex-one {
flex:1
}

.noflex {
display:block!important
}

.fullwidth {
width:100%
}

.fullwidth-i {
width:100%!important
}

.halfwidth {
width:50%
}

.halfwidth-i {
width:50%!important
}

.width70 {
width:70%
}

.width70-i {
width:70%!important
}

.hide {
display:none;
float:none
}

.hide-i {
display:none!important;
float:none!important
}

.text-uppercase {
text-transform:uppercase!important
}

.subforums,.forums {
display:flex;
flex-flow:row wrap
}

.forums-title {
margin-top:40px;
margin-bottom:20px;
width:60%
}

.forums-title .forums-h1 {
font-size:2em;
font-weight:700;
margin:15px;
text-transform:uppercase
}

.forums-title .forums-h2 {
font-size:1.5em
}

max-width:calc(25% - 12px)
}

.subforums .forum {
width:calc(50% - 12px)
}

.forum {
position:relative;
display:flex;
flex-direction:column;
min-width:0;
flex-grow:1;
margin-left:5px;
margin-right:5px;
margin-bottom:10px;
border-radius:.25rem;
box-shadow:0 1px 4px #151515;
border:1px solid #202020
}

.forum-body {
flex:1 1 auto;
padding:1rem
}

.forum-icon {
width:40px;
margin-left:6px;
margin-top:auto;
margin-bottom:auto;
display:none
}

.forum-icon i {
font-size:25px
}

.forum-title {
margin-bottom:.5rem;
font-size:18px
}

.forum-stats {
display:flex;
margin:10px auto
}

.forum-stats .forum-postnum,.forum-stats .forum-threadnum {
display:inline-block;
padding:3px 10px;
font-weight:bolder;
border-radius:50rem;
box-shadow:0 4px 6px -1px #000 0 2px 4px -1px #000;
background-color:#282c2d;
margin:0 5px
}

.forum-footer {
padding:.5rem 1rem;
background-color:rgba(0,0,0,0.03);
border-top:1px solid rgba(0,0,0,0.125)
}

.forum-footer > .right {
padding:10px 0
}

.forum-img,.forum-img-top,.forum-img-bottom {
width:100%;
height:150px
}

.forum-img,.forum-img-top {
border-top-left-radius:calc(0.25rem - 1px);
border-top-right-radius:calc(0.25rem - 1px)
}

.forum-img,.forum-img-bottom {
border-bottom-right-radius:calc(0.25rem - 1px);
border-bottom-left-radius:calc(0.25rem - 1px)
}

.threadlist {
position:relative;
display:flex;
flex-direction:column;
min-width:0;
margin:10px 0;
border-radius:.25rem;
box-shadow:0 1px 4px #151515;
border:1px solid #202020
}

.threadlist .row {
display:flex;
background:#1c1c1c;
border-bottom:1px solid #212121;
padding:14px
}

.threadlist,.threadlist .row {
position:relative
}

.threadlist .row .icon {
margin-right:19px;
margin-top:auto;
margin-bottom:auto;
font-size:25px;
color:#2b4e73
}

.threadlist .row .icon img {
width:25px;
height:25px
}

.threadlist .row .new {
position:absolute;
margin:-10px;
font-size:10px
}

.threadlist .row .new a {
color:#2b4e73!important
}

.threadlist .row .flex-grow {
align-self:center
}

.threadlist .row .name {
color:#FFF;
text-shadow:2px 2px 2px #141414;
font-size:15px
}

.threadlist .row .flex-grow .small {
margin-top:2px;
word-wrap:break-word
}

.threadlist .row .forum-stats {
margin-right:20px
}

.threadlist .row .forum-stats,.threadlist .row .icon {
text-align:center
}

.threadlist .row .forum-stats,.threadlist .row .latestpost {
margin-top:auto;
margin-bottom:auto
}

.threadlist .golastpost {
margin:auto
}

.threadlist .selectbox .checkbox {
margin-left:10px
}

.profileban {
position:relative;
display:flex;
flex-direction:column;
min-width:0;
margin-bottom:1rem;
border-radius:.25rem;
box-shadow:0 1px 4px #151515;
border:1px solid #202020
}

.profileban .row {
display:flex;
background:#1c1c1c
}

.profileban,.profileban .row {
position:relative
}

.profileban .row .icon {
margin-right:25px;
margin-top:auto;
margin-bottom:auto;
font-size:25px;
min-width:30px
}

.profileban .row .flex-grow {
align-self:center
}

.profileban .row .name {
color:#FFF;
text-shadow:2px 2px 2px #141414;
font-size:14px
}

.profileban .row .flex-grow .small {
margin-top:2px;
width:80%;
word-wrap:break-word
}

.profileban .away {
color:#a37829
}

.profileban .banned {
color:#a32929
}

#header h1 {
text-transform:uppercase;
font-size:18px;
color:#fff
}

.index_stats {
margin:auto
}

.index_stats_container {
display:flex;
flex-wrap:wrap;
align-items:center;
margin:1rem
}

.index_stats_item {
background:#1c1c1c;
display:flex;
align-items:center;
flex-basis:calc(100% / 5 - 1rem);
flex-grow:1;
padding:10px;
border-radius:.25rem;
margin:5px 10px
}

.index_stats_item_icon {
background:#1c1c1c;
display:flex;
justify-content:center;
align-items:center;
width:2.5rem;
height:2.5rem;
border-radius:50%;
margin-right:1rem;
position:relative
}

.index_stats_item_icon i {
color:#9f9f9f;
font-size:18px
}

.index_stats_item_indicators {
display:flex;
flex-direction:column
}

.index_stats_item_indicators-num {
font-weight:700;
font-size:calc(1em + 5px);
color:#e9e9e9
}

.index_stats_item_indicators-text {
text-transform:uppercase;
font-weight:600;
font-size:calc(1em - 1px);
white-space:nowrap
}

.ma-1 {
margin:1rem
}

.ma-2 {
margin:2rem
}

.ma-3 {
margin:3rem
}

.ma-4 {
margin:4rem
}

.ma-5 {
margin:5rem
}

.mb-1 {
margin-bottom:1rem
}

.mb-2 {
margin-bottom:2rem
}

.mb-3 {
margin-bottom:3rem
}

.mb-4 {
margin-bottom:4rem
}

.mb-5 {
margin-bottom:5rem
}

.mt-1 {
margin-top:1rem
}

.mt-2 {
margin-top:2rem
}

.mt-3 {
margin-top:3rem
}

.mt-4 {
margin-top:4rem
}

.mt-5 {
margin-top:5rem
}

.ml-1 {
margin-left:1rem
}

.ml-2 {
margin-left:2rem
}

.ml-3 {
margin-left:3rem
}

.ml-4 {
margin-left:4rem
}

.ml-5 {
margin-left:5rem
}

.mr-1 {
margin-right:1rem
}

.mr-2 {
margin-right:2rem
}

.mr-3 {
margin-right:3rem
}

.mr-4 {
margin-right:4rem
}

.mr-5 {
margin-right:5rem
}

.pa-1 {
padding:1rem
}

.pa-2 {
padding:2rem
}

.pa-3 {
padding:3rem
}

.pa-4 {
padding:4rem
}

.pa-5 {
padding:5rem
}

.pb-1 {
padding-bottom:1rem
}

.pb-2 {
padding-bottom:2rem
}

.pb-3 {
padding-bottom:3rem
}

.pb-4 {
padding-bottom:4rem
}

.pb-5 {
padding-bottom:5rem
}

.pt-1 {
padding-top:1rem
}

.pt-2 {
padding-top:2rem
}

.pt-3 {
padding-top:3rem
}

.pt-4 {
padding-top:4rem
}

.pt-5 {
padding-top:5rem
}

.pl-1 {
padding-left:1rem
}

.pl-2 {
padding-left:2rem
}

.pl-3 {
padding-left:3rem
}

.pl-4 {
padding-left:4rem
}

.pl-5 {
padding-left:5rem
}

.pr-1 {
padding-right:1rem
}

.pr-2 {
padding-right:2rem
}

.pr-3 {
padding-right:3rem
}

.pr-4 {
padding-right:4rem
}

.pr-5 {
padding-right:5rem
}

.porfile-repbox {
margin-right:5px
}

.porfile-repbox:last-child {
margin-right:0
}

.porfile-repbox .statusblock {
background-color:#1c1c1c;
padding:12px;
text-align:center;
border:1px solid #212121;
border-radius:2px
}

.porfile-repbox .statusblock .num {
font-size:22px
}

.porfile-repbox .statusblock .labeled {
font-size:14px
}

.porfile-repbox .statusblock .linked {
padding:12px;
margin:12px -12px -12px;
background-color:#7C2A2A;
border-top:1px solid #2d2d2d
}

.porfile-repbox .statusblock .linked .box {
text-align:center;
font-size:21px;
flex:.5
}

.porfile-repbox .statusblock .linked .bdright {
border-right:1px solid #1c1c1c
}

.porfile-repbox .statusblock .linked .bdleft {
border-left:1px solid #1c1c1c
}

.porfile-repbox .statusblock .linked .box i {
font-size:17px
}

.profile-uid {
position:absolute;
background-color:#7C2A2A;
font-size:12px;
font-weight:600;
text-transform:uppercase;
padding:4px 6px;
border-radius:2px;
box-shadow:1px 1px 4px #151515;
display:inline
}

.profil-box {
padding:14px
}

.profile-button a {
margin-right:5px
}

.profile-sidebar-1 {
padding-left:0;
padding-right:15px
}

#posts_container {
color:grey
}

.post-groupimg {
margin-top:10px;
margin-bottom:5px;
text-align:center
}

.post-avatar .author_avatar img {
width:120px;
height:120px
}

.post-avatar .square img {
border-radius:5px
}

.post-avatar .round img {
border-radius:100%
}

.post-info {
padding-top:5px;
padding-bottom:15px
}

.post-onlinestatus {
position:absolute
}

.post-onlinestatus i {
font-size:15px
}

.st-head {
padding:20px 0
}

.st-head .st-prefix {
color:#7C2A2A;
font-size:15px;
text-transform:uppercase
}

.st-head .st-title {
font-weight:500;
font-size:25px
}

.st-head .st-desc {
font-weight:500;
color:grey
}

.ml-px-5 {
margin-left:5px
}

.ml-px-10 {
margin-left:10px
}

.ml-px-15 {
margin-left:15px
}

.ml-px-20 {
margin-left:20px
}

.ml-px-25 {
margin-left:25px
}

.mr-px-5 {
margin-right:5px
}

.mr-px-10 {
margin-right:10px
}

.mr-px-15 {
margin-right:15px
}

.mr-px-20 {
margin-right:20px
}

.mr-px-25 {
margin-right:25px
}

.mt-px-5 {
margin-top:5px
}

.mt-px-10 {
margin-top:10px
}

.mt-px-15 {
margin-top:15px
}

.mt-px-20 {
margin-top:20px
}

.mt-px-25 {
margin-top:25px
}

.mb-px-5 {
margin-bottom:5px
}

.mb-px-10 {
margin-bottom:10px
}

.mb-px-15 {
margin-bottom:15px
}

.mb-px-20 {
margin-bottom:20px
}

.mb-px-25 {
margin-bottom:25px
}

.pl-px-5 {
padding-left:5px
}

.pl-px-10 {
padding-left:10px
}

.pl-px-15 {
padding-left:15px
}

.pl-px-20 {
padding-left:20px
}

.pl-px-25 {
padding-left:25px
}

.pr-px-5 {
padding-right:5px
}

.pr-px-10 {
padding-right:10px
}

.pr-px-15 {
padding-right:15px
}

.pr-px-20 {
padding-right:20px
}

.pr-px-25 {
padding-right:25px
}

.pt-px-5 {
padding-top:5px
}

.pt-px-10 {
padding-top:10px
}

.pt-px-15 {
padding-top:15px
}

.pt-px-20 {
padding-top:20px
}

.pt-px-25 {
padding-top:25px
}

.pb-px-5 {
padding-bottom:5px
}

.pb-px-10 {
padding-bottom:10px
}

.pb-px-15 {
padding-bottom:15px
}

.pb-px-20 {
padding-bottom:20px
}

.pb-px-25 {
padding-bottom:25px
}

.attachment-icon img {
width:25px
}

.attachment-icon i {
font-size:20px
}

.forum-announcements {
display:flex;
margin-top:1rem;
margin-bottom:1rem
}

.forum-announcement {
position:relative;
display:flex;
flex-direction:column;
min-width:0;
width:33.33333%;
margin-right:10px;
border-radius:.25rem;
box-shadow:0 1px 4px #151515;
border:1px solid #202020;
background:#1c1c1c
}

.forum-announcement:last-child {
margin-right:0
}

.forum-announcement-body {
flex:1 1 auto;
padding:1rem
}

.forum-announcement-icon {
width:50px;
margin:auto
}

.forum-announcement-icon i {
font-size:25px
}

.forum-announcement-icon span {
font-size:25px
}

.forum-announcement-title {
margin-bottom:.5rem;
font-size:18px;
font-weight:500
}

.forumrules {
position:relative;
display:flex;
flex-direction:column;
min-width:0;
border-radius:.25rem;
box-shadow:0 1px 4px #151515;
border:1px solid #202020;
background:#1c1c1c
}

.forumrules-body {
flex:1 1 auto;
padding:1rem
}

.forumrules-icon {
width:50px;
margin:auto
}

.forumrules-icon i {
font-size:25px
}

.forumrules-title {
margin-bottom:.5rem;
font-size:18px;
font-weight:500
}

.forum-subforums {
display:flex;
flex-wrap:wrap;
padding:1rem;
border-top:1px solid #222
}

.forum-subforums .forum-subforum {
flex-grow:1;
min-width:0;
width:50%
}

.post-h-article {
margin-left:auto;
margin-right:auto;
border:1px solid #1d1d1d;
box-shadow:0 2px 4px -1px #000 0 0 2px -1px #000
}

.post-h-author {
display:flex;
padding:15px;
background:#252525
}

.post-h-username {
font-size:18px
}

.post-h-onlinestatus {
position:absolute
}

.post-h-onlinestatus i {
font-size:15px
}

.post-h-avatar {
margin-right:10px
}

.post-h-avatar img {
max-width:40px;
max-height:40px;
border-radius:100%
}

.post-h-avatar .round img {
border-radius:100%
}

.post-h-avatar .square img {
border-radius:5px
}

.post-h-groupimage img {
width:100px
}

.post-h-content {
position:relative;
flex:1;
background:#252525;
padding:10px 15px
}

.postbit-h-bg-main {
position:relative;
z-index:1
}

.postbit-h-bg,.postbit-h-bg:before {
position:absolute;
top:0;
left:0;
right:0;
bottom:0
}

.postbit-h-bg {
opacity:.5;
z-index:-1;
width:100%;
height:100%;
background-size:cover!important;
background-repeat:no-repeat!important;
background-position:center!important
}

.postbit-h-bg:before {
content:'';
background-image:linear-gradient(to bottom,transparent,#252525)
}
		
.sparkle-effect-red{
    background-image: url(images/gloweffect.gif);
    color: #f82d2b;
    font-weight: bold;
    text-shadow: 0 0 0.9em #f82d2b;
}		

.sparkle-effect-gold{
    background-image: url(images/gloweffect.gif);
    color: #fbd53c;
    font-weight: bold;
    text-shadow: 0 0 0.9em #fbd53c;
}		

.sparkle-effect-blue{
    background-image: url(images/gloweffect.gif);
    color: #0075ba;
    font-weight: bold;
    text-shadow: 0 0 0.9em #0075ba;
}	

.fire-effect{
    background-image: url(images/fireeffect.gif);
    color: #0075ba;
    font-weight: bold;
    text-shadow: 0 0 0.9em #0075ba;
}	
Reply
#13
Not Solved
in your global.css line no around 3233 check there is a class .forum

add this property

width: 20rem;
Reply
#14
Not Solved
Thank you! It worked. They are centered and have the good width.

Edit: When adding justify-content: center to d-flex, EVERYTHING that uses d-flex centers. That's not what I want. I made a new d-flex in the global.css for just the forum display boxes but I don't where to add/change this in the templates. Somebody know what to edit?
Reply
#15
Not Solved
Don't add justify-content: center; directly to the class d-flex

to add mention the parent classes like .parent-div .d-flex {
justify-content: center;
}
Reply
#16
Not Solved
(2022-06-14, 01:56 PM)PARADOXP Wrote: Don't add justify-content: center; directly to the class d-flex

to add mention the parent classes like .parent-div .d-flex {
justify-content: center;
}

Where do I add the parent?
Reply
#17
Not Solved
check the .d-flex class in the template where is the actual problem is located

just watch for the upper classes of the .d-flex
Reply
#18
Not Solved
(2022-06-15, 03:15 AM)PARADOXP Wrote: check the .d-flex class in the template where is the actual problem is located

just watch for the upper classes of the .d-flex

The thing is, I don’t know where the forum boxes are located. If I open (I think) the right template I can’t fight any d-flex classes.
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)