← Back to Layouts
кака

Name: FriendRewind
Author: FriendRewind
Author: molodoi bos
Category: Classic
Created: September 23, 2026
кака
Comments (0)

No comments yet. Be the first!
You must log in to comment.
CSS Code

<style id="fr-vb2">
/* VB2_STATE:{"cursorUrl":"","overlayUrl":"","overlayOpacity":0.2,"avatarAnimation":"","pageFont":"","useLiveProfile":true,"previewUrl":"/profile?id=4","pageBgImage":"","pageBgMode":"cover","heroImageUrl":"","profileRowBgImage":"","profileRowBgMode":"cover","navBgColor":"#2b333f","navBgImage":"","navBgMode":"cover","navLinkColor":"#ffffff","navLinkHover":"#66aaff","boxBgColor":"#ffffff","boxOpacity":1,"boxRadius":8,"contactHeaderBg":"#4169E1","contactHeaderText":"#ffffff","contactContentBg":"#ffffff","contactBorderColor":"#4169E1","contactBorderWidth":1,"contactBorderRadius":5,"contactBoxAnimation":"","interestsHeaderBg":"#DAA520","interestsHeaderText":"#ffffff","interestsContentBg":"#ffffff","interestsBorderColor":"#DAA520","interestsBorderWidth":1,"interestsBorderRadius":5,"contentBoxAnimation":"","textBody":"#000000","textHeading":"#000000","textLink":"#0066cc","headingShadowColor":"#000000","headingShadowBlur":2,"headingShadowEnable":false,"moduleImages":{"contact":"","urlInfo":"","tableSection":"","tunes":"","blogPreview":"","blurbs":"","friends":"","Comments Background":"","comments":""}} */
/* Generated by FriendRewind.com Visual Builder */
</style><style>


/* FR_MANUAL_EXTRAS */
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;500;700&family=Pixelify+Sans:wght@400;600;700&display=swap');

