umm my layout for preserving purposes

Tags: :p, my layout, dont use
Description:

dont use this LOL
Preview:

click on the image for a larger preview
Code:

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

<div class="snowflakes">
<div class="snowflake"><img src="https://64.media.tumblr.com/bf903cde8f279c66475d604651f9ea3e/4b487b9516393c79-e5/s75x75_c1/1c779e9df6a06ae6afc0bcf5ac542ee0ab7d3a24.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/bf903cde8f279c66475d604651f9ea3e/4b487b9516393c79-e5/s75x75_c1/1c779e9df6a06ae6afc0bcf5ac542ee0ab7d3a24.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/bf903cde8f279c66475d604651f9ea3e/4b487b9516393c79-e5/s75x75_c1/1c779e9df6a06ae6afc0bcf5ac542ee0ab7d3a24.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/bf903cde8f279c66475d604651f9ea3e/4b487b9516393c79-e5/s75x75_c1/1c779e9df6a06ae6afc0bcf5ac542ee0ab7d3a24.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/bf903cde8f279c66475d604651f9ea3e/4b487b9516393c79-e5/s75x75_c1/1c779e9df6a06ae6afc0bcf5ac542ee0ab7d3a24.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/bf903cde8f279c66475d604651f9ea3e/4b487b9516393c79-e5/s75x75_c1/1c779e9df6a06ae6afc0bcf5ac542ee0ab7d3a24.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/bf903cde8f279c66475d604651f9ea3e/4b487b9516393c79-e5/s75x75_c1/1c779e9df6a06ae6afc0bcf5ac542ee0ab7d3a24.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/bf903cde8f279c66475d604651f9ea3e/4b487b9516393c79-e5/s75x75_c1/1c779e9df6a06ae6afc0bcf5ac542ee0ab7d3a24.gifv"/></div>
</div>

<style>
    @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}



</style>


<style>
.contact .inner a img {
  font-size: 0;
}
.contact .inner a img:before {
  font-size: 1em;
  display: block
}
.contact .inner a:before {
  content: ""
}


.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
  /* add to friends */
  display: inline-block;
  background: url("https://pixels.crd.co/assets/images/gallery39/e1f9c649.gif?v=2942f085")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
  /* add to favorites */
  display: inline-block;
  background: url("https://pixels.crd.co/assets/images/gallery39/4f7c814a.gif?v=2942f085")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
  /* send Message */
  display: inline-block;
  background: url("https://pixels.crd.co/assets/images/gallery04/5537589c.gif?v=2942f085")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
  /* forward to friend */
  display: inline-block;
  background: url("https://pixels.crd.co/assets/images/gallery39/db174348.gif?v=2942f085")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
  /* instant message */
  display: inline-block;
  background: url("https://pixels.crd.co/assets/images/gallery39/2599e5b9.gif?v=2942f085")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
  /* block user */
  display: inline-block;
  background: url("https://pixels.crd.co/assets/images/gallery65/c24eaadc.gif?v=2942f085")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
  /* add to group */
  display: inline-block;
  background: url("https://pixels.crd.co/assets/images/gallery04/522b15d9.gif?v=2942f085")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
  /* report user */
  display: inline-block;
  background: url("https://pixels.crd.co/assets/images/gallery65/34accb2a.gif?v=2942f085")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
</style>











