CCCP

Tags: #cccp #communism
Description:

USSR
Code:

<!-- (c) Layout created by AxelSector (https://layouts.spacehey.com/layout?id=96213) -->

<style>
img:hover {
filter: grayscale(0);
-webkit-filter: grayscale(0);
transform: scale(1.1);
transition: 0.5s ease;
}
</style>

<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://i.pinimg.com/564x/fb/3f/6e/fb3f6ed8e7cf224f9055c12b2a6bb928.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 3s ease 0s 1 normal forwards;
pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>

<style>
button, input {
    overflow: visible;
    COLOR: #5c1a1a;
    PADDING: 0PX 11PX;
    BORDER-RADIUS: 90PX 6PX;
    MARGIN: 8PX 0PX;
    BACKGROUND: #ffc65a;
    TEXT-ALIGN: center;
    FONT-FAMILY: cursive;
    BORDER: #56000066 RIDGE;
}

nav .top .center form {
    margin-top: -2px;
    width: 100%;
    BORDER-RADIUS: 90PX;
    TEXT-ALIGN: center;
    FONT-FAMILY: cursive;
}

.general-about{
  position: relative;
  margin-top: 30px;
}
.online {
    content: url("https://cdn.discordapp.com/attachments/943224766536515614/1174916726023004190/ezgif.com-add-text.gif?ex=65695578&is=6556e078&hm=e99e08c81f8039b3a842cb92dc7243693d21467d1ad4d786659c21c10f800e85&");
    padding: 0px 95px;
}

.logo {
  
  content:url("https://i.ibb.co/S0rhgLr/Untitled55-20230915101005-1.png")
  
  }

body {
    background: #400505;
    padding: 25px;
    font-family: verdana, arial, sans-serif, helvetica;
    color: #ff000045;
}

footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 0px 170px;
    background-color: #66000040;
    border-radius: 0px 0px 10px 10px;
}

nav .links {
   background-color: #f9986c3d;
    padding: 10.5px 15px;
    text-align: center;
    text-shadow: 0px 0px 2px #440000;
    border: #f9c56c6b solid;
    border-radius: 0px 0px 10px 10px;
}

nav .links a {
    color: #ffffff;
    text-shadow: -1px -2px 10px #401802;
    font-size: max(0.5em, 12px);
    font-family: cursive;

}

nav .links li.active a {
    font-weight: lighter;
}

nav .top {
    background: #0000001a;
    padding: 16px 20px;
    position: relative;
    border: #f9c56c66 solid;
    border-radius: 15px 15px 0px 0px;
    margin: 10px 0px;
}

main {
    background-image: url(https://i.pinimg.com/564x/ed/ab/38/edab38fcc2d783305951fad1cdfdf85f.jpg);
    color: #ffb537;
    padding: 10px 0px;
    font-size: 80%;
    margin: 10px 0px;
    background-position-x: center;
    border: #00000063 ridge;
    border-radius: 24px;
}

.profile h1 {
    font-size: 1.5em;
    margin: 0 0 10px 0;
    TEXT-ALIGN: center;
}

.profile-info {
    Display: none;
}

.general-about .profile-pic img {
    max-width: 160px;
    max-height: 160px;
    border-radius: 90px 10px 90px 1px;
}

.general-about .profile-pic img {
    max-width: 160px;
    max-height: 160px;
    border-radius: 90px 10px 90px 1px;
    border: #ff000030 double 6px;
}

.profile .blurbs .heading, .profile .friends .heading {
    background: #00000091;
    color: #ffffff;
    padding: 2px 7px;
    TEXT-ALIGN: center;
    MARGIN: 9PX 52PX;
    BORDER-RADIUS: 90PX 90PX 90PX 1PX;
    BORDER: black RIDGE;
}

.profile .blurbs .section h4 {
    color: #a93535;
    TEXT-ALIGN: center;
    BACKGROUND: #160007bd;
    PADDING: 5PX;
    MARGIN: 12PX 110PX 12PX;
    BORDER: #481818 SOLID 3PX;
}

p, ol li, ul:not(nav .links):not(footer .links) li {
    font-size: max(0.875em, 12px);
    TEXT-ALIGN: center;
    padding: 7px 0px 0px;
}

.profile .blurbs .section {
    margin-bottom: 20px;
    BACKGROUND: #120000cf;
    BORDER-RADIUS: 30PX;
    BORDER: #2a0000 RIDGE;
}

.blog-preview {
    display: none;
}

.profile .mood p {
    display: none;
}

.profile .contact .heading h4, .profile .table-section .heading h4, .profile .blurbs .heading h4, .profile .friends .heading h4, .blog-entry .comments .heading h4, .bulletin .comments .heading h4, .home-actions .heading h1, .setting-section .heading h4, .statistics .heading h4 {
    margin: 7px;
    display: inline-block;
}

.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
    background: #e3343494;
    color: white;
    padding: 2px 7px;
    text-align: center;
    text-shadow: 0 0 12px #ffe355;
}

