Ouran High School Host Club

Tags: simple, anime, layout, pink, cute

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.

Ouran High School belongs to its original owner. I claim no rights to it.

Ouran Banner Image From Deb Aoki on Twitter.

https://www.vecteezy.com/free-vector/rose-seamless-pattern Rose Seamless Pattern Vectors by Vecteezy

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=28018) -->

<!-- (c) Layout created by Coffee Queen (http://layouts.spacehey.com/coffee_queen) -->

<style>

/*==========⚠️==========
* Ouran High School belongs to its original owner. I claim no rights to it.
* Ouran Banner Image From Deb Aoki on Twitter.
* https://www.vecteezy.com/free-vector/rose-seamless-pattern Rose Seamless Pattern Vectors by Vecteezy
* Please Don't Remove Any Credits From This Layout! Thank You!
============⚠️==========*/

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

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

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

h1, h2, h3, h4 {
font-family: 'Alkatra', cursive;
text-shadow: 1px 1px 2px #423b7e;
}

nav .top, nav .links{
background-image: linear-gradient(to bottom right, #ef5a66, #c6cda3, #b099e7, #5d5f92, #f394d8, #fcc29d, #93cbea);
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
font-style: italic;
}

nav .links{
font-family: 'Alkatra', cursive;
}

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

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

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

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

.online{
font-family: 'Alkatra', cursive;
color: #f8a1e5;
font-size: 20px;
text-shadow: 1px 1px 2px #423b7e;
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{
text-shadow: 1px 1px 2px #423b7e;
color: #f8a1e5;
background-image: linear-gradient(to bottom right, #ef5a66, #c6cda3, #b099e7, #5d5f92, #f394d8, #fcc29d, #93cbea);
}

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

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

.profile .profile-pic img{
border-radius: 20px;
filter: sepia(100%) hue-rotate(200deg);
}

.profile .contact .heading,
.profile .table-section .heading{
color: #f8a1e5;
background-image: linear-gradient(to bottom right, #ef5a66, #c6cda3, #b099e7, #5d5f92, #f394d8, #fcc29d, #93cbea);
text-align: center;
padding: .1em;
font-size: 15px;
}

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

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

.profile .blurbs .heading,
.profile .friends .heading{
color: #f8a1e5;
background-image: linear-gradient(to bottom right, #ef5a66, #c6cda3, #b099e7, #5d5f92, #f394d8, #fcc29d, #93cbea);
text-align: center;
padding: .1em;
font-size: 15px;
}

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

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

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

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

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

.profile .comments-table td{
background-color: transparent;
}

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

.comments-table img,
.person img{
border-radius: 20px;
filter: sepia(100%) hue-rotate(200deg);
}

footer{
background-image: linear-gradient(to bottom right, #ef5a66, #c6cda3, #b099e7, #5d5f92, #f394d8, #fcc29d, #93cbea);
font-style: italic;
color: #f8a1e5;
}

.count{
color: #f8a1e5;
}

a{
color: #423b7e;
}

a:visited {
color: #423b7e;
}

a:hover {
color: #423b7e;
}

a:active {
color: #423b7e;
}

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

</style>

<style>* {cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat943.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/11/04/elegant-rose-15.html" target="_blank" title="Elegant Rose"><img src="https://cur.cursors-4u.net/cursor.png" alt="Elegant Rose" 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.

Comments

Displaying 6 of 6 comments ( View all | Add Comment )

JellieTaffy	1689303381 Using it! So cute! Report Comment
Cosmiz	1688848754 I'll be using this is it's alright. Thank u! Report Comment
mar ☾⋆｡	1684771792 so cute! using, thank u!! Report Comment
Gₕₒₛₜ✪ₗₑₐf	1682641469 TYYYY Report Comment
Robbie	1680879650 tysm! Report Comment
GRIFFEN	1680023388 thanks Report Comment Your welcome! by Coffee Queen; 1680031079; Report