Mana Sama Layout

Tags: manasama, goth, gothic, blue, black, rose, malicemizer, dark, gloomy

Description:

A layout based on Mana-Sama! Edit if you please. If you use this layout, please say so in the comments!

Preview:

click on the image for a larger preview

Code:

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

<style>

Body{
Background: url(https://i.imgur.com/xkcD9t8.jpg);
}

.profile{
Background: url(https://i.imgur.com/VcmmT58.jpg);
} 

main:before{
width: 807px;
margin-bottom: 1px;
border: 2px black;
height: 100px;
display: block;
content: url();
box-shadow: 2px 2px 2px 2px #000000;
background-image: url(https://i.imgur.com/IXqqtuO.jpg);
background-position: center center;
background-size: cover;
background-color: black;
background-repeat: repeat;
}

.profile .friends .person img {

border-radius: 500px;
}

.profile .blurbs .section :nth-child(2) {
	background-image: url(https://i.imgur.com/DFQ7dmc.jpg);
     /* margin-top: -5px; */
	padding: 18px;
	box-shadow: 4px 4px #0000;
</style>
<style>
footer {
boarder-radius: 15px;
background-image: url(https://i.imgur.com/dKf8Pdz.jpg);
color: black;
}

:root {
--logo-blue: url(https://i.imgur.com/DgEcKZd.jpg);
--darker-blue: white;
--lighter-blue: black;
--even-lighter-blue: ;
--lightest-blue: rgb(2, 229, 250);
--dark-orange: white;
--light-orange: #000000; 
--even-lighter-orange: black;
--green: white;
}

h2,h3,h4,h5{
@import url('https://fonts.googleapis.com/css2?family=Caveat&family=Permanent+Marker&display=swap');
font-family: 'Caveat', cursive;
font-family: 'Permanent Marker', cursive;
font-size: 150%;
color: white;
}

p{
font-family: 'Caveat', cursive;
font-family: 'Permanent Marker', cursive;
font-size: 150%;
color: white;
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* add me */
	content: "🦋"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* faves? */
	content: "🦋"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* chit chat */
	content: "🦋"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forwardd */
	content: "🦋"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant chat */
content: "🦋"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block */
	content: "🦋"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* group me */
	content: "🦋"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report */
	content: "☠"
} 

.contact .inner a img {
 font-size: 0;
}
.contact .inner a img:before {
 font-size: 1em;
 display: block
}

.profile .profile-info {
	background-image: url(https://i.imgur.com/4vk0qzY.jpg);
	padding: 20px;
	border: none;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #2d1157;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .15s;
	border: none;

}

</style>
<style>

.comments-table{
display: block;
height: 500px;
overflow-y: scroll;
Border-radius: 15px; 
color: white;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; 
background-image: url(https://i.imgur.com/yeCyv5w.png);
}

.profile .table-section{
    border:2px solid #FFFFFF;
    border-radius: 15px;
  }
  .profile .table-section .heading{
    background:#000000;
    border: 1px solid #FFFFFF;
    border-radius: 15px 15px 0px 0px;
    text-align: center;
}


.friends th, tr, .friends td, th, .icon, main, .comments-table, .friends, .profile-info, .table, .table-section,  .url-info, .mood, .blurbs, .blog-preview, .details, 
{
border: 1px curve #000000 !important;
outline: curve !important;
}
img
{
border-radius: 12px;
}

.profile .table-section{
    border:2px solid #FFFFFF;
    border-radius: 15px;
  }
  .profile .table-section .heading{
    background:#000000;
    border: 1px solid #FFFFFF;
    border-radius: 15px 15px 0px 0px;
    text-align: center;
  }
  .profile .table-section .heading h4{
    color: #FFFFFF;
    text-shadow: 1px 1px 2px black;
  }
  .profile .table-section .details-table td{
    background: rgba(0, 0, 0, 0);
    padding-right: 10%;
  }

  .profile .friends .heading{
    background: #FFFFFF;
    color: #000000;
    text-shadow: 1px 1px 2px black;
    text-align: center;
  }
  .profile .friends .heading h4{
    text-align: center;
    color: #000000;
    text-shadow: 1px 1px 2px white
  }
.general-about {
background-image: url(https://i.imgur.com/yeCyv5w.png);
	padding: 20px;
	border-radius: 0px;
	box-shadow: 0px 0px 0 #ad0202;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .46s;
}
.profile .blurbs .section :nth-child(2) {
     /* margin-top: -5px; */
	padding: 20px;
	border: 1px curve #000000 !important;
outline: curve !important;
}

.profile .profile-info .inner h3 {
background-image: url(https://i.imgur.com/yNW2A3x.jpg);
	filter: drop-shadow(3px 3px 0 #000000);
	margin: 0!important;
	color:#00c8ff;
}

.contact {

  border: 3px;
  background: url(https://i.imgur.com/OUzcOpA.jpg);
  background-position: left top;
  background-repeat: repeat;
  padding: 20px;
  width: 200px;
  height: 150px;
}

h1 {
font-size: 26px!important;
line-height: 80px;
font-family: 'Creepster', cursive;
font-weight:normal;
text-transform: uppercase;
letter-spacing: -1.5px;
color: white;
text-align:center;
padding-bottom:0px;
padding-top:0px;
text-shadow: 0 0 5px #fff;
background: #000;
background-image:url("https://i.imgur.com/ISor8DD.jpg");
background-position: center;
background-size: 100%;
}

</style>
<style>

nav{ 
font-size: 13px !important;
font-family: 'Paytone One', sans-serif;
text-shadow: 1px 1px white;
text-transform:none;
padding-left:3px;
text-align: center;
}


a {

 text-decoration: none;

 font-weight: bld;
}

a:hover {

    color: white;
}

DIV.blog-preview{
text-align: center;
background: url(https://i.imgur.com/4dbvEnhh.gif);
text-transform:lowercase !important;
color: white;
border-radius:15px;
border: 3px solid rgba(255, 255, 255)
}

body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background-image: url(https://i.imgur.com/SZWr6HH.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	animation: yourAnimation 2s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; }

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

𝔈𝔳𝔞𝔫	1748979219 Using: 3 Report Comment
Superbussy	1746505747 this is literally so cool Report Comment
𝕮𝖍𝖊𝖗𝖗𝖞	1745264011 The layout is sm more diff then the picture Report Comment
Darling Cat	1738720540 using!!! this layout is just darling! Report Comment
mermi0zkira	1735485006 USING ! 1!11!! 1 Report Comment
mermi0zkira	1735485005 USING ! 1!11!! 1 Report Comment
mermi0zkira	1735485004 USING ! 1!11!! 1 Report Comment
mermi0zkira	1735485002 USING ! 1!11!! 1 Report Comment
mermi0zkira	1735485001 USING ! 1!11!! 1 Report Comment
MALAH	1731118084 the font does'nt works Report Comment
retsuko	1727869167 using :3 Report Comment
LILITH :D	1727805373 Using^^ Report Comment
paristonmizer	1718302606 Using!! ^^ Report Comment
♡kittyink♡	1714923539 using! Report Comment
♡ASTRA!!☆	1710960642 using!! Report Comment
𝘳	1708822985 Using Report Comment
MeatMuncher69420	1703188840 whh is mine in comic sans help Report Comment
Red	1699335882 using <3333 Report Comment
Isabela	1697155285 Usingg <3 Report Comment
voidicism	1696901415 Using! Report Comment