Yuyuko Saigyouji Layout! [Touhou Layout]

Tags: touhou, anime, pink, purple, ghost, touhou project

Description:

Name says it all! its a yuyuko themed layout for thoes old ghost princess loving touhou fans out there! first layout ive uploaded lol,,, ** I USED A THEME BY KINGBOO AS A BASE!! CREDITS: https://layouts.spacehey.com/layout?id=21169 **

Preview:

click on the image for a larger preview

Code:

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

<style>
    .contact:after {
        width: 98%;
        height: 167px;
        display: block;
        content: "";
        background-color: transparent;
        background-image: url(https://thumbs.gfycat.com/ConsiderateCarefulBergerpicard-max-1mb.gif);
        background-position: center;
        opacity: 100%;
        background-size: 450px;
        border-style: dashed;
        border-color: white;
        border-radius: 7px;
    }
    
    .profile {
        background-image: url(https://htmlcolorcodes.com/assets/images/colors/dark-purple-color-solid-background-1920x1080.png);
        background-size: 900px;
        position: relative;
        border: 3.5px dashed white;
        border-width: 5px;
        border-radius: 20px;
        box-shadow: 0px 0px 10px black;
        display: block;
    }
    
    .profile {
        border-color: white;
        animation-name: flash_border;
        animation-duration: 10s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        -webkit-animation-name: flash_border;
        -webkit-animation-duration: 1.4s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-name: flash_border;
        -moz-animation-duration: 2s;
        -moz-animation-timing-function: linear;
        -moz-animation-iteration-count: infinite;
      }
      
      @keyframes flash_border {
  0% {
    border-color: white;
  }
  50% {
    border-color: palevioletred;
  }
  100% {
    border-color: white;
  }
}

@-webkit-keyframes flash_border {
0% {
    border-color: white;
  }
  50% {
    border-color: palevioletred;
  }
  100% {
    border-color: white;
  }
}

@-moz-keyframes flash_border {
0% {
    border-color: white;
  }
  50% {
    border-color: palevioletred;
  }
  100% {
    border-color: white;
  }
}


    body {
        background-image: url(https://64.media.tumblr.com/2dffaaab8fd26f47a312e039f50a023a/29e729d794929a1c-f0/s400x600/1fbc00747042e59c957ea8ac6188c14c6ab80c92.gif);
        background-size: 1500px;
        background-attachment: fixed;
        background-position: center;
    }
    
    main {
        background-color: transparent;
        color: palevioletred;
    }
    
    :root {
        text-shadow: 1.2px 1.2px 0px white;
        --logo-blue: ;
        --darker-blue: ;
        --lighter-blue: ;
        --even-lighter-blue: ;
        --lightest-blue: ;
        --dark-orange: ;
        --light-orange: ;
        --even-lighter-orange: ;
        --green: ;
    }
    
    nav .top {
        background-image: url(https://media.tenor.com/0dQjrRT9qs8AAAAC/yuyuko-saigyouji.gif);
        height: 423px;
        background-size: 800px;
        background-position: top;
        border-radius: 5px;
        position: relative;
        border: 3.5px dashed white;
        border-width: 5px;
        border-radius: 20px;
        box-shadow: 0px 0px 10px black;
        display: block;
    } 
    
    nav .top {
        border-color:  palevioletred;
        animation-name: flash_border;
        animation-duration: 10s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        -webkit-animation-name: flash_border;
        -webkit-animation-duration: 1.4s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-name: flash_border;
        -moz-animation-duration: 2s;
        -moz-animation-timing-function: linear;
        -moz-animation-iteration-count: infinite;
    }
    
        nav .links {
        background-color: palevioletred ;
        border-radius: 30px;
        height: 26px;
    }
    
    .profile-pic {
        border-style: dashed;
        border-color: palevioletred;
        box-shadow: 0x 0px 7px palevioletred;
        border-radius: 100px;
        overflow: hidden;
        animation-name: example;
        animation-iteration-count: infinite;
        animation-duration: 0.8s;
    }
    
        .profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border-color: palevioletred;
        border-radius: 8px;
        box-shadow: 0px 0px 5px palevioletred;
    }
    
    table.details-table td {
        background-color:  !important;
    }
    
    .heading {
        padding: 5px 0 !important;
        margin-top: 15px;
        margin-bottom: 15px;
        background-color: transparent !important;
        color:  palevioletred!important;
        border-bottom: 2px solid palevioletred;
    }
    
    .container {
        border-radius: 0px 0px 0 0;
        overflow: hidden;
        margin-top: 20px;
        padding: 20px;
    }
    
        table.comments-table td {
        background-color:  !important;
        border: 2px palevioletred solid;
        
    }
    
    .comments-table td:first-child img {
        width: 80px;
        border-radius: 100px;
        border-style: dashed;
        border-color: palevioletred;
        border-width: 3px;
        box-shadow: 0px 0px 7px palevioletred;
        animation-name: example;
        animation-iteration-count: infinite;
        animation-duration: 0.8s;
    }
    
    .profile .friends .person img {
        border-radius: 100px;
        border-style: dashed;
        border-color: palevioletred;
        box-shadow: 0px 0px 7px palevioletred;
        animation-name: example;
        animation-iteration-count: infinite;
        animation-duration: 0.8s;
    }
    
        .blog-preview p {
        font-size: 1.2rem;
        font-family: Blippo, fantasy;
    }
    
        .online {
        color: palevioletred;
        font-weight: bold;
        font-size: 98%;
    }
    
    .online img {
        content: url(https://ninetales.neocities.org/img/yuyuko_attack_by_generalcirno-d36n1jf.gif);
        height: 2.9em;
        margin-right: 5px;
        animation-name: blink;
        animation-iteration-count: infinite;
        animation-duration: 1s;
    }
    
    .icon, .award img {
        content: url(https://i.pinimg.com/originals/35/b2/9a/35b29a57bbfd491a23cf106529acc762.gif);
        display: inline-block;
        height: 2.0em;
        width: 2.5em;
        margin: 0 .05em 0 .1em;
        vertical-align: -0.3em;
        color: rgba(0,0,0,0);
    }
    
    .profile .blurbs .section h4 {
        margin: 0;
        color: palevioletred;
    }
    
        a {
        color: palevioletred;
        text-shadow: 0px 0px 1px palevioletred;
        text-decoration: none;
    }
    
    .comments-table td:first-child {
        background-image: url();
        background-size: 157px;
        padding: 0px;
    }
    
    .count {
        color: palevioletred;
        text-shadow: 0px 0px 1px palevioletred;
    }
    
    .details-table td:first-child {
        background: var(--even-lighter-blue);
        color:  palevioletred;
        text-shadow: 1px 1px 0px white;
        font-weight: bold;
        width: 33%;
    }
    
    .profile-info {
        background-image: url('');
        background-size: 500px;
        border: 2px double black;
        box-shadow: 0px 0px 7px palevioletred;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px 5px;
        margin-bottom: 10px;
    }
    
     .profile .friends .person p {
        color:  palevioletred;
        text-shadow: 0px 0px 1px palevioletred;
        font-weight: bold;
        width: 100%;
        word-break: break-word;
        font-size: 100%;
        text-align: center;
    }
    
    footer {
        border-radius: 2px;
        background-color: white; !important
        display: block !important;
        position: relative;
        border: 1px dashed palevioletred;
        border-width: 5px;
        border-radius: 20px;
        box-shadow: 0px 0px 10px black;
        display: block;
    }
    
    footer {
        border-color: black;
        animation-name: flash_border;
        animation-duration: 10s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        -webkit-animation-name: flash_border;
        -webkit-animation-duration: 1.4s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-name: flash_border;
        -moz-animation-duration: 2s;
        -moz-animation-timing-function: linear;
        -moz-animation-iteration-count: infinite;
    }


    
    @keyframes example {
0% {
transform:translate(0px,0.3px);
}
8% {
    transform:translate(0px,0.5px);
}

16% {
    transform:translate(0px,1px);
}

24% {
    transform:translate(0px,1.5px);
}

32% {
    transform:translate(0px,2px);
}

40% {
    transform:translate(0px,2.5px);
}

48% {
    transform:translate(0px,3px);
}

56% {
    transform:translate(0px,3.5px);
}

64% {
    transform:translate(0px,3px);
}

72% {
    transform:translate(0px,2.5px);
}

80% {
    transform:translate(0px,2px);
}

88% {
    transform:translate(0px,1.5px);
}

96% {
    transform:translate(0px,0.5px);
}

100% {
    transform:translate(0px,0.3px);
}
</style>



<style>
*{
  border-radius: 9px;
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading{
  border-radius: 6px 6px 9px 9px;
}
</style>

<style>* {cursor: url(https://i.imgur.com/AZXn1fs.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2018/03/11/one-star-dragon-ball-2.html" target="_blank" title="One Star Dragon Ball"><img src="https://cur.cursors-4u.net/cursor.png" alt="One Star Dragon Ball" style="position:absolute; top: 0px; right: 0px;"/></a>

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

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

Sir Lightning	1730693646 using this! Report Comment
Anon_Kitty	1727282948 using!! :3 thx Report Comment
Wai_Wai	1721515463 Using but does anyone know how to change to text color? The white text shadow looks weird Report Comment
Cyber Mokou	1721287599 using <3 Report Comment
koki is sleepy	1718297805 using Report Comment
(*´>ω<))ω｀●)	1717830077 using Report Comment
cat	1717284879 using! Report Comment
HEE HEE	1715127382 using Report Comment
Dlinky Binky	1711525155 using Report Comment
Noctis	1709322410 using Report Comment
Bad Apple!!	1708974868 usinggg! Report Comment
Crazu13	1708242413 defo gon using Report Comment
flowerreader_jpg	1706575892 usinngg <33 Report Comment
𝙲𝚞𝚢𝙳𝚓⁶⁹	1706129148 usando Report Comment
ein/may	1698474399 using! :D Report Comment
KilianSmellz	1694468627 using!!! Report Comment
R0SEYTH0RNES	1692362881 using Report Comment
caspian (winters #1 fan)(editing)	1692288278 USING Report Comment
LIAM ! 🍉	1686781138 I LOVE THIS :3 !! Report Comment TY TYY!!! by cary; 1687620323; Report
your_erika	1683596923 Using, thank you so much! Report Comment