Report Blog Entry
I can’t upload this layout in the layouts section, so I put it here. Credits go to ⨂ valerie vengeance ⨂ who created the original layout, which I used as a base. The autoplay section at the bottom has to be put in the 'Who I'd like to meet' section otherwise it doesn't work. You are welcome to switch the audio to something else, I recommend The Dark Tower by Nox Arcana. If you'd like to see how it looks, go to my profile (Note: The icons, online icon and spacehey logo all have the standard look if you use this layout) That is all, I hope you like my layout.
<style>
@import url('https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&display=swap');
{
font-family: 'UnifrakturMaguntia', cursive;
}
@import url('https://fonts.googleapis.com/css2?family=Metamorphous&display=swap');
{
font-family: 'Metamorphous', cursive;
}
body{
background: url(https://josephvargo.com/images/10_Spirit-Realm/GhostattheGate.jpg);
background-size: 70em;
}
main{
background: black;
color: white;
font-weight: bold;
border-radius: 10px;
text-shadow: 0px 0px 10px cyan;
font-family: 'Metamorphous', cursive;
text-align: center;
}
.friends{
color: white;
box-shadow: 0px 0px 20px blue;
margin-top: 20px;
margin-bottom: 50px;
background: url(https://th.bing.com/th/id/R.732d44df28456c73512ed2cd18d1f66a?rik=wsw0z2DuimVs8Q&pid=ImgRaw&r=0);
font-family: 'Metamorphous', cursive;
}
table.comments-table{
background: transparent;
color: white;
display: block;
height: 303px;
overflow-y: scroll;
border: transparent;
}
.profile .blurbs{
background: url(https://josephvargo.com/images/02_Beauty-and-The-Beast/Mara.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: 75%;
display: block;
height: 303px;
overflow-y: scroll;
box-shadow: 0px 0px 20px blue;
color: white;
}
.profile .mood{
margin-top: 15px;
margin-bottom: 15px;
text-align: center;
font-family: 'Metamorphous', cursive;
font-size: 15.5px;
background: url(https://th.bing.com/th/id/R.732d44df28456c73512ed2cd18d1f66a?rik=wsw0z2DuimVs8Q&pid=ImgRaw&r=0);
box-shadow: 0px 0px 10px blue;
}
.profile h1{
color: white;
text-align: center;
font-size: 2.5em;
font-family: 'UnifrakturMaguntia', cursive;
}
a:hover{
color: cyan;
}
a{
color: black;
}
nav .top{
background: url(https://jennvasquez.com/wp-content/uploads/2020/11/dark-tower-montage2-630.jpg);
background-position: center;
margin-bottom: 20px;
border-radius: 8px;
font-family: 'Metamorphous', cursive;
}
nav .links{
background: transparent;
margin-bottom: 20px;
font-family: 'Metamorphous', cursive;
}
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
content: " 𖤐𖤐𖤐" ;
font-size: 1em;
color: aquamarine;}
.blog-preview:before {
content: "";
white-space: pre-wrap;
display: block;
height: 155px;
background-image: url(https://jennvasquez.com/wp-content/uploads/2020/11/dark-tower-montage-1200.jpg);
background-size:100%;
align-content: center;
margin-bottom: 20px;
box-shadow: 0px 0px 10px white;
footer
}
}
.profile .url-info{
background: url(https://th.bing.com/th/id/R.732d44df28456c73512ed2cd18d1f66a?rik=wsw0z2DuimVs8Q&pid=ImgRaw&r=0);
color: blue;
text-align: center;
font-family: 'Metamorphous', cursive;
font-size: 15.5px;
}
{
background: transparent;
font-size: 0px;
}
:root {
--logo-blue: white;
--darker-blue: white;
--lighter-blue: black;
--even-lighter-blue: transparent;
--lightest-blue: transparent;
--dark-orange: white;
--light-orange: transparent;
--even-lighter-orange: transparent;
--green: black;
}
img:hover{
transform: scale(1.2);
transition: transform .5s;
}
::-webkit-scrollbar {
width: 15px;
}
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px black;
background: black;
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
background: darkblue;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
background: darkblue;
}
</style>
<iframe width="0" height="0" src="https://www.youtube.com/embed/s5zad1Am1EI//?&;amp;autoplay=1&loop=1&controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>
Comments
Displaying 0 of 0 comments ( View all | Add Comment )