Little Witch Academia

Tags: purple, magic, witch, anime, manga, netflix, studio trigger
Description:

Fun fact: The song is from the VR game!
Preview:

click on the image for a larger preview
Code:

<!-- (c) Layout created by doomteensy (https://layouts.spacehey.com/layout?id=40756) -->

<iframe width="0" height="0" src="https://www.youtube.com/embed/cClTy5W12YI?&#10;//?&;amp;;autoplay=1&;loop=1&;controls=1" title="mlp" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

<style>
/*** CAMPANILE FONT ***/
@font-face {
font-family: "Campanile";
src: url("https://file.garden/ZM7iki0EPHK4dl0B/Campanile%202.ttf");
}
</style>

<style>
/*** CORMORANT INFANT FONT ***/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Infant&display=swap');
</style>

<style>
/*** BODY ***/
body {
    background:
url(https://wallpapercave.com/wp/wp6439285.jpg) no-repeat rgba(107, 108, 147);
    background-position: fixed;
    background-size: cover;
    background-position: center top;
}
</style>

<style>
/*** MAIN ***/
main {
  font-family: 'Cormorant Infant';
  color: black;
  background: #D5CDF3;
  border: 1px solid #301934;
}
</style>

<style>
/*** FONT HEADERS ***/
.profile h1{
  font-family: 'Campanile', sans-serif !important;
  font-size: 52px !important;
  color: white;
}

h1,h2,h3,h4,h5{
  font-family: 'Campanile', sans-serif;
  font-size: 90%; 
  color: white;
}
</style>

<style>
/*** FOOTER ***/
footer {
        background:
url(https://wallpapercave.com/wp/wp3619924.jpg) no-repeat;
    background-size: cover;
    background-position: center top;
    font-family: 'Cormorant Infant';
    color: white;
    border: 1px solid #301934;
}
</style>

<style>
/*** LOGO ***/
.logo {
content:url("https://i.postimg.cc/0ytJ4p4Y/Untitled318-20230827102846.png");
}
</style>

<style>
/*** NAVIGATION ***/
nav .top {
  background:
url(https://wallpapercave.com/wp/wp3619900.jpg) no-repeat;
    background-size: cover;
    background-position: center top;
    border: 1px solid #301934;
}
nav .links {
    background: #301934;
}
nav .links .special a {
    color: white;
}

nav ul.links a {
    color: white;
    font-family: 'Cormorant Infant' !important;
    text-shadow: none;
}

nav ul.links a:hover {
  color: white !important;
}
nav ul.links {
    padding-top: 10px;
}
nav ul.links li:not(:last-child)::after {
    content: "•";
    padding-left: 5px;
    text-align: left;
    color: white;
}
input#q {
    background: none;
    color: white;
    border: none;
}
nav .links li .icon{
content:
url(https://i.postimg.cc/FF8vT1GY/Untitled323-20230827103427.png);
}
nav label {
    color: white;
    font-family: 'Campanile' !important;
}
</style>

<style>
/*** BUTTON ***/
button {
	background: none;
        border: none;
        text-align: center;
        font-family: 'Campanile';
        color: white !important;
}

.logout-btn,
.blog-entry .kudos-btn{
	background: none;
        border: none;
        box-shadow: none;
        color: #301934 !important;
}
</style>

<style>
/*** BANNER ***/
main:before {
	width: 100%;
	height: 300px;
	display: block;
	content: "";
	background-image: url('https://64.media.tumblr.com/be03a6ab31c852b2e2675a6011263522/tumblr_pl14vmloQd1x73yfbo1_500.jpg');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}
</style>

<style>
/*** LOADING SCREEN ***/
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://i.pinimg.com/originals/90/fa/92/90fa92054a1ad42268bbe9411aa2f904.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 1s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>

<style>
/*** CONTAINER ***/
.container {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        margin-top: 30px;
        padding: 45px;
}
</style>

<style>
/*** ONLINE ***/
.online { 
   color: white;
   font-family: 'Campanile';
}
 .online img { 
  content: url("https://stickershop.line-scdn.net/stickershop/v1/product/1081469/LINEStorePC/main.png");
}
</style>

<style>
/*** BLOG ***/
.edit-info{
        background:
url(https://i.postimg.cc/7Zq67HN5/IMG-5765.png) no-repeat;
    background-size: cover;
    background-position: center top;
    font-family: 'Cormorant Infant';
    color: black;
    border: 1px solid #301934;
}

.edit-info:after{
  border-bottom: 1px solid #301934;
}

.blog-preview {
        background:
url(https://wallpaperaccess.com/full/2348188.jpg) no-repeat;
    background-size: cover;
    background-position: center top;
    font-family: 'Cormorant Infant';
    color: white !important;
    border: 1px solid #301934;
}
</style>

<style>
/*** PROFILE INFO ***/
.profile .profile-info {
        background:
url(https://wallpapercave.com/wp/wp3619947.jpg) no-repeat;
    background-size: cover;
    background-position: center top;
    border: 1px solid #301934;
    font-family: 'Cormorant Infant' !important;
    color: black !important;
}

.profile .profile-info a{
    color: black !important;
    font-family: 'Cormorant Infant' !important;
}
</style>

<style>
/*** PROFILE PICTURE ***/
.general-about .profile-pic img{
clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.profile .friends .person img {
clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.comments-table img,
.person img{
clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
</style>

<style>
/*** COUNT ***/
.count{
  color: #696693;
}
</style>

<style>
/*** CONTACTS ***/
.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 to Friends */
	content: url('https://i.postimg.cc/FF8vT1GY/Untitled323-20230827103427.png')
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url('https://i.postimg.cc/FF8vT1GY/Untitled323-20230827103427.png')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url('https://i.postimg.cc/FF8vT1GY/Untitled323-20230827103427.png')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url('https://i.postimg.cc/FF8vT1GY/Untitled323-20230827103427.png')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url('https://i.postimg.cc/FF8vT1GY/Untitled323-20230827103427.png')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url('https://i.postimg.cc/FF8vT1GY/Untitled323-20230827103427.png')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url('https://i.postimg.cc/FF8vT1GY/Untitled323-20230827103427.png')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url('https://i.postimg.cc/FF8vT1GY/Untitled323-20230827103427.png')
}
</style>

<style>
/*** INTEREST LINKS ***/
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
    background: url(https://wallpapercave.com/wp/wp3453238.jpg) no-repeat;
    background-size: cover;
    background-position: center top;
    color: white;
    border: 3px solid none;
    border-radius: 8px 8px 0px 0px;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
    width: 100%;
    border: 1px solid #301934;
    border-radius: 8px 8px 0px 0px;
}

.details-table td:first-child {
    background: linear-gradient(0deg, #413148, #5c4666, #5c4666, #5c4666, #413148);
    color: white;
    width: 33%;
    font-family: 'Cormorant Infant';
}

.details-table td {
    background: none; 
    vertical-align: top;
}
</style>

<style>
/*** URL EDIT ***/
.url-info {
    background: linear-gradient(0deg, #413148, #5c4666, #5c4666, #5c4666, #413148);
    font-family: 'Cormorant Infant';
    color: white !important;
    border: 1px solid #301934;
    border-radius: 0px !important;
}
</style>


<style>
/*** ROOTS ***/
:root {
--logo-blue: none;
--darker-blue: none;
--lighter-blue: none;
--even-lighter-blue: none;
--lightest-blue: none;
--dark-orange: none;
--light-orange: none;
    background-size: cover;
    background-position: center top;
    color: white;
    border: 3px solid none;
    border-radius: 8px 8px 0px 0px;
--even-lighter-orange: none;
--green: none;
}
</style>

<style>
/*** COMMENTS ***/
.comment-replies{
  border: none;
  background: transparent;
  color: white;
}

.comment-reply:not(:first-child){
border: none;
}

table.comments-table{
   background: linear-gradient(0deg, #413148, #5c4666, #5c4666, #5c4666, #413148);
  color: white;
  font-family: 'Cormorant Infant';
  border-spacing: 0px;
  padding:0px;
  border: 1px solid #301934;
}

.comments-table td:first-child,
.music-table td:first-child{
   background: linear-gradient(0deg, #413148, #5c4666, #5c4666, #5c4666, #413148);
  color: white;
  font-family: 'Cormorant Infant';
  padding:5px;
  border: 1px solid #301934;
}
.comments-table td,
.music-table td{
   background: linear-gradient(0deg, #413148, #5c4666, #5c4666, #5c4666, #413148);
  color: white;
  font-family: 'Cormorant Infant';
  padding:6px;
  border: 1px solid #301934;
}
</style>

<style>
/*** BLURBS ***/
.profile .blurbs .heading {
    background: url(https://wallpapercave.com/wp/wp3453238.jpg) no-repeat;
    background-size: cover;
    background-position: center top;
    color: white;
    border: 3px solid none;
    border-radius: 8px 8px 0px 0px;
}

.blurbs{
    border: 1px solid #301934;
    border-radius: 8px 8px 0px 0px;
}
</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 )