Layout Preview

pinkie 2

Author: lauranomz
Category: pink
Created: June 25, 2026
Downloads: 7
i messed it up the first time so i fixed it in this one
Log in to Apply

Live Preview

Comments (0)

No comments yet. Be the first!

Log in to leave a comment.

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 */
}