Home
Browse
Blog
Groups
Videos
More ▾
Forums Gallery Artists Bulletins Favorites About Brand Invite Downloads Log In Sign Up

← Back to Layouts

Layout Preview

Skyrim

Author: Cosmo

Category: The Elder scrolls V: Skyrim

Created: June 6, 2026

Comments (0)

No comments yet. Be the first!

You must log in to comment.

×

CSS Code

<style>
<style>
/* SKYRIMSPACE */

/* Background */
body {
    background: url("https://images.unsplash.com/photo-1511497584788-876760111969") fixed center center;
    background-size: cover;
    color: #d8c8a5;
    font-family: Georgia, serif;
}

/* Main profile container */
.profile,
.container,
.main {
    background: rgba(20, 18, 16, 0.85);
    border: 4px solid #7a6440;
    border-radius: 0;
    box-shadow: 0 0 20px rgba(0,0,0,.8);
}

/* Headers */
h1, h2, h3 {
    color: #c8a76b;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-shadow: 0 0 10px #000;
}

/* Section boxes */
.box,
.section,
.card {
    background: rgba(35,30,25,.9);
    border: 2px solid #6b5535;
    padding: 10px;
    margin: 8px;
}

/* Links */
a {
    color: #d4b06a;
    text-decoration: none;
}

a:hover {
    color: #fff0c0;
    text-shadow: 0 0 8px #d4b06a;
}

/* Friends list */
.friend,
.friend-card {
    background: rgba(45,40,35,.8);
    border: 1px solid #8c744d;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background: #1f1a17;
}

::-webkit-scrollbar-thumb {
    background: #7a6440;
    border: 2px solid #1f1a17;
}

/* Medieval buttons */
button,
.btn {
    background: #5f4a2f;
    color: #e8d8b0;
    border: 2px solid #a88a55;
    padding: 6px 12px;
    cursor: pointer;
}

button:hover,
.btn:hover {
    background: #7a6440;
}

/* Quest log style status */
.status::before {
    content: "CURRENT QUEST: ";
    color: #c8a76b;
    font-weight: bold;
}

/* Top banner */
.profile-header {
    background: linear-gradient(
        to bottom,
        rgba(60,50,40,.95),
        rgba(25,20,15,.95)
    );
    border-bottom: 3px solid #a88a55;
}

/* Old MySpace blink */
.blink {
    animation: blink 1s infinite;
}

@keyframes blink {
    50% {
        opacity: 0;
    }
}
</style></style>

×

Enlarged Preview

Disclaimer: This project is not affiliated with MySpace® in any way.

FriendRewind - Free retro social network with HTML/CSS profiles, built-in music player, blogs, groups with voice chat, and bulletins. No algorithms, no tracking, no ads.

Live Stats
Rules
Safety
Privacy Policy
Uptime
Contact

© 2026 FriendRewind. All rights reserved.

Now Playing: Nothing playing

0:00

0:00