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 37 comments ( View all | Add Comment )

FREAKSH0W	1712862634 Using but it just turns white 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
Kilian	1693249181 using!! Report Comment
Ceddie!!	1693224429 using syyy Report Comment
Evanizer	1692821696 usingg Report Comment idk if this works my page turns white by Evanizer; 1692821844; Report yeah, unfortunately it does that. someone said it’s because imgur and spacehey are having some complications. i’ll make sure to work on fixing it tho :)) by SUMAN SUMAN!!🎀; 1693334617; Report
Flopuffs	1692577110 Using ^_^ Report Comment
- AM0N ;; JAEHANNIE ★	1691066221 Using !! Report Comment
Dammxsluv	1689577644 Using!! <33 Report Comment
Mr.Joy 🍓 (pickle chan+esp/eng)	1689561057 Using!!! Report Comment
mikasasimp>:3	1689267208 using ittt Report Comment
(●♡∀♡) Lucien	1689216832 using :33 Report Comment
✴.·´¯`·.·★ 🎀𝓢𝓱𝓪𝓷𝓮 𝓙𝓸𝓸𝓭🎀 ★·.·`¯´·.✴	1689184010 USING :> Report Comment