.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
    width: 100%;
    border: RIDGE #1c0000;
    margin: 4px 0px;
    BACKGROUND: #3c000069;
}

a {
    color: #db9f2e;
    text-decoration: none;
}

.details-table td:first-child {
    background: #9f4b3d78;
    color: #ffffff;
    font-weight: bold;
    width: 33%;
    TEXT-ALIGN: center;
    PADDING: 55PX 0PX;
    TEXT-SHADOW: 0 0 20px #f9c56c;
}

.details-table td {
    background: #681b1b54;
    vertical-align: top;
    TEXT-ALIGN: CENTER;
    PADDING: 25PX 4PX;
    FONT-FAMILY: cursive;
    TEXT-SHADOW: 0 0 17px #ff6c00;
}

.comments-table td:first-child, .music-table td:first-child {
    background: #00000082;
    text-align: center;
    font-weight: bold;
    width: 38%;
}

.comments-table td, .music-table td {
    background: #000000cf;
    vertical-align: top;
    BORDER: #f9c56c45 DASHED 1PX;
}

.comment-replies {
    padding: 0 5px;
    border: 5px solid #ff000054;
    margin-top: 10px;
    BACKGROUND: #f527271f;
}

table.comments-table, table.music-table, table.bulletin-table, table.forum-table, table.groups-table {
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    border: #000000 ridge;
}

.friends {
    overflow: scroll;
    overflow-x: scroll;
    overflow-x: hidden;
    height: 560px; 
}

}
.profile .blurbs .inner, .profile .friends .inner, .blog-entry .comments .inner, .bulletin .comments .inner, .setting-section .inner {
    padding: 5px;
}

.profile .blurbs .inner, .profile .friends .inner, .blog-entry .comments .inner, .bulletin .comments .inner, .setting-section .inner {
    padding: 50px 0PX;
    MARGIN: 15PX 30PX;
}

.friends-grid {
    Background: #20000069;
    text-align: center;
    border-radius: 1px 1px 20px 20px;
    border: #f9c56c63 ridge;
    text-shadow: 0 0 10px #dbae2e;
}

.profile .friends .person p {
    color: #ffce5d;
    font-weight: bold;
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    font-size: 100%;
    text-align: center;
}

.count {
    color: #ffffff;
}

.profile .friends .person img:not(.icon) {
    max-width: 95px;
    max-height: 95px;
    display: block;
    margin: 0 auto;
    border-radius: 90px 40px 90px 1px;
    border: #8100008c solid;
    box-shadow: 0 0 18px #dd0000;
}

.comments-table td:first-child img:not(.icon) {
    max-height: 95px;
    display: block;
    margin: 0 auto;
    border-radius: 90px 40px 90px 1px;
    border: #f9c56c61 solid;
    box-shadow: 0 0 18px #300000;
}

.general-about .details {
    display: block;
    background: #0a000082;
    border-radius: 90px 0px;
    padding: 1px;
    box-shadow: 6px 8px 14px #0a000080;
    text-shadow: 0 0 9px #dbae2ea6;
}
</style>
Copy and paste this code into the "About me" section of your Profile to use it.
Caution: This Layout was not inspected by SpaceHey — use it at your own risk.