Report Blog Entry
spacehey didnt let me add the code with the extra stuff so heres that if u wanna add a different cursor, pfp mask, n autoplay!
feel free to change or add anything if u want ^^
(comment if using <3)
<!-- (c) Layout created 击DESTROYA击 (original layout: https://layouts.spacehey.com/layout?id=25766) -->
<style>
@font-face {
font-family: 'blackside';
src: url(https://dl.dropbox.com/s/dbo8631uydhb45w/Blackside%5B1%5D.ttf);
}
@font-face {
font-family: starlight;
src: url(https://dl.dropbox.com/s/cfcp07kvx3qut4s/starlight.ttf);
}
/* main configs */
body{background:url("https://64.media.tumblr.com/b327570795e651a9c1affec300b15f18/cdf68960efe79b00-ac/s1280x1920/a4c56f4c21914f21d13083fe785af485f1096f44.jpg") no-repeat fixed; background-size:cover;
font-weight: light;
}
main {
background: yellow;
position: 700px;
box-shadow: 0px 0px 25px 8px rgba(0,0,0,0.75);
}
.profile-pic {
border-style: solid black;
border-width: 3px;
box-shadow: 0px 0px 19px 0px blue;
}
/* name */
h1{
font-size: 30px !important;
font-family: courier !important;
padding-left: 2px !important;
color: black;
text-shadow: 0px 0px 2px blue;
}
.table-section .heading{ font-size:10; }
.table-section .heading:before{ content: url( );
}
/* section h4 */
.profile .friends .inner, .profile .blurbs .section h4{
text-align: center;
background-image: url("https://64.media.tumblr.com/f9ed5c0a5935db162610008cff11063f/e42724c24b4cb241-c0/s400x600/4b4d099f4b82c0bce7d07cb7475122e7df52b60c.jpg");
text-shadow: 0 0 9px green;
}
.profile .blurbs .section h4 {
font-family: courier;
text-transform:lowercase;
color: black;
text-shadow: 0 0 9px green;
border: 3px black;
}
/* right headings */
.profile .blurbs .heading, .profile .friends .heading {
color: black;
background-color:transparent;
text-transform:lowercase !important;
color: black;
}
/* left headings */
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
background-color: transparent;
color: black;
}
.contact .heading h4{
display:none !important;}
.contact .heading{ font-size:8px; }
.contact .heading:before{ content: url();
overflow:hidden;
}
.table-section .heading{ font-size:0; }
.table-section .heading:before{ content: url();
}
/* text configs */
h4 {
font-size: 12px !important;
color: black;
text-shadow: 0 0 9px green;
}
p {
font-family: starlight;
color: black;
text-transform:lowercase !important;
text-shadow: 0 0 9px green;
}
a {
font-family: courier !important;
font-size: 12px;
color: white;
}
a:hover {
color: red;
}
.count {
color: white;
text-shadow: 0 0 9px red;
}
.profile .friends .person p {
color: #hotpink;
font-family: courier !important;
}
.profile .friends .person p:hover {
color: red;
}
/* blog */
DIV.blog-preview{
text-align: center;
background-image: url(https://64.media.tumblr.com/bb2549f03be068bee9278a466f87ae0a/cdf68960efe79b00-32/s1280x1920/756552c59558ce91015fa43511e3d9bda41b83f9.jpg);
text-transform:lowercase !important;
color: black;
-webkit-box-shadow: inset 0px 0px 51px 0px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 51px 0px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 51px 0px rgba(0,0,0,0.75);
}
.contact .heading h4{
font-size:10px;
}
/* images */
.profile .friends .person img:not(.icon) {
box-shadow: 0px 0px 19px 0px rgba(255,255,255,0.3);
border-style: solid;
border-width: 10px;
border-image: url("https://64.media.tumblr.com/27efba40c5efee10eaa724559049ff89/e42724c24b4cb241-06/s400x600/1358de83f2a5cc9eb4322c7028d2d05e48de385a.png") 60 fill round;
}
.online {
margin:auto;
padding-bottom: 2px;
content: url(https://i.ibb.co/mFPFXQB/ezgif-5-f1b7056d17.png);
}
.icon {
content: url(https://64.media.tumblr.com/27efba40c5efee10eaa724559049ff89/1688e7516cb9c49b-39/s400x600/afe9399f131b38edade1dd0e2b73c793dac2aa87.png);
display: inline-block;
height: 2.0em;
width: 2.0em;
margin: 0 .05em 0 .1em;
vertical-align: -0.3em;
color: rgba(0,0,0,0);
}
/* contact configs */
.profile .contact {
background-color: rgba(171, 118, 207, 0.4);
}
.profile .contact {
border: black;
font-family: 'blackside';
background: transparent;
text-transform: lowercase;
}
.f-col{
border: 2px red;
}
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add friend */
content: url(https://i.ibb.co/0X48zVR/1141822g93pu6r8h1.gif);
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add 2 fav */
content: url(https://i.ibb.co/0X48zVR/1141822g93pu6r8h1.gif)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* chat */
content: url(https://i.ibb.co/0X48zVR/1141822g93pu6r8h1.gif)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* forward */
content: url(https://i.ibb.co/0X48zVR/1141822g93pu6r8h1.gif)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant msg */
content: url(https://i.ibb.co/0X48zVR/1141822g93pu6r8h1.gif)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block */
content: url(https://i.ibb.co/0X48zVR/1141822g93pu6r8h1.gif)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group */
content: url(https://i.ibb.co/0X48zVR/1141822g93pu6r8h1.gif)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: url(https://i.ibb.co/0X48zVR/1141822g93pu6r8h1.gif)
}
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
/* about, interests n comments details */
.profile .table-section .details-table td {
background: #39FF14;
border: 7px HotPink;
-webkit-box-shadow: inset 0px 0px 51px 0px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 51px 0px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 51px 0px rgba(0,0,0,0.75);
}
.profile .friends .comments-table td {
background-color: blue;
border: 7px HotPink;
}
.comments-table td*{
}
.profile .comments-table .inner {
box-shadow: 0px 0px 19px 0px rgba(255,255,255,0.3);
}
.comments-table td:first-child img{
border-style: solid;
border-width: 10px;
border-image: url("https://64.media.tumblr.com/9a851d00ebdb149aec2e8a6a80beb5ae/cdf68960efe79b00-7a/s500x750/c5e1683bbc19749fb6cb5cd629ef1d80c6f427ef.jpg") 60 fill round;
box-shadow: 0px 0px 19px 0px rgba(255,255,255,0.3);
}
.profile .comments-table .comment-replies{
background-color: hotpink;
border: none;
color: black;
}
.general-about .details{
padding: 2px;
background: HotPink;
background-image: url("https://64.media.tumblr.com/54a29283781ea3bb10c0b2c4fd3316c6/cdf68960efe79b00-19/s540x810/36a054a3ec1513772edfc9e45f2267eda3ea63bb.jpg");
background-size:cover;
}
/* nav bar */
nav{
font-size: 13px !important;
text-shadow: 1px 1px pink;
text-transform:none;
padding-left:3px;
text-align: center;
}
nav .links {
background: rgb(28,27,27);
background: HotPink;
box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.75);
filter: (1);
}
nav .links a:hover {
color: Red;
}
nav .top{
/* has search bar logo n button */
background: rgb(28,27,27);
background: HotPink;
}
/* the spacehey logo */
nav img.logo{
filter: brightness(0) saturate(100%);
}
.search-wrapper input[type=text] {
background: yellow;
font-family: starlight;
border: 3px black;
}
button{
font-family: courier !important;
background: rgb(121,121,121);
background: linear-gradient(360deg, rgba(121,121,121,1) 83%, rgba(190,190,190,1) 94%);
color: black;
}
.profile .url-info {
border: none;
color: transparent;
font-size: 0.1px;
}
.profile .table-section {
border: none;
}
/* general comments configs */
table.comments-table {
border: 2px inset HotPink;
}
footer {
color: white !important;
box-shadow: 0px 0px 25px 8px rgba(0,0,0,0.75);
text-decoration: underline !important;
text-decoration-style: dotted !important;
background: rgb(28,27,27);
background: HotPink;
}
<style>
/*hides white box around comments table*/
.table.comments-table:{
border-color:transparent;}
</style>
<style>
h1{
animation: type 3s steps(27);
color: white;
font-size: 10px;
font-family: courier;
white-space: nowrap;
overflow: hidden;
}
@keyframes type{
0%{
width:0ch;=
}
100%{
width:27ch;
}
}
@keyframes blink{
0%{opacity:1;}
50%{opacity:0;}
100%{opacity:1;}
}
body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgb(82 15 15 / 48%) 50%, rgb(0 0 0 / 0%) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}
.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}
</style>
<style>
/* for this box, you can add an image of your choice. it's right under the contact box. */
.url-info{
background: url('https://64.media.tumblr.com/731dc3ed87126f2a59a63059c7f3e5a1/e42724c24b4cb241-98/s400x600/9892f4f4ab886b9f52404247143afbd749a4c773.jpg');
background-position: center;
border: var(--borders)!important;
height: 300px;
background-size:cover;
}
.url-info p{
opacity: 0.0;
}
.pfp-fallback{
filter: (1);
}
</style>
<style>
/*Put Your Comments In A Scroll Box*/
table.comments-table{
background-color:black;
display: block;
height: 300px!important;
overflow-y: scroll;
border-radius:15px;
border-color:brown;
border-width: 3px;
}
</style>
<style>
img:hover , .url-info:hover , .online:hover {
animation: shake 1s;
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); }
}
</style>
<style>
.online {
animation: rotation 8s infinite linear;
}
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
</style>
<style>
/*Customize Scrollbar*/
::-webkit-scrollbar {
width: 8px;
height: 10px;}
::-webkit-scrollbar-thumb {
background: red;}
::-webkit-scrollbar-track {
background:yellow;}
</style>
Comments
Displaying 1 of 1 comments ( View all | Add Comment )
✩♬ ₊˚. Gɾαყ ⋆☾⋆⁺₊✧
using this is so epic!!
Tysm!!
by 击𝔞𝔠𝔱𝔦𝔬𝔫 𝔠𝔞𝔱击; ; Report