Layout CSS
/* --- Global Theme Styles --- */
body {
background-color: #000000 !important; /* Pitch black background */
color: #FFFFFF !important; /* White text for general readability */
font-family: 'Courier New', Courier, monospace !important; /* Retro text style */
}
/* --- Links & Hovers --- */
a, a:visited {
color: #FF69B4 !important; /* Blinding hot pink links */
text-decoration: none !important;
font-weight: bold !important;
}
a:hover {
color: #FFFFFF !important; /* Flashes white on hover */
text-shadow: 0 0 8px #FF69B4, 0 0 15px #FF69B4; /* Obnoxious pink neon glow */
text-decoration: underline !important;
}
/* --- Forum Container & Cards --- */
/* Targets forum sections, tables, or group discussion boards */
.forum, .forum-table, .card, .panel, table {
background-color: #111111 !important; /* Dark charcoal for contrast */
border: 3px double #FF69B4 !important; /* Double-lined hot pink border */
border-radius: 0px !important; /* Sharp, non-rounded retro corners */
box-shadow: 0 0 10px #FF69B4 !important; /* Outer pink layout glow */
}
/* --- Forum Headers & Category Bars --- */
.forum-header, th, thead, .category-banner {
background-color: #FF69B4 !important; /* Solid hot pink header bars */
color: #000000 !important; /* Pure black text inside headers */
text-transform: uppercase !important;
letter-spacing: 2px !important;
}
/* --- Forum Row Alternation --- */
tr:nth-child(even), .forum-row:nth-child(even) {
background-color: #1a1a1a !important; /* Slightly lighter black rows */
}
tr:nth-child(odd), .forum-row:nth-child(odd) {
background-color: #080808 !important; /* Deep black rows */
}
/* --- Buttons & Submit Inputs --- */
button, input[type="submit"], .btn {
background-color: #000000 !important;
color: #FF69B4 !important;
border: 2px solid #FF69B4 !important;
padding: 5px 10px !important;
cursor: pointer !important;
}
button:hover, input[type="submit"]:hover {
background-color: #FF69B4 !important;
color: #000000 !important;
}
/* --- Profile Picture Spill Fix --- */
.profile-pic, .pfp, .avatar, img[src*="avatar"], img[src*="profile"] {
max-width: 100% !important; /* Prevents it from spilling horizontally */
height: auto !important; /* Keeps the picture's correct proportions */
box-sizing: border-box !important;
border: 2px solid #FF69B4 !important; /* Adds your hot pink border */
}
/* Force container to hide any extra mess if the image is stubborn */
.profile-pic-container, .avatar-box {
overflow: hidden !important;
}/* --- Profile Picture Fill Fix --- */
.blog-entry img, .profile-pic, .avatar, img[src*="avatar"] {
width: 100% !important; /* Forces the image to fill the border box */
max-width: 150px !important; /* Prevents it from getting absurdly huge */
height: auto !important; /* Keeps the picture proportions perfect */
display: block !important;
margin: 0 auto !important; /* Centers it perfectly */
}
Comments (0)
No comments yet. Be the first!
Log in to leave a comment.