operetta

Tags: monster high

Description:

SO sorry that the img is so small, i dont know how to fix asgdf

currently obsessed w operetta from monster high & the only way to free myself from this prison was to make an operetta-themed layout.

this is my first layout made 4 other people so i'm not too sure how well it's going to work but i hope it's alright!! i don't suuuper like how it looks but i figured i should put it out here in case anyone else does!

also comment if using! not required but i'd love to see this :D

Preview:

click on the image for a larger preview

Code:

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

<style>

img {
filter: grayscale(80%);
}

@import url("https://fonts.googleapis.com/css?family=Lobster+Two&display=swap");
@import url("https://fonts.googleapis.com/css?family=Lora&display=swap");
    body{
        background:url("https://64.media.tumblr.com/0efd9d10d063fdfb4035d6976618f671/5ae59f4d584a65dd-e3/s250x400/fa5bc00f3c044883247702976556500c71c9f541.gifv");
        cursor:url("https://downloads.totallyfreecursors.com/thumbnails/dice.gif"), auto;
    }
    .profile{
        background:url("https://64.media.tumblr.com/b203ec1746ba007f30bccb38f84c33a4/e9a1822bb1a29543-ac/s100x200/66d88a56570570ffc08482d338c2df3fbdd307ad.gifv");
        color:white;
        font-family:"lora";
    }
    h1{
        font-size: 25px !important;
        padding-left:10px !important;
        font-family:"lobster two";
        text-shadow: 2px 2px red;
    }
    h4{
        color:#000000;
        font-family:lora;
        color:#ffffff;
    }
    
    .profile .blurbs .heading{
        background-color:#000000;
    }
    
    .profile .blurbs .inner{
        background-color:#000000;
        opacity:0.8;
    }
    
    .profile .blurbs .section h4{
        color:red;
    }
    
    .profile .friends .heading{
        background-color:black;
        color:white;
    }
    
    }
    .center{
        display:block;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:5px;
        margin-top:5px;
    }
    
    a:hover{
        cursor:url("https://downloads.totallyfreecursors.com/thumbnails/dice.gif"), auto;
    }
    
    main{
        background:url("https://64.media.tumblr.com/0efd9d10d063fdfb4035d6976618f671/5ae59f4d584a65dd-e3/s250x400/fa5bc00f3c044883247702976556500c71c9f541.gifv");
    }
    
    a:link{
        color:red;
    }
    
    .profile .friends .inner{
        background-color:black;
        opacity:0.8;
    }
    
    .profile .friends .person p{
        color:red;
    }
    
    .comments-table td{
        background-color: black;
        color:white;
    }
    
    .online{
        color:red;
    }
    
    .profile .contact .heading{
        background-color:black;
        opacity:1;
    }
    
    .profile .mood{
        background-color:black;
        opacity:0.8;
    }
    
    .profile .url-info{
        background-color:black;
        opacity:0.8;
        border-color:black;
        border-style:solid;
        border-width:5px;
    }
    
    .profile .contact{
        border-color:black;
        border-width:5px;
        border-style:solid;
    }
    
    .profile .table-section .heading{
        background-color:black;
    }
    
    table.details-table{
        background-color:black;
        color:red;
    }
    
    .profile .table-section{
        border-color:black;
    }
    
    .logo{
        background-color:black;
    }
    
    nav .top{
        background-color:black;
    }
    
    nav .top .right{
        color:red;
    }
    
    nav .top .center form{
        color:red;
    }
    
    nav .links{
        background-color:black;
    }
    
    .details-table td *{
        color:red;
    }
    
    table.details-table{
        border-color:black;
        background-color:black;
        opacity:0.8;
    }
    
    .general-about .profile-pic img{
        animation:shake 0.5s;
        animation-iteration-count: infinite; 
    }
    
    @keyframes shake{
        0% { transform: translate(0.5px, 0.5px) rotate(0deg); }
         10% { transform: translate(-0.5px, -1px) rotate(-1deg); }
         20% { transform: translate(-2px, 0px) rotate(1deg); }
         30% { transform: translate(2px, 1px) rotate(0deg); }
         40% { transform: translate(0.5px, -0.5px) rotate(1deg); }
         50% { transform: translate(-0.5px, 1px) rotate(-1deg); }
         60% { transform: translate(-2px, 0.5px) rotate(0deg); }
         70% { transform: translate(2px, 0.5px) rotate(-1deg); }
         80% { transform: translate(-0.5px, -0.5px) rotate(1deg); }
         90% { transform: translate(0.5px, 1px) rotate(0deg); }
         100% { transform: translate(0.5px, -1px) rotate(-1deg); }
    }
    
    .comments-table {
        border: 5px solid black;
        border-collapse: collapse;
    }
    
    .comment-replies {
        border: 1px solid #black;
        margin: 2px;
    }
    
    td {
        color: white !important;
        background-color: black !important;
    }

    

</style>
<div class="color-overlay"></div>
<img src="https://64.media.tumblr.com/db42c3e4c0ce9c426edff089ac6cd34e/9a236e10695ccc5b-8c/s500x750/310ed6ec30522023eea65c8d67e8bef3f2f653fe.gifv" width="450px;" class="center"/>
information about yourself here!
<img src="https://web.archive.org/web/20091027022900/http://hk.geocities.com/azure_wing08/background/cat/t5.gif" width="470px;" class="center"/>

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 4 of 4 comments ( View all | Add Comment )

Azzy Kaye	1699565315 This is so cute!!! Operetta is my fav MH character, totally using!!! Report Comment
_.sc3neAng31	1680085860 I am using a Operetta picture as my profile pic, and was searching up monster high themes and this popped up and I am inlove <3 so I'm so using this! Its so fucking amazing!!!! Report Comment thank you so so much!! your pfp is soo awesome, operetta is totally my favourite character ever !! <333 by celeste; 1682004350; Report
ian the lamest guy ever	1659839422 USING oh my ghoul this is the best layout ever i swear its so fucking cool!!!! Report Comment THANK YOUU!!!! by celeste; 1682004371; Report
M4GG0T M3NT4L	1652655518 using! Report Comment