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 46 comments ( View all | Add 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
˚₊‧꒰ა 𝒌𝒖𝒓𝒐𝒎𝒊 ໒꒱ ‧₊˚	1727869167 using :3 Report Comment
Jiji XD	1727805373 Using^^ Report Comment
paristonmizer	1718302606 Using!! ^^ Report Comment
kittyink	1714923539 using! Report Comment
♡ASTRA!!☆	1710960642 using!! Report Comment
ryuunosuke 𓏶	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
eikoyama	1696172407 using rn, ty!! Report Comment for some reason the whole layout turns white, is this just a problem with spacehey? by eikoyama; 1696172445; Report for some reason the whole layout turns white, is this just a problem with spacehey? by eikoyama; 1696172445; Report yes, im so sorry!! i used imgur to uploud the images i needed for the layout, but its no longer working anymore :(( ill try to fix it when i come home from school tho^^ by SUMAN SUMAN!!🎀; 1696234637; Report
ORDINARYLILAC'S	1693816536 using rn ty! Report Comment
KilianSmellz	1693249181 using!! Report Comment
Ceddie!!	1693224429 using syyy Report Comment