* {
    box-sizing: border-box;
    cursor: url(https://cdn.cursors-4u.net/previews/pink-paw-print-820c6758-32.webp), auto !important;
}

body {
    margin: 0 !important;
    min-height: 100vh !important;

    background:
        linear-gradient(rgba(46, 10, 70, .42), rgba(46, 10, 70, .42)),
        url("https://i.pinimg.com/736x/d9/56/6f/d9566f127b1b871c91b58d75e3c0e5d9.jpg")
        center top / cover fixed no-repeat !important;

    background-color: #38104f !important;
    color: #421342 !important;
    font-family: 'Comfortaa', sans-serif !important;
    font-size: 14px !important;
}

/* Верхняя полоска */

body::before {
    content: "✦ づ￣3￣）づ╭❤️～ OHAYOSHKI ✦ DATTEBAYSHKI ✦";
    display: block !important;
    width: 100% !important;
    padding: 12px !important;

    color: white !important;
    background: linear-gradient(90deg, #ff3ea9, #9b4fff, #23d9e5) !important;
    border-bottom: 4px solid #ffe34d !important;

    font-family: 'Pixelify Sans', monospace !important;
    font-size: 16px !important;
    font-weight: bold !important;
    letter-spacing: 1px !important;
    text-align: center !important;
    text-shadow: 2px 2px #742175 !important;
}

/* Главный блок страницы */

#page,
#container,
#content,
.content,
.wrapper,
.main {
    background: rgba(255, 248, 255, .94) !important;
    border: 4px solid #ff61c9 !important;
    border-radius: 22px !important;
    box-shadow:
        0 0 0 4px #ffe04c,
        0 0 28px #ff4acb !important;
}

/* Шапка */

#header,
.header,
.blog-header,
.site-header {
    padding: 25px !important;
    color: white !important;
    background: linear-gradient(135deg, #ff45b8, #824cf1, #20d8e4) !important;
    border-bottom: 6px solid #ffe04e !important;
    border-radius: 18px !important;
    text-align: center !important;
    text-shadow: 2px 2px #702273 !important;
}

/* Название блога */

h1,
h2,
h3,
.blog-title,
.site-title,
.post-title,
.entry-title {
    color: #e92a9e !important;
    font-family: 'Pixelify Sans', monospace !important;
    font-weight: bold !important;
    text-shadow: 2px 2px #ffc9f0 !important;
}

/* Крупное название */

h1,
.blog-title,
.site-title {
    color: #fff36b !important;
    font-size: 32px !important;
    text-shadow:
        3px 3px #772578,
        0 0 12px white !important;
}

/* Записи */

.post,
.entry,
.blog-entry,
.article,
.blog-post {
    margin: 18px !important;
    padding: 22px !important;

    color: #421342 !important;
    background: rgba(255, 255, 255, .94) !important;
    border: 3px solid #a653e7 !important;
    border-radius: 18px !important;

    box-shadow:
        0 5px 16px rgba(107, 35, 144, .35),
        inset 0 0 20px rgba(255, 166, 234, .3) !important;

    line-height: 1.7 !important;
}

/* Заголовок записи */

.post-title,
.entry-title {
    padding: 12px 16px !important;
    color: white !important;
    background: linear-gradient(90deg, #ff43b5, #7955ed) !important;
    border-left: 8px solid #ffe14b !important;
    border-radius: 12px !important;
    text-shadow: 2px 2px #66216d !important;
}

/* Текст */

.post p,
.entry p,
.blog-entry p,
.article p {
    color: #461747 !important;
    font-family: 'Comfortaa', sans-serif !important;
    line-height: 1.8 !important;
}

/* Картинки */

.post img,
.entry img,
.blog-entry img,
.article img,
.blog-post img {
    max-width: 100% !important;
    height: auto !important;
    border: 6px solid white !important;
    border-radius: 18px !important;
    box-shadow:
        0 0 0 4px #ff55c5,
        0 0 22px #8255ed !important;
}

/* Цитаты */

blockquote {
    padding: 18px !important;
    color: white !important;
    background: linear-gradient(90deg, #ff43b3, #7955ee) !important;
    border-left: 8px solid #ffe04c !important;
    border-radius: 14px !important;
    font-family: 'Pixelify Sans', monospace !important;
    font-size: 19px !important;
    text-align: center !important;
}

/* Боковая панель */

#sidebar,
.sidebar,
.left-column,
.right-column,
.profile,
.user-info {
    color: #481449 !important;
    background: linear-gradient(180deg, #ffd2f2, #d8d0ff) !important;
    border: 3px solid #ff5ac5 !important;
    border-radius: 15px !important;
    box-shadow: 0 0 15px #ff58c8 !important;
}

/* Ссылки */

a {
    color: #d3269e !important;
    font-weight: bold !important;
    text-decoration: none !important;
}

a:hover {
    color: #713ee7 !important;
    text-shadow: 0 0 8px #ff6bd2 !important;
}

/* Кнопки */

button,
input[type="submit"],
input[type="button"],
.button {
    color: white !important;
    background: linear-gradient(90deg, #ff42ae, #765cff) !important;
    border: none !important;
    border-radius: 20px !important;
    font-family: 'Comfortaa', sans-serif !important;
    font-weight: bold !important;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.button:hover {
    color: #641357 !important;
    background: linear-gradient(90deg, #ffe04a, #ff72ca) !important;
}

/* Музыкальная панель */

#footer-music-bar,
.music-bar {
    color: #ffffff !important;
    background: linear-gradient(90deg, #ff43ae, #8055ed, #21cddd) !important;
    border-top: 4px solid #ffe04c !important;
    font-family: 'Pixelify Sans', monospace !important;
    box-shadow: 0 -4px 18px rgba(255, 61, 202, .7) !important;
}

.music-bar::before {
    display: none !important;
}

#bar-prev.bar-btn,
#bar-play.bar-btn,
#bar-next.bar-btn,
#bar-compact-toggle.bar-btn {
    color: white !important;
    background: #ff4db8 !important;
    border: 2px solid white !important;
    border-radius: 12px !important;
}

.bar-progress-container {
    background: #ffd4f2 !important;
}

.bar-info-section,
.bar-label-row,
.bar-volume,
.volume-slider-container {
    color: white !important;
}

/* Нижняя часть */

#footer,
.footer,
.site-footer {
    color: white !important;
    background: rgba(48, 12, 67, .95) !important;
    border-top: 5px solid #ff5fc7 !important;
    border-radius: 16px !important;
    text-align: center !important;
}

/* Мобильная версия */

@media screen and (max-width: 700px) {
    #page,
    #container,
    #content,
    .content,
    .wrapper,
    .main {
        margin: 8px !important;
        border-width: 3px !important;
    }

    h1,
    .blog-title,
    .site-title {
        font-size: 25px !important;
    }

    .post,
    .entry,
    .blog-entry,
    .article,
    .blog-post {
        margin: 10px !important;
        padding: 14px !important;
    }
}
</style>