0% found this document useful (0 votes)
16 views4 pages

No Title

The document contains a detailed layout design for a webpage, featuring various CSS styles and background images. It emphasizes a black and red color scheme, with specific styles for different sections such as navigation, profile info, and comments. The layout includes animations and cursor customizations to enhance user interaction.

Uploaded by

Fire fox brasil
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
16 views4 pages

No Title

The document contains a detailed layout design for a webpage, featuring various CSS styles and background images. It emphasizes a black and red color scheme, with specific styles for different sections such as navigation, profile info, and comments. The layout includes animations and cursor customizations to enhance user interaction.

Uploaded by

Fire fox brasil
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 4

<!-- (c) Layout created by 𝔗𝔦𝔣𝔣 𓆪 (https://layouts.spacehey.com/layout?

id=27213)
-->

✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮

<style>
body{
background:url(https://64.media.tumblr.com/
9bc9b36cc2b4efdc2fd52fd64e724112/0eb85bc2819d42e4-48/s540x810/
f92406c31cc0bff40c6ef141c6899c8d6a507f3a.pnj) no-repeat center
fixed;
-webkit-background-size: cover
}
.logo {
content:
url(https://cdn.discordapp.com/attachments/1086175255682359321/1093823521781727313/
IMG_4854.gif);
}
main {
font-family:uset;
color: red;
background-color: black;
border-color: red;
border-style: dashed;}
nav .top {
background: transparent;
}
nav .links {
background: rgba(0, 0, 0, 0.9);
}

.general-about img {
-webkit-mask-image: url(https://i.postimg.cc/8CB1CTyG/heart.png);
-webkit-mask-size: 100%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
}
main:before {
width: auto;
margin-bottom: 25px;
border: 1px solid black;
height: 150px;
display: block;
content: "";
background-image:
url(https://i.pinimg.com/originals/14/9f/f7/149ff761a290c7286ceb4624284fa4a8.gif);
background-position: center center;
background-size: cover;
}
#q, button {
color: #F55536;
background-color: black;
border: 1px solid grey;
font-family: inherit;
}
p, i, b, .count {
color: red!important;
}
a, .profile .friends .person p, .logout-btn {
color: red !important;
text-decoration: underline !important;
}
.container {
margin: 0 auto 0;
}
main {
background: black;
color: red;
}
.heading, .url-info {
color: red !important;
background: none;
background-color: black !important;
border: 2px solid grey !important;
}
.inner {
color: red !important;
border: 2px solid grey;
border-top: none;
}
.profile-info {
background-image:
url(https://i.pinimg.com/originals/11/c3/b0/11c3b066c4bba23dd0f13c5fedb55bac.gif);
background-position: center;
background-size: cover;
padding: 5px;
border-radius: 8px;
border: 2px solid #0307ff;
border: 2px solid grey;
}
.profile-info .inner {
border: none;
}
.friends .inner {
border-bottom: none;
}
#comments {
border-bottom: 2px solid grey;
}
.profile .contact, .profile .table-section, .home-actions {
border: none !important;
}
.profile .contact.f-row:first-of-type {
margin-top: 0px;
padding-top: 7px;
}
.contact {
background-image:
url(https://i.pinimg.com/564x/46/51/a5/4651a53ab8a5aa53bdaa31ff362a7a37.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
Width: 300px;
Height:120px;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: "✭"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: "✭"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "✭"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: "✭"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: "✭"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: "✭"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group */
content: "✭"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "✭"
}
.details-table {
margin: 2px;
}
.details-table, td {
border: 2px solid grey;
border-collapse: collapse;
}
td {
color: red!important;
background: none;
background-color: black !important;
}
table.details-table {
max-width: 98%;
}
.profile h1 {
font-size: 20px;
}
footer p {
color red !important;
}
.comments-table {
color: #0307ff;
border: none;
border-radius: 8px;
}
footer {
background-image: url(https://wallpaperaccess.com/full/1149085.jpg);
background-position: center;
background-size: cover;
border-radius: 8px;
border: 2px solid red;
}
.general-about {
border-radius: 8px;
background:
url(https://i.pinimg.com/564x/ee/96/7b/ee967b22cbd02ea21715e967703347c0.jpg);
background-position: center;
background-size: cover;
padding: 5px;
}
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background-image:
url(https://64.media.tumblr.com/cf8a321914351bb61e18f0bb3624f912/a522bbe9c4a4dfc0-
3e/s250x400/9435283674bb57771317fa40057485a0ac63ff03.gif);
background-size: cover;
background-repeat: no-repeat;
animation: yourAnimation 4s ease 0s 1 normal forwards;
pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity:
0;} }

</style>

<style>* {cursor: url(http://www.rw-designer.com/cursor-view/13355.png), auto !


important;}</style>

<iframe width="0" height="0" src="" title="976-EVIL" frameborder="0"


allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope;
picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

<style>
/* code generated by the spacehey live designer [start] */
main{ background-color: rgb(0, 0, 0) !important;}
body{ background-color: rgb(0, 0, 0) !important;}
.table-section .heading, .contact .heading{ color: rgb(255, 0, 0) !important;
background-color: rgb(0, 0, 0) !important;}
.table-section, .contact{ border-color: rgb(255, 0, 0) !important;}
/* [end] spacehey live designer */
</style>

You might also like