Report Blog Entry
Scalped from a blog post i made before the layout creator got suspended
<!-- (c) Layout created by tilapia (https://layouts.spacehey.com/layout?id=26905) -->
<style>
body{
background-color: black;
background-image: url('https://cdn.discordapp.com/attachments/1064462871947378729/1080762744829116416/latest.png');
background-position: center;
background-size: cover;
background-attachment: fixed;
}
.container{
width: 1000px;
}
nav .links{
text-align: center;
background-color: #242424;
border: outset 3px #242424;
background: linear-gradient(to top, #242424, #545454);
text-shadow: none;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
margin-bottom: 10px;
box-shadow: 0px 6px 10px darkred;
}
nav .top{
background: linear-gradient(to top, black, gray 150%);
border: outset gray 3px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
box-shadow: 0px 0px 10px darkred;
}
main{
background-color:#242424 ;
border-radius: 7px;
box-shadow: 0px 0px 10px darkred;
}
main .left{
background:linear-gradient(to top, black, gray 150%);
border: outset gray 3px;
border-radius: 7px;
}
.general-about .profile-pic {
height: 70%;
width: 70%;
}
.general-about .profile-pic img {
max-width: 70%;
max-height: 70%;
display: block;
box-shadow: 5px 5px 0px #2f2f2f;
filter: grayscale(100%);
}
.profile .mood{
margin-top: 10px;
text-align: center;
border: ridge #2f2f2f;
box-shadow: 0px 5px 10px;
margin-bottom: 15px;
border-radius: 5px;
}
.profile .contact .heading{
background: linear-gradient(to top, black, #3d3d3d);
border: ridge 2px #3d3d3d;
}
.profile .contact{
border: outset #3b3b3b 3px;
text-align: center;
border-radius: 7px;
}
a{
color: black;
}
a:hover{
color: white;
}
.icon{
display: none;
}
.profile .url-info{
border: ridge gray;
background: gray;
}
.profile .table-section .heading{
background:linear-gradient(gray, black);
border: ridge white 2px;
}
.count{
color: black;
}
.profile .table-section{
border: ridge gray;
}
.details-table td{
background: linear-gradient(to right, black, red 150%, black);
border-radius: 10px;
border: solid white 1px;
}
.profile .blurbs .heading{
background: #4e4e4e;
color: black;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
outline: #4e4e4e solid;
width: 500px;
margin-left: 179px;
}
.profile .blurbs .inner{
background-color: #3a3a3a;
outline: solid #4e4e4e;
border: solid black 1px;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
height: 200px;
overflow-y: scroll;
width: 500px;
margin-left: 179px;
box-shadow: 0px 10px 15px;
}
[id='q']{
background: linear-gradient(to left, red, black, black);
}
.profile .friends .heading{
background: #4e4e4e;
color: black;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
outline: #4e4e4e solid;
width: 500px;
}
.profile .friends .inner{
background-color: #3a3a3a;
outline: solid #4e4e4e;
border: solid black 1px;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
margin-bottom: 20px;
width: 500px;
box-shadow: 0px 10px 15px black;
}
main .right{
width: 700px;
}
DIV.blog-preview{
text-align: center;
}
.profile .blurbs .section h4{
color: black;
}
.profile .friends .person img:not(.icon){
filter: grayscale(100%) brightness(120%) contrast(250%);
border: 5px solid transparent;
padding: -0px;
border-image: url(https://i.pinimg.com/564x/bb/f6/b1/bbf6b129125b07d9a06deb1e63ee0e85.jpg) 10 stretch;
}
.logo{
content: url(https://cdn.discordapp.com/attachments/1064462871947378729/1080760494228508712/Untitled32_20230302155518_1.png);
}
.table-section .inner .details-table tbody tr td {
background: linear-gradient(to top, red, black, black);
color: white;}
.profile h1{
font-size: 30px;
color: black;}
.profile h1{
text-shadow: 0px 5px 5px #464646;
animation: type 1s steps(10);
color: black;
font-size: 50px;
white-space: nowrap;
overflow: hidden;
}
@keyframes type{
0%{
width:0ch;
}
100%{
width:27ch;
}
}@keyframes blink{0%{opacity:1;}50%{opacity:0;}100%{opacity:1;}
}
FORM > BUTTON{
background: linear-gradient(to right, red, black);
color: white;
border: inset gray 2px;
}
.comments-table td{
background-color: transparent;
border: none;
}
table.comments-table{
background-image: url('https://i.pinimg.com/564x/c8/f9/4c/c8f94c7aebf7c612e48a2b17f61c31f9.jpg');
border: none;
border-radius: 7px;
background-size: 500px;
}
:root {
--light-orange: ;
--even-lighter-blue: white;}
.comments-table td *{
color: white;
background-color: black;
filter: grayscale(100%);
}
DIV.blog-preview:after {
content: "";
white-space: pre-wrap;
display: block;
height: 100px;
background-image: url(https://cdn.discordapp.com/attachments/1064462871947378729/1080762337360883783/1200.png);
filter: grayscale(100%) brightness(130%);
background-color: white;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 10px;
border: outset gray 2px;
box-shadow: 0px 1px 10px black;
margin-bottom: 25px;
margin-top: 20px;
}
</style>
<style>
body:after {
background-image: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/f19dc2f7-eebb-4bb0-9e32-f77d0b9301a1/dbfprzm-93e0b97e-a3db-42f5-8611-929e40092df7.png/v1/fill/w_960,h_720,strp/blood_splatter__transparent__by_pendulumwing_dbfprzm-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NzIwIiwicGF0aCI6IlwvZlwvZjE5ZGMyZjctZWViYi00YmIwLTllMzItZjc3ZDBiOTMwMWExXC9kYmZwcnptLTkzZTBiOTdlLWEzZGItNDJmNS04NjExLTkyOWU0MDA5MmRmNy5wbmciLCJ3aWR0aCI6Ijw9OTYwIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmltYWdlLm9wZXJhdGlvbnMiXX0.46ZmWyT7jNi_mDoXZyCP4KfyUClxsoqFFAliHwBubfg);
content: "";
height: 300%;
left: -50%;
opacity:.2;
position: fixed;
top: -110%;
width: 300%;
pointer-events:none;
}
html:after {
background-image: url(http://i.imgur.com/rcaf5Tj.png);
content: "";
height: 300%;
left: -50%;
opacity:.5;
position: fixed;
top: -110%;
width: 300%;
pointer-events:none;
}
nav .links a:hover{
color: darkred;
animation: fadeIn .5s;
text-shadow: 0px 0px 5px white;
}
nav .links a{
text-shadow: 0px 0px 0px ;
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
.container{
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes floating {
0% { transform: translate(0, 0px); }
50% { transform: translate(0, 15px); }
100% { transform: translate(0, -0px); }
}
footer{
background-color: transparent;
}
</style>
<style>
.online{
content: url("http://www.myspacegens.com/images/online_now/325.gif");
filter: brightness(70%);
}
</style>
<style>
main .right:before {
background-image: url(https://cdn.discordapp.com/attachments/1064462871947378729/1080801352197881986/image-removebg-preview_1.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: block;
height: 200px;
width: 200px;
content: " ";
transform: rotate(6deg) translateX(580px) translateY(-160px);
position: absolute;
z-index: 0;
pointer-events: none;
}
</style>
<style>
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Goldman&display=swap');
p{
font-family: 'Goldman', cursive;
}
h1,h2,h3,h4,h5{
font-family: 'Bebas Neue', cursive;
font-size: 15px; }
.links .special a:link, .links .special a:visited {
color: white;
}
.links .special a:hover {
color: darkred;
animation: fadeIn .5s;
text-shadow: 0px 0px 5px white;
}
</style>
<style>
::-webkit-scrollbar {
width: 8px;
height: 10px;
}
::-webkit-scrollbar-thumb {
background: gray;
border: outset gray;
}
::-webkit-scrollbar-track {
background: black;
}
img:hover {
animation: shake 2s;
animation-iteration-count: infinite;
}
@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}
.profile .profile-info {
background:linear-gradient(to bottom, gray, black);
border: outset gray;
border-width: 2px;
border-radius: 7px;
text-align: center;
color: white;
height: 15px;
}
</style>
Comments
Displaying 0 of 0 comments ( View all | Add Comment )