<style>* {cursor: url(https://cur.cursors-4u.net/food/foo-5/foo427.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2010/08/25/cute-apple.html" target="_blank" title="Cute Apple"><img src="https://cur.cursors-4u.net/cursor.png" alt="Cute Apple" style="position:absolute; top: 0px; right: 0px;"/></a>



<style>

/* friends icon */

.profile .friends .person img:not(.icon) { -webkit-mask-image: url(https://64.media.tumblr.com/b54914da36755a547c652265d13d1c26/a7bf5dc945818090-8b/s250x400/8550a61124767f700fa6c19a76ade7beca4c5100.pnj);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}

</style>


<style>

.logo {
content:url('https://i.postimg.cc/vHG6TtpX/niconico.png');
}

</style>

<div style="float: ;&#10;    max-width: 200px;&#10;    height: auto;&#10;    position: fixed; &#10;    right: 10px;&#10;    bottom: 10px;&#10;    z-index: 180;">
<img src="https://64.media.tumblr.com/49f6437aefbc04fc1d490c5d076796a5/0536de8ad19d244d-7c/s400x600/86d3ba5141367355ed6534f420a9cdaf4ed8a12c.gif" alt="moomin plush spinning around"/>
</div>




<style>
/*
	customization
*/
:root {
    --background-color: white;
    --background-image: url(https://i.pinimg.com/564x/b6/39/70/b639703886726014abd7b18f4020ca4a.jpg);
    --banner-image: url(https://media.tenor.com/MhsdqUU_djAAAAAC/aesthetic-wallpaper-anime.gif);
    --accent: green;
}
/*
	code itself 
	
*/.container,nav{width:100%}.top .right *,footer a{color:#00f!important}.center button,.center label,.mood b a,.top .right a:first-child,.url-info,nav .links a,nav .links a:not([title=Notifications]):hover:after{font-size:0px}.table-section,.url-info{margin-bottom:0!important}.mood b,.report a,.section h4,nav .links a{text-transform:uppercase}.blog-preview h4,.f-col,.friends-grid .person p,.mood p:last-child{overflow:hidden;text-overflow:ellipsis}.f-col a,.section h4,footer a{text-decoration:underline}::-webkit-scrollbar{width:16px}::-webkit-scrollbar:horizontal{height:17px}::-webkit-scrollbar-corner{background:#dfdfdf}::-webkit-scrollbar-track{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='2' height='2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 0H0v1h1v1h1V1H1V0z' fill='silver'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 0H1v1H0v1h1V1h1V0z' fill='%23fff'/%3E%3C/svg%3E")}::-webkit-scrollbar-thumb{background-color:#dfdfdf;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf}::-webkit-scrollbar-button:horizontal:end:increment,::-webkit-scrollbar-button:horizontal:start:decrement,::-webkit-scrollbar-button:vertical:end:increment,::-webkit-scrollbar-button:vertical:start:decrement{display:block}::-webkit-scrollbar-button:vertical:start{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 6H7v1H6v1H5v1H4v1h7V9h-1V8H9V7H8V6z' fill='%23000'/%3E%3C/svg%3E");height:17px}::-webkit-scrollbar-button:vertical:end{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 6H4v1h1v1h1v1h1v1h1V9h1V8h1V7h1V6z' fill='%23000'/%3E%3C/svg%3E");height:17px}::-webkit-scrollbar-button:horizontal:start{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 4H8v1H7v1H6v1H5v1h1v1h1v1h1v1h1V4z' fill='%23000'/%3E%3C/svg%3E");width:16px}::-webkit-scrollbar-button:horizontal:end{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 4H6v7h1v-1h1V9h1V8h1V7H9V6H8V5H7V4z' fill='%23000'/%3E%3C/svg%3E");width:16px}body::-webkit-scrollbar-corner{margin-top:60px}body{font-family:'MS PGothic';background:var(--background-color) var(--background-image);background-attachment:fixed}main{background:0 0}nav{height:100px;position:fixed;z-index:999}.col a,.online{color:color-mix(in srgb,var(--accent) 50%,#000);filter:saturate(3)}.count,.friends-grid .person p{color:color-mix(in srgb,var(--accent) 50%,#000)!important;filter:saturate(3)}.edit-link,.online img,.profile-info,.supporter .icon,footer p:nth-child(2){display:none}.col,.table-section+.table-section tbody,.top .left:before,.url-info::after{display:block}.top{height:50px;background:#fff!important;color:#000!important}.center label::after{content:"ユーザーを検索する:";font-size:12px}.center button::after{content:"サーチ";font-size:12px}.top .right *{font-size:12px;font-family:'MS Pgothic';text-decoration:underline!important}.contact .heading,.profile h1{color:#fff!important;text-shadow:0 0 1px color-mix(in srgb,var(--accent) 70%,#000),0 0 1px color-mix(in srgb,var(--accent) 70%,#000),0 0 1px color-mix(in srgb,var(--accent) 70%,#000),1px 1px 0 color-mix(in srgb,var(--accent) 70%,#000),-1px -1px 0 color-mix(in srgb,var(--accent) 70%,#000),-1px 1px 0 color-mix(in srgb,var(--accent) 70%,#000),1px -1px 0 color-mix(in srgb,var(--accent) 70%,#000)}.top .right a:first-child::after{content:"ヘルプ";font-size:12px}.top .left{position:relative;height:fit-content;margin-top:-10px!important}.top .left:before{content:"";position:absolute;background:var(--accent);width:110%;height:130%;top:-10px;mix-blend-mode:lighten;z-index:9999;opacity:.9;pointer-events:none}.logo-fallback{filter:drop-shadow(1px 1px 0px black) drop-shadow(1px 0px 0px black) drop-shadow(0px 1px 0px black) drop-shadow(-1px -1px 0px black) drop-shadow(1px -1px 0px black) drop-shadow(-1px 1px 0px black)}.links{text-align:center}.col{width:100%!important;background:#fff;border-left:1px solid #000}.row{top:65px;width:75%;position:absolute;right:0}.general-about,.mood,.profile h1{position:fixed;left:1%}.profile h1{top:90px;background:#fff;width:23%;padding-inline:10px;padding-bottom:3px;border-radius:10px 10px 0 0;background:var(--accent);box-shadow:0 -8px 3px 3px rgba(255,255,255,.5) inset;border:1px solid #000;border-bottom:0}.general-about,footer{width:23%;border:1px solid #000;background:#fff}.general-about{top:115px;padding:5px 5px 40px;height:250px}.blog-preview h4,.blog-preview p,.inner>p,.mood{padding-inline:5px}.mood{top:310px;width:21%!important;left:2vw;border-top:1px dashed var(--accent);padding-top:5px}.contact,footer{position:fixed;left:1%}.mood p:last-child{white-space:nowrap}.contact{width:23%!important;top:365px;border:0!important}#comments,.blog-preview,.url-info{position:relative}footer{top:520px;padding:2px 0}.profile-pic .pfp-fallback{border:1px solid gray;width:100%!important;height:100%!important;object-fit:cover}.profile-pic{width:11vw;height:11vw!important}.details{text-align:right;margin-right:10px}.mood b{font-weight:400}footer .links,footer p{margin:0}footer p:first-child{width:100px;display:inline-block;vertical-align:top}footer p:first-child::after{content:"Disclaimer: This is a fan-based project and is not affiliated with MySpace® in any way. 'インターウェブ' layout by .../coedcaine";display:block}footer::before{content:"";display:inline-block;width:175px;height:100px;background:url(https://images2.imgbox.com/b7/5e/Z8Z4ZFhK_o.png) 0 0/contain;margin-right:10px;cursor:pointer}.blog-preview h4,nav .links a{padding-top:3px;background:var(--accent);white-space:nowrap}.contact .heading{background:#fff;border-radius:8px 8px 0 0;background:var(--accent)!important;box-shadow:0 -4px 3px 3px rgba(255,255,255,.5) inset;border:1px solid #000;border-bottom:0}.contact .inner{background:#fff;border:1px solid #000;height:120px}.url-info::before{content:"いらっしゃいませ！";font-size:35px;color:#fff;text-shadow:var(--accent) 3px 0 0,var(--accent) 2.83487px .981584px 0,var(--accent) 2.35766px 1.85511px 0,var(--accent) 1.62091px 2.52441px 0,var(--accent) .705713px 2.91581px 0,var(--accent) -.287171px 2.98622px 0,var(--accent) -1.24844px 2.72789px 0,var(--accent) -2.07227px 2.16926px 0,var(--accent) -2.66798px 1.37182px 0,var(--accent) -2.96998px .42336px 0,var(--accent) -2.94502px -.571704px 0,var(--accent) -2.59586px -1.50383px 0,var(--accent) -1.96093px -2.27041px 0,var(--accent) -1.11013px -2.78704px 0,var(--accent) -.137119px -2.99686px 0,var(--accent) .850987px -2.87677px 0,var(--accent) 1.74541px -2.43999px 0,var(--accent) 2.44769px -1.73459px 0,var(--accent) 2.88051px -.838247px 0}.url-info{background:#fff var(--banner-image);background-size:cover;background-position:center;height:200px;grid-column:span 3;image-rendering:pixelated;border:1px solid #000!important;width:calc(100% - 210px)!important}#comments,.blurbs,.table-section:not(.table-section + .table-section){grid-column:span 2}.url-info::after{content:"";width:200px;height:197px;background:url('https://images2.imgbox.com/ff/71/ueJSYcmT_o.png') center/cover no-repeat;position:absolute;left:calc(100% + 10px);top:0;border:1px solid #000;cursor:pointer}.table-section+.table-section tr{margin-bottom:5px}.table-section+.table-section td:first-child p{pointer-events:none;text-align:left}.table-section+.table-section td:first-child a{color:color-mix(in srgb,var(--accent) 80%,#000)!important;filter:saturate(1)!important}.table-section+.table-section td:last-child p{white-space:nowrap;max-width:125px;overflow:hidden;text-overflow:ellipsis}.table-section+.table-section td{height:20px!important}.table-section a img{border:1px solid gray;border-radius:4px;filter:saturate(5)}.table-section{width:100%!important;display:inline-block;background:#fff;border:0!important;max-height:320px}.table-section .heading{background:#fff;border-radius:10px 10px 0 0;background:var(--accent)!important;box-shadow:0 -3px 3px 3px rgba(255,255,255,.5) inset;border:1px solid #000;border-bottom:0;color:#fff!important;text-shadow:0 0 1px color-mix(in srgb,var(--accent) 70%,#000),0 0 1px color-mix(in srgb,var(--accent) 70%,#000),0 0 1px color-mix(in srgb,var(--accent) 70%,#000),1px 1px 0 color-mix(in srgb,var(--accent) 70%,#000),-1px -1px 0 color-mix(in srgb,var(--accent) 70%,#000),-1px 1px 0 color-mix(in srgb,var(--accent) 70%,#000),1px -1px 0 color-mix(in srgb,var(--accent) 70%,#000)}.blog-preview h4,.blurbs .heading,.friends .heading,nav .links a{box-shadow:0 -2px 2px 3px rgba(255,255,255,.5) inset;color:#fff!important;text-shadow:0 0 1px color-mix(in srgb,var(--accent) 70%,#000),0 0 1px color-mix(in srgb,var(--accent) 70%,#000),0 0 1px color-mix(in srgb,var(--accent) 70%,#000),1px 1px 0 color-mix(in srgb,var(--accent) 70%,#000),-1px -1px 0 color-mix(in srgb,var(--accent) 70%,#000),-1px 1px 0 color-mix(in srgb,var(--accent) 70%,#000),1px -1px 0 color-mix(in srgb,var(--accent) 70%,#000)}.table-section .inner{border:1px solid #000;height:calc(100% - 20px);overflow-y:auto;text-align:right}.table-section td:first-child{background:linear-gradient(color-mix(in srgb,var(--accent) 40%,#fff 50%),#fff 100%);height:20px}.table-section td:first-child p{color:color-mix(in srgb,var(--accent) 80%,#000);text-decoration:underline;font-weight:400;font-size:11px;letter-spacing:1px;text-transform:uppercase;text-align:left}.table-section td:last-child{height:calc(100% - 20px);background:#fff}.table-section tbody{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:5px}.table-section tr{display:block;width:100%;border:1px solid color-mix(in srgb,var(--accent) 50%,#000)}.table-section td{display:block;width:100%!important}.col.left{display:grid;grid-template-columns:repeat(2,1fr) 15%;grid-column-gap:10px;padding-bottom:0}.col.right{display:grid;padding-top:10px;grid-template-columns:240px calc(100% - 240px);grid-column-gap:5px}#comments::after,.blog-preview::after{content:"";display:block;position:absolute;cursor:pointer}.blog-preview h4{border-radius:10px 10px 0 0;border:1px solid #000;position:absolute;width:calc(100% + 2px);left:-1px;top:-1px;margin:0!important}.blog-preview{order:1;width:236px;background:#fff;height:calc(100% - 70px);border:1px solid #000;padding-top:20px;border-radius:20px 20px 0 0}.blog-preview::after{background:url(https://images2.imgbox.com/e7/c3/MCADlYJ2_o.png) center/cover no-repeat;border:1px solid #000;width:234px;height:60px;bottom:-74px}.friends:not(#comments){order:2;height:290px}#comments,.blurbs{order:3}#comments{order:4;width:calc(100% - 147px);height:530px}.friends:not(#comments) .inner{height:calc(100% - 20px);padding:0;overflow-y:auto}.friends-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:-2px}.friends-grid .person{margin:auto auto 5px;padding:0!important}.friends-grid .person p{margin:2px 0;width:100%;height:14px;white-space:nowrap}.friends-grid .person .pfp-fallback{border:1px solid gray;height:100px!important;width:100px!important;object-fit:cover}.inner>p{position:sticky;top:0;background:#fff;width:100%;z-index:1;border-bottom:1px solid gray;font-size:12px}.inner>p b{font-weight:400!important}.blurbs .heading,.friends .heading{border-radius:10px 10px 0 0;background:var(--accent)!important;border:1px solid #000;margin:0!important;font-weight:400}.blurbs .inner,.friends .inner{border:1px solid #000;border-top:0}.section h4{color:color-mix(in srgb,var(--accent) 80%,#000)!important;font-weight:400;font-size:11px;letter-spacing:1px;text-align:left}.section:first-child{border-bottom:1px dashed var(--accent)}.blurbs{margin-block:10px!important}#comments .inner{height:calc(100% - 22px);padding:0;overflow-y:auto}#comments::after{top:-8px;right:-147px;width:137px;height:528px;margin-top:10px;border:1px solid #000;background:url(https://images2.imgbox.com/6f/55/JqG1feLO_o.png) 0 0/cover}.comments-table{border-collapse:collapse;width:calc(100% - 20px)!important;margin:10px}.comments-table tr{border:1px solid var(--accent)}.comments-table td:first-child{width:10%}.comments-table td{background:linear-gradient(color-mix(in srgb,var(--accent) 50%,#fff) 0,#fff 10%)!important}.comments-table .pfp-fallback{border:1px solid gray}.comments-table b,.comments-table small{font-weight:400!important;font-size:10px;color:color-mix(in srgb,var(--accent) 80%,#000);letter-spacing:1px}.contact a,.table-section td:first-child{white-space:nowrap}[title=Notifications]{font-size:12px!important;display:inline-block!important;margin-bottom:-1px;margin-right:10px;transform:translateY(0)!important}[title=Notifications]:after{content:"|";display:inline-block;text-shadow:none;color:#000;transform:translate(35px,2px);line-height:10px}nav .links{padding-inline:0px!important;padding-bottom:0!important;padding-top:5px!important;border-bottom:2px solid #000;background:#fff;margin-top:-8px}nav .links a{width:75px;border-radius:10px 10px 0 0;border:1px solid #000;transform:translateY(1px);margin-top:2px;display:inline-block;font-family:SimSun;font-weight:400!important;text-decoration:none!important}.blog-preview h4,.f-col a,.heading h4,footer .links a{font-size:0px;text-transform:uppercase;font-weight:400}nav .links a:after,nav .links a:hover{font-size:14px}nav .links li:first-child a:not([title=Notifications]):after{content:"家"}nav .links li:nth-child(2) a:after{content:"ブラウズ"}nav .links li:nth-child(3) a:after{content:"サーチ"}nav .links li:nth-child(4) a:after{content:"メッセージ"}nav .links li:nth-child(5) a:after{content:"ブログ"}nav .links li:nth-child(6) a:after{content:"速報"}nav .links li:nth-child(7) a:after{content:"フォーラム"}nav .links li:nth-child(8) a:after{content:"グループ"}nav .links li:nth-child(9) a:after{content:"レイアウト"}nav .links li:nth-child(10) a:after{content:"お気に入り"}nav .links li:nth-child(11) a:after{content:"招く"}nav .links li:nth-child(12) a:after{content:"ショップ"}nav .links li:nth-child(13) a:after{content:"について"}nav .links li:nth-child(14) a:after{content:"アート"}:is(.heading h4,.blog-preview h4):hover{font-size:14px}:is(.heading h4,.blog-preview h4):hover:after{font-size:0px!important}.contact .heading h4:after{font-size:14px;content:"コンタクト"}.table-section:not(.table-section + .table-section) .heading h4:after{font-size:14px;content:"好き"}.table-section+.table-section .heading h4:after{font-size:14px;content:"リンクス"}.more{color:#fff!important;text-transform:uppercase;text-shadow:0 0 1px color-mix(in srgb,var(--accent) 70%,#000),0 0 1px color-mix(in srgb,var(--accent) 70%,#000),0 0 1px color-mix(in srgb,var(--accent) 70%,#000),1px 1px 0 color-mix(in srgb,var(--accent) 70%,#000),-1px -1px 0 color-mix(in srgb,var(--accent) 70%,#000),-1px 1px 0 color-mix(in srgb,var(--accent) 70%,#000),1px -1px 0 color-mix(in srgb,var(--accent) 70%,#000);filter:saturate(1)!important}.blog-preview h4:after{font-size:14px;content:"ブログ投稿"}.blurbs .heading h4:after{font-size:14px;content:"について"}.friends:not(#comments) .heading h4:after{font-size:14px;content:"友達"}#comments .heading h4:after{font-size:14px;content:"コメント"}.f-col a :first-child{font-size:13px;margin-right:5px}.f-col a{color:#00f}.f-col a:hover,.mood b a:hover,footer .links a:hover{font-size:11px}.f-col a:hover:after,.mood b a:hover:after,footer .links a:hover:after{font-size:0px!important}.f-row:first-child .f-col:first-child a:after{font-size:14px;content:"友人を追加する"}.f-row:first-child .f-col:last-child a:after{font-size:14px;content:"お気に入りを追加"}.f-row:nth-child(2) .f-col:first-child a:after{font-size:14px;content:"メッセージを送る"}.f-row:nth-child(2) .f-col:last-child a:after{font-size:14px;content:"友人に転送"}.f-row:nth-child(3) .f-col:first-child a:after{font-size:12px;content:"インスタント・メッセージ"}.f-row:nth-child(3) .f-col:last-child a:after{font-size:12px;content:"ユーザーをブロックする"}.f-row:nth-child(4) .f-col:first-child a:after{font-size:12px;content:"グループに追加する"}.f-row:nth-child(4) .f-col:last-child a:after{font-size:14px;content:"レポートユーザー"}footer .links{height:25px}footer .links li:first-child a:after{font-size:9px;content:"について"}footer .links li:nth-child(2) a:after{font-size:9px;content:"ニュース"}footer .links li:nth-child(3) a:after{font-size:9px;content:"ルール"}footer .links li:nth-child(4) a:after{font-size:9px;content:"プレス"}footer .links li:nth-child(5) a:after{font-size:9px;content:"ブランド"}footer .links li:nth-child(6) a:after{font-size:9px;content:"クレジット"}footer .links li:nth-child(8) a:after{font-size:9px;content:"条項"}footer .links li:nth-child(9) a:after{font-size:9px;content:"プライバシー"}footer .links li:nth-child(10) a:after{font-size:9px;content:"刻印"}footer .links li:nth-child(11) a:after{font-size:9px;content:"コンタクト"}footer .links li:nth-child(12) a:after{font-size:9px;content:"宣伝する"}footer .links li:nth-child(13) a:after{font-size:9px;content:"状態"}footer .links li:nth-child(14) a:after{font-size:9px;content:"SpaceHey ショップ"}.mood b a:first-child:after{font-size:12px;content:"ブログ"}.mood b a:nth-child(2):after{font-size:12px;content:"速報"}.mood b a:last-child:after{font-size:12px;content:"フォーラム"}</style>

 















<style>
.online {content:url('http://dl10.glitter-graphics.net/pub/703/703560gvf2djnt07.gif'); background-repeat: no-repeat; background-position: -15% 75%; z-index: 2; 
}</style>






































<style>.profileInfo td td.text { background-image:url('http://www.myspacegens.com/images/online_now/128.gif'); background-position: -11% 80%; background-repeat:no-repeat; background-attachment:scroll; } .profileInfo .ImgOnlineNow { display: none; }






















<div style="float:  ; max-height: 300px; position: fixed; right: 1px; bottom: 0px; z-index: 400;">
<img src="https://graphic.neocities.org/Tumblr_l_606302124244718.gif" height="220"/>











<style>
* { 
    cursor: url('https://cdn.discordapp.com/attachments/698186346598105110/1152059177112453162/abiof-awz9y.png'), auto; 
}
a:hover {
    cursor: url(https://cdn.discordapp.com/attachments/698186346598105110/1152059208917864478/a12kw-emqpt.png), auto;
}
</style>

















































































<style>
.blog-preview .pinned .icon{
content: url('https://files.catbox.moe/l3589q.gif');

}

</style>





<style>
/*change only notification bell*/
nav .links li .icon{
content: url('https://files.catbox.moe/pywnjg.gif');

}








































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