Emo layout

Tags: #emo, #y2k #mallgoth

Description:

This layout was heavily inspired from the hot topic website circa 2005. this layout features moving images.

if you use this please credit or add me, thxx

check out my other layouts!!

if you have any questions/concerns/requests, and / or general comments be sure to post below

vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by 𝕴𝖆𝖓 🜏⛧ (https://layouts.spacehey.com/layout?id=39961) -->

<style>

Body{
Background: url(https://i.postimg.cc/2525LHRG/GIF-White-Star-Sparkles-12-fr-1.gif) repeat fixed;
}

.profile{
Background: url(https://i.postimg.cc/0QMVKBK1/3682033ykiztjdawi.gif);
} 


.profile .friends .person img {

border-radius: 500px;
}

</style>
<style>
footer {
boarder-radius: 15px;
background-image: url(https://i.postimg.cc/sDh9PW27/tumblr-pvgjz03c-UL1y1cneio1-1280.png);
color: black;
}

:root {
--topic1: " ";
--topic2: "music";
--topic3: " ";
--topic4: "TV";
--topic5: " ";
--topic6: " ";
--logo-blue: url(https://i.postimg.cc/kXgHMB1S/default-botskin.jpg);
--darker-blue: rgb(94, 212, 242) ;
--lighter-blue: rgb(117,167,176);
--even-lighter-blue: rgb(117,167,176);
--lightest-blue: rgb(117,167,176);
--dark-orange: white;
--light-orange: #000000; 
--even-lighter-orange: #000000;
--green: white;
}

h2,h3,h4,h5{
@import url('https://fonts.googleapis.com/css2?family=Caveat&family=Permanent+Marker&display=swap');
font-family: 'Caveat', cursive;
font-family: 'Permanent Marker', cursive;
font-size: 150%;
color: white;
}

p{
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@500&family=Teko&display=swap');
font-size: 125%;
color: rgb(76, 171, 181);
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* add me */
	content: url(https://i.postimg.cc/Hkd3Cz2t/images-16x16-1-14x14-1-12x12.jpg);
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* faves? */
	content: url(https://i.postimg.cc/Hkd3Cz2t/images-16x16-1-14x14-1-12x12.jpg)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* chit chat */
	content: url(https://i.postimg.cc/Hkd3Cz2t/images-16x16-1-14x14-1-12x12.jpg)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forwardd */
	content: url(https://i.postimg.cc/Hkd3Cz2t/images-16x16-1-14x14-1-12x12.jpg)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant chat */
content: url(https://i.postimg.cc/Hkd3Cz2t/images-16x16-1-14x14-1-12x12.jpg)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block */
	content: url(https://i.postimg.cc/Hkd3Cz2t/images-16x16-1-14x14-1-12x12.jpg)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* group me */
	content: url(https://i.postimg.cc/Hkd3Cz2t/images-16x16-1-14x14-1-12x12.jpg)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report */
	content: "☠"
} 

.contact .inner a img {
 font-size: 0;
}
.contact .inner a img:before {
 font-size: 1em;
 display: block
}

.profile .profile-info {
	background-image: url(https://i.postimg.cc/4dvFDQFC/200w.gif);
	padding: 20px;
	border: none;
	border-radius: 10px;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .15s;
	border: none;
}

.online {
    margin:auto;
    padding-bottom: 5px;
    content: url(http://img3.coolspacetricks.com/images/myspaceicons/023.gif);
}

</style>
<style>

.comments-table{
display: block;
height: 500px;
overflow-y: scroll;
Border-radius: 15px; 
color: white;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; 
background-image: url(https://i.ibb.co/6FgkfzC/il-fullxfull-3076434149-6p1x.webp);
}

.profile .table-section{
    border:2px solid #FFFFFF;
    border-radius: 15px;
  }
  .profile .table-section .heading{
    background:#000000;
    border: 1px solid #FFFFFF;
    border-radius: 15px 15px 0px 0px;
    text-align: center;
}


.friends th, tr, .friends td, th, .icon, main, .comments-table, .friends, .profile-info, .table, .table-section,  .url-info, .mood, .blurbs, .blog-preview, .details, 
{
border: 1px #000000 !important;
}
img
{
border-radius: 12px;
}

.profile .table-section{
    border:2px solid #FFFFFF;
    border-radius: 15px;
  }
  .profile .table-section .heading{
    background:#000000;
    border: 1px solid #FFFFFF;
    border-radius: 15px 15px 0px 0px;
    text-align: center;
  }
  .profile .table-section .heading h4{
    color: #FFFFFF;
    text-shadow: 1px 1px 2px black;
  }
  .profile .table-section .details-table td{
    background: rgba(0, 0, 0, 0);
    padding-right: 10%;
  }

  .profile .friends .heading{
    background: #FFFFFF;
    color: #000000;
    text-shadow: 1px 1px 2px black;
    text-align: center;
  }
  .profile .friends .heading h4{
    text-align: center;
    color: #246178;
    text-shadow: 1px 1px 2px white
  }
.general-about {
background-image: url(https://i.postimg.cc/mkSdp32d/blackleopardprint-grande.webp);
	padding: 20px;
	border-radius: 3px #ffffff;
	box-shadow: 0px 0px 0 #ad0202;
text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .46s;
}
.profile .blurbs .section :nth-child(2) {
     /* margin-top: -5px; */
	padding: 20px;
	border: 1px #000000 !important;
}

.profile .profile-info .inner h3 {
background-color: rgba(36,97,120,255);
	filter: drop-shadow(3px 3px 0 #000000);
	margin: 0!important;
	color:#00c8ff;
}

.contact {

  background-image: url(https://i.postimg.cc/mkSdp32d/blackleopardprint-grande.webp);
  background-position: left top;
  background-repeat: repeat;
  padding: 20px;
  border: 3px;
  width: 200px;
  height: 150px;
}

h1 {
font-size: 27px!important;
line-height: 80px;
font-family: 'Creepster', cursive;
font-weight:normal;
text-transform: uppercase;
letter-spacing: -1.5px;
color: white;
text-align:center;
padding-bottom:0px;
padding-top:0px;
text-shadow: 0 0 7px #000000;
background: #000;
background-image:url("https://i.postimg.cc/BvQQ9xFP/download.jpg");
background-position: center;
background-size: 100%;
border-radius: 50px;
}

</style>
<style>

nav{ 
font-size: 13px !important;
font-family: 'Paytone One', sans-serif;
text-shadow: 1px 1px white;
text-transform:none;
padding-left:3px;
text-align: center;
}

a:hover {

    color: white;
}

DIV.blog-preview{
text-align: center;
background: url('https://i.ibb.co/6FgkfzC/il-fullxfull-3076434149-6p1x.webp');
text-transform:lowercase !important;
color: white;
border-radius:15px;
border: 3px solid rgba(255, 255, 255)
}




</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.

Comments

Displaying 0 of 0 comments ( View all | Add Comment )