#af-wrapper #forum-profile .display-name,
#af-wrapper .post-author .topic-author,
#af-wrapper input[type="checkbox"]:checked:before {
color: #fe4593 !important;
}
#af-wrapper .button-normal,
#af-wrapper .title-element,
#af-wrapper #forum-header,
#af-wrapper #profile-header .background-avatar,
#af-wrapper #profile-navigation,
#af-wrapper input[type="radio"]:checked:before {
background-color: #fe4593 !important;
}
#af-wrapper .button-neutral {
background-color: #fe4593B0 !important;
}
#af-wrapper .post-author .topic-author {
background-color: #fe459340 !important;
}
#af-wrapper input[type="radio"]:focus,
#af-wrapper input[type="checkbox"]:focus,
#af-wrapper #profile-header {
border-color: #fe4593 !important;
}
#af-wrapper .title-element,
#af-wrapper #forum-navigation a,
#af-wrapper #forum-navigation-mobile a {
border-color: #80002d !important;
}
#af-wrapper .button-normal:hover,
#af-wrapper #profile-navigation a.active {
background-color: #80002d !important;
}
#af-wrapper .button-neutral:hover {
background-color: #80002dB0 !important;
}
#af-wrapper a:not(a.button):not(a.highlight-admin):not(a.highlight-moderator),
#af-wrapper .forum-post-menu a,
#af-wrapper #bottom-navigation {
color: #fe4593 !important;
}
#af-wrapper .unread {
color: #fe4593 !important;
}
#af-wrapper #read-unread .unread {
background-color: #fe4593 !important;
}
/* ---------------------------------------------------- * ASGAROS FORUM PINK RESKIN CSS - PURE CSS VERSION * Pallette: * Primary Pink: #FE4593 * Soft Pink: #FF9FC1 * Light Pink: #fce9f0 * Lightest Pink: #FFF6F9 * Wine Red: #80002D * ---------------------------------------------------- */ /* === 1. Global Post Container Styling === */ .post-element { /* Main container for each post (e.g., postid-1, postid-2) */ border: 1px solid #F0E2E7; /* Subtle border around the whole post */ background-color: #fff; margin-bottom: 20px; padding: 0; border-radius: 12px; /* Smoother, larger rounded corners */ box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); /* Very light shadow for lift */ overflow: hidden; color: #333333; /* CRITICAL: Set up the two-column structure (Profile | Content) */ display: flex; flex-wrap: wrap; } /* === 2. Profile Sidebar (Left Column: 200px fixed width) === */ .forum-post-header-container { /* This container holds the user avatar and stats */ flex: 0 0 200px; /* Fixed width for the sidebar */ max-width: 100%; background-color: #FFF6F9; /* Lightest Pink */ padding: 15px; /* ADJUSTED: Reduced from 20px to 15px */ text-align: center; border-right: 1px solid #F0E2E7; /* Separator line */ display: flex; flex-direction: column; align-items: center; justify-content: flex-start; } .post-author-blocks { margin-top: 10px; width: 100%; /* NEW: Ensure all text blocks within the profile are centered */ text-align: center; } /* Style the profile icon/ribbon (if present, to center it better) */ .post-author-block-avatar i { display: block; margin: 0 auto; } /* Style the avatar */ .post-author .tpb-user-avatar { margin: 0 auto 10px auto; border: 4px solid #FF9FC1; /* Soft Pink border around avatar */ border-radius: 50%; padding: 2px; } /* Style the username link */ .post-author-block-name a.profile-link { color: #80002D; /* Wine Red for prominence */ font-weight: 700; text-decoration: none; } /* Style the Topic Author badge (making it look like a professional tag) */ .post-author-block-group .af-usergroup-tag { display: inline-flex; align-items: center; padding: 4px 8px; margin-top: 8px; background-color: #FE4593; /* Primary Pink */ color: #fff; border-radius: 6px; font-size: 11px; font-weight: 600; } .post-author-block-group .af-usergroup-tag i { margin-right: 5px; } /* === 3. Post Content Area (Right Column) === */ .post-wrapper { /* This contains the header, message, and footer */ flex: 1; min-width: 0; display: flex; flex-direction: column; } /* Post Header (Date, Post Number, Menu) */ .post-wrapper .forum-post-header { background-color: #fce9f0; /* Light Pink for the header bar */ color: #80002D; /* Wine Red text */ padding: 8px 20px; /* ADJUSTED: Reduced top/bottom padding from 12px to 8px */ display: flex; justify-content: space-between; align-items: center; font-size: 14px; font-weight: 600; border-bottom: 1px solid #F0E2E7; } /* Post Number and Date */ .post-wrapper .forum-post-date { color: #80002D; } .post-wrapper .forum-post-date a { color: #80002D; text-decoration: none; transition: color 0.2s; } .post-wrapper .forum-post-date a:hover { color: #FE4593; /* Primary Pink on hover */ } /* Post Menu Buttons (Edit, Quote, Report) - Located in the header */ .post-wrapper .forum-post-header .forum-post-menu a { color: #80002D; text-decoration: none; margin-left: 15px; transition: color 0.2s; } .post-wrapper .forum-post-header .forum-post-menu a:hover { color: #FE4593; /* Primary Pink on hover */ } /* Post Message Body */ .post-wrapper .post-message { padding: 20px; background-color: #fff; min-height: 100px; flex-grow: 1; line-height: 1.6; font-size: 15px; } /* Post Footer (Reactions, Edit Date) */ .post-wrapper .post-footer { padding: 10px 20px; /* ADJUSTED: Reduced top/bottom padding from 15px to 10px */ background-color: #FFF6F9; /* Lightest Pink */ border-top: 1px solid #F0E2E7; display: flex; justify-content: space-between; align-items: center; font-size: 12px; } /* Style the reaction links (Thumbs Up/Down) */ .post-reactions a, .post-reactions span { color: #FE4593; /* Primary Pink */ text-decoration: none; margin-right: 15px; font-weight: 600; } .post-reactions a:hover { color: #80002D; /* Wine Red on hover */ } /* === 4. Action Button Styling (Top and Bottom Menus) === */ /* Top Action Menu (Delete, Move, Reply) - Giving it a cleaner background */ /* We target the div containing the buttons near the top of the thread */ .af-topic-page .pages-and-menu:first-of-type .forum-menu { background-color: #fce9f0; /* Light Pink background */ padding: 10px 15px; border-radius: 8px; margin-bottom: 20px; /* Space it from the first post */ display: inline-flex; /* Keep buttons together */ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); } /* Style the Reply/Action Buttons (in .pages-and-menu) */ .pages-and-menu .forum-menu a.button, .pages-and-menu .forum-menu input[type=\"submit\"] { border-radius: 6px; padding: 8px 15px; font-weight: bold; text-transform: uppercase; transition: background-color 0.2s, box-shadow 0.2s; margin: 0 5px; /* Added spacing between buttons */ } /* Pink Reply Button (Button Normal) */ .pages-and-menu .forum-menu a.button-normal, .pages-and-menu .forum-menu input[type=\"submit\"] { background-color: #FE4593 !important; /* Primary Pink */ color: #fff !important; border-color: #FE4593 !important; } .pages-and-menu .forum-menu a.button-normal:hover, .pages-and-menu .forum-menu input[type=\"submit\"]:hover { background-color: #80002D !important; /* Wine Red on hover */ border-color: #80002D !important; box-shadow: 0 2px 5px rgba(128, 0, 45, 0.3); } /* Red (Delete) Button */ .pages-and-menu .forum-menu a.button-red { background-color: #80002D !important; /* Wine Red */ color: #fff !important; border-color: #80002D !important; } .pages-and-menu .forum-menu a.button-red:hover { background-color: #FE4593 !important; /* Primary Pink on hover */ border-color: #FE4593 !important; } /* Neutral Buttons (Move, Sticky, Close) */ .pages-and-menu .forum-menu a.button-neutral { background-color: #fff !important; color: #FE4593 !important; /* Primary Pink text */ border: 1px solid #FF9FC1 !important; /* Soft Pink border */ } .pages-and-menu .forum-menu a.button-neutral:hover { background-color: #fce9f0 !important; /* Light Pink on hover */ color: #80002D !important; /* Wine Red text on hover */ } /* === 5. Mobile Responsiveness (Stacking) === */ @media (max-width: 768px) { .post-element { display: block; /* Stack profile and content vertically */ } /* Profile (now full width) */ .forum-post-header-container { width: 100%; border-right: none; border-bottom: 1px solid #F0E2E7; /* Layout user info horizontally for mobile header */ display: flex; flex-direction: row; justify-content: flex-start; align-items: center; text-align: left; } .post-author-blocks { margin-left: 15px; flex-grow: 1; text-align: left; } .post-author .tpb-user-avatar { margin: 0; } /* Center the post footer actions on small screens */ .post-wrapper .post-footer { flex-direction: column; text-align: center; } .post-reactions { margin-bottom: 10px; float: none; } }