Sailor Moon

Tags: layout, anime, sailor moon, pink, 90s

Description:

If you use this theme please comment below to let me know. Please don't remove any of the credits or copyrights inside the code, please remember to give credit if you use this. You may not use this one as a base, I will have more simple ones coming for that. This one is just really easy to break.

Sailor Scouts Image from YY Anime.

Usagi Image from Blissington Falls News.

Background from Pinterest

Please Don't Remove Any Credits From This Layout! Thank You!

Preview:

click on the image for a larger preview

Code:

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

<style>

/*==========⚠️==========
* Sailor Moon belongs to its original owner. I claim no rights to it.
* Sailor Scouts Image from YY Anime.
* Usagi Image from Blissington Falls News.
* Background from Pinterest
* Please Don't Remove Any Credits From This Layout! Thank You!
============⚠️==========*/

@import url('https://fonts.googleapis.com/css2?family=Tillana&display=swap');

:root {
  --logo-blue: transparent;
  --darker-blue: transparent;
  --lighter-blue: transparent;
  --even-lighter-blue: transparent;
  --lightest-blue: transparent!important;
  --dark-orange: transparent!important;
  --light-orange: transparent;
  --even-lighter-orange: transparent;
  --green: transparent;
}

.logo {
   filter: sepia(100%) hue-rotate(95deg) saturate(100);
}

.friends th, tr, .friends td, th, .icon, #comments, main, .comments-table, .friends, .profile-info, .table, .table-section, .contact, .url-info, .mood, .blurbs, .blog-preview, .details, .profile-pic img
{
border: 0px dotted gray !important;
outline: none !important;
}

body{
background-image:url(https://i.imgur.com/EDXQPmc.jpg) !important;
background-position: center;
background-attachment: fixed;
background-repeat: repeat;
}

h1, h2, h3, h4 {
font-family: 'Tillana', cursive;
}

nav .links a {
    text-decoration: none;
    color: #040250;
}
    
nav .links a:hover  {
    color: #040250;
    text-decoration: underline;
}

nav .top, nav .links{
background-image: linear-gradient(to bottom right, #fd3eba, #fd3eba, #ffd3d0, #fd3eba, #fd3eba);
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
font-family: 'Tillana', cursive;
font-style: italic;
}

nav .links li::after{
display: none;
}

main:before{
width:auto;
margin-bottom:10px;
border:1px ;
height: 225px;
display:block;
content: "";
background-image: url('https://i.imgur.com/rsFeavF.jpg');
background-position: center top;
background-size: cover;
}

main{ 
background: #eef8d6;
padding: .1em;
opacity: .95;
}

.profile h1{
color: #120f82;
font-size: 25px;
}

.online{
font-family: 'Tillana', cursive;
color: #120f82;
font-size: 20px;
animation-name: blink;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(1.0,0,0,1.0);
animation-duration: 2s;
}

.online img{
display: none;
}

.profile .profile-info{
color: #120f82;
height: 95px;
background-image: url('https://i.imgur.com/wotmLbN.png');
background-position: left top;
background-size: contain;
}

.profile .general-about{
color: #120f82;
font-style: italic;
}

.profile .blog-preview,
.profile .mood{
color: #120f82;
font-style: italic;
}

.general-about .profile-pic img{
-webkit-mask-image: url(https://i.imgur.com/Ph11Aae.png);
-webkit-mask-size: 100%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
transform:scale(1.025,1.025);
position:relative;
filter: sepia(100%) hue-rotate(250deg);
top:-0.25em;
}

.profile .contact .heading,
.profile .table-section .heading{
color: #120f82;
background-image: linear-gradient(to bottom right, #fd3eba, #fd3eba, #ffd3d0, #fd3eba, #fd3eba);
text-align: center;
padding: .1em;
font-size: 15px;
}

.profile .table-section,
.profile .contact,
.profile .url-info{
font-style: italic;
color: #120f82;
}

table.details-table td {
color: #120f82 !important;
font-style: italic !important;
}

.profile .blurbs .heading,
.profile .friends .heading{
color: #120f82;
background-image: linear-gradient(to bottom right, #fd3eba, #fd3eba, #ffd3d0, #fd3eba, #fd3eba);
text-align: center;
padding: .1em;
font-size: 15px;
}

.profile .blurbs,
.profile .friends{
font-style: italic;
color: #120f82;
}

.profile .friends{
text-align: center;
}

.profile .friends-grid .person p{
color: #120f82;
}

.profile .blurbs .section h4{
color: #120f82;
padding: .1em;
}

.profile .comments-table{
font-style: italic;
color: #120f82;
}

.profile .comments-table td{
background-color: transparent;
border: 0px solid white!important;
}

.profile .comments-table .comment-replies{
font-style: italic;
color: #120f82;
border: 0px solid white!important;
}

.comments-table img,
.person img{
-webkit-mask-image: url(https://i.imgur.com/Ph11Aae.png);
-webkit-mask-size: 100%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
transform:scale(1.025,1.025);
position:relative;
filter: sepia(100%) hue-rotate(250deg);
top:-0.25em;
}

footer{
background-image: linear-gradient(to bottom right, #fd3eba, #fd3eba, #ffd3d0, #fd3eba, #fd3eba);
font-style: italic;
color: #120f82;
}

.count{
color: #120f82;
}

a{
color: #040250;
}

a:visited {
color: #040250;
}

a:hover {
color: #040250;
}

a:active {
color: #040250;
}

nav .links a:hover{
text-decoration: underline;
color: #120f82;
}

</style>

<style>* {cursor: url(https://cur.cursors-4u.net/anime/ani-7/ani635.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/02/16/serena-sailor-moon.html" target="_blank" title="Serena - Sailor Moon"><img src="https://cur.cursors-4u.net/cursor.png" alt="Serena - Sailor Moon" style="position:absolute; top: 0px; right: 0px;"/></a>

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.