MARUMOFUBIYORI | super sonicodes

Tags: super sonicodes, sanrio, blue, yellow, pastel, marumofubiyori, cute

Description:

world's first marumofubiyori layout... enjoy! not mobile, blog or bulletin friendly! has ended up crashing someone's computer, use at your own risk (or spite)

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by †⠀⠀SCYTHiDEL (https://layouts.spacehey.com/layout?id=86384) -->

<img src="https://i.ibb.co/BwN8TqV/18-183858-sanrio-dot-sanrio-marumofubiyori.png" width="250" style="position: fixed; right: -1%; bottom: -0.5%;"/>

<style>

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

}

@font-face{
font-family: valken;
src: url(https://dl.dropbox.com/s/lygp4ch7dqd5w67/Valken__.ttf);

}

body {
font-family: ms gothic;
background: repeating-linear-gradient(45deg, #a3e1ea, #a3e1ea 10px, #f2eac7 10px, #f2eac7 20px);
background-attachment: fixed;
text-align: center;

}

p, a, summary, details {
color: #97694a;
font-size: 15px;
font-weight: bold;

}

.profile h1 {
display: none;

}

.container {
width: 1140px;
margin-top: 20px;
margin-bottom: 20px;
border-radius: 10px;
padding: 20px;
border-width:10px;
border-style:solid;
border-image: url("https://i.ibb.co/WpFnxS0/marumofubiyori-border.png") 7 fill round;

}

main {
background: white;
z-index: 10px;
overflow-y: auto;
border: 5px double #a3e1ea;
padding: 20px;
border-radius: 15px;

}

main:before {
width: 100%;
height: 310px;
display: block;
content: "";
background-image: url('https://i.ibb.co/VgLWWQY/tumblr-pjstguk-NWL1xapr75o1-640.png');
background-position: center center;
background-size: 600px;
background-repeat: no-repeat;
margin-bottom: 5px;
margin-top: -30px;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
}

.friends, .blog-preview, .url-info, .table-section, .logo, .christmas, .icon, .top .left, .top .center, .search-wrapper, .top .right, .blurbs .heading, .blurbs .section h4, .profile-info, .contact .heading  {
display: none!important

}

a:hover, a:active, a:visited {
text-decoration: none;

}

FOOTER > UL.links {
display: none;

}

FOOTER > P:nth-child(1) {
display: none;

}

FOOTER > P:nth-child(2) {
display: none;

}

P.copyright {
display: none;

}

footer {
height: 5px;
background-color: transparent;
background-position: center;
margin-top: -10px;

}

.profile-pic img {
scale: .700

</style>

<style>

.border {
pointer-events: none;
z-index: 1000;
position: fixed;
top: 0px;
right: 0px;
width: 100%;
height: 100%;
box-sizing: border-box;
border-width:10px;
border-style:solid;
border-image: url("https://i.ibb.co/1v98nry/marumofubiyori-border-inner.png") 7 fill round;

}

.mood a, .mood p, .mood b {
font-size: 0px;
height: 0px;

}

.col.left{
padding: 20px;
width: 330px;

}

.general-about {
display: grid;
text-align: center;
border-width:10px;
border-style:solid;
border-image: url("https://i.ibb.co/WpFnxS0/marumofubiyori-border.png") 7 fill round;
padding: 30px;
margin-top: -20px;
margin-bottom: -12px!important;
height: 349px;

}

.contact a {
font-size: 14px;
color: #97694a!important;
margin-bottom: 15px;

}

.contact {
border-width:10px!important;
border-style:solid!important;
border-image: url("https://i.ibb.co/WpFnxS0/marumofubiyori-border.png") 7 fill round!important;
padding: 10px!important;
height: 70px!important;

}

.blurbs {
border-width:10px;
border-style:solid;
border-image: url("https://i.ibb.co/WpFnxS0/marumofubiyori-border.png") 7 fill round;
height: 620px!important;
padding: 10px;
overflow-y: auto; 
overflow-x: none;
margin-top: -10px!important;

}

</style>

<style>

.general-about p {
margin-top: -10px;
font-size: 15px;
width: 200px;

}

.links {
text-align: center;
color: #a3e1ea;
font-family: valken;
filter: drop-shadow(1px 1px 0 black) drop-shadow(-1px 1px 0 black) drop-shadow(0 -1px 0 black) drop-shadow(1px 0 black);
font-size: 15px;

}

nav .links a:hover {
text-decoration: none;

}

nav .links a {
margin-bottom: 15px;

}

a, nav .links a, .special {
color: var(--links) !important;
text-shadow: none;

}

nav {
margin-top: -35px;
margin-bottom: 15px;
}

</style>

<style>
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after{
content: " ";
padding-left: 4px !important;

}

 .f-col {
    /* allow contacts to stack */
    vertical-align: top;
    margin-bottom: 5px;
    display: block;
  }

.online {
display: none;

}

.profile .contact .f-row {
  /* removes extra spacing from contacts */
    margin-bottom: 10px;
  }

</style>

<style>

/* header->sidebar */
@media(min-width:810px) {
nav {
float: left;
width: 190px;
margin-top: 9.8px;

}

/* fix header */
nav > .top {
flex-direction: column;
align-items: center;
}
nav form {
margin-top: 10px !important;
}
nav form * {
width: 140px;
}
nav .left {
display: flex !important;
transform: translateX(-20px);
}

/* fix links */
nav .links {
display: flex;
flex-direction: column;
transform: translateX(100px);
margin: -50px -98px;
position: relative;
width: 160px;

}

nav .links a {
line-height: 2.2;
font-size: 20px;

</style>

<style>* {cursor: url(https://cur.cursors-4u.net/others/oth-4/oth306.cur), auto !important;}</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 4 of 4 comments ( View all | Add Comment )

xen	1706280671 using Report Comment
capri	1703700972 might use Report Comment
୨୧ VIVI	1703195408 using ;3 Report Comment
sha	1700754524 I lub u. Report Comment