chobits layout

Tags: chobits, goth, anime

Description:

inspired by a friend of mine :) i dont actually know anything about chobits but he really likes them

Preview:

Code:

<!-- (c) Layout created by Malcolm_Murder (https://layouts.spacehey.com/layout?id=40409) --> <style> @import url('https://fonts.googleapis.com/css2?family=Alegreya&family=Ballet:opsz@16..72&family=Bokor&family=Fleur+De+Leah&display=swap'); p{ font-family: 'Alegreya', serif; font-size: 15px; color: white; } h1, h2, h3, h4{ font-family: 'Bokor', cursive; color: white; font-size: 20px; } .profile h1{ font-family: 'Ballet', cursive; color: white; font-size: 60px; } .profile{ background-image: url(https://dl.glitter-graphics.com/pub/1877/1877569h4m151sb4w.jpg); background-color: transparent; border-width: 4px; border-style: dashed; border-color:white; background-opacity: 50%; } :root { --logo-blue: url("https://dl.glitter-graphics.com/pub/1628/1628666hhetv7rlrg.gif") ; --darker-blue: white; --lighter-blue: rgba(87, 77, 138); --even-lighter-blue: black; --lightest-blue: ; --dark-orange: white; --light-orange: black; --even-lighter-orange: black; --green: pink; } body { background-image: url('https://dl.glitter-graphics.com/pub/712/712486v676dbc17k.jpg'); background-attachment: fixed; } .blurbs{ background-color: black; } .blogs{ background-color: black; } .contact .inner{ background-color: black; } .contact .inner a img { font-size: 0; } .contact .inner a img:before { font-size: 2em; display: none; } .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before { /* Add to Friends */ content: url("https://dl.glitter-graphics.com/pub/575/575266us4crzygeq.gif") } .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before { /* Add to Favorites */ content: url("https://dl.glitter-graphics.com/pub/575/575266us4crzygeq.gif") } .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before { /* Send Message */ content: url("https://dl.glitter-graphics.com/pub/575/575266us4crzygeq.gif") } .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before { /* Forward to Friend */ content: url("https://dl.glitter-graphics.com/pub/575/575266us4crzygeq.gif") } .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before { /* Instant Message */ content: url("https://dl.glitter-graphics.com/pub/575/575266us4crzygeq.gif") } .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before { /* Block User */ content: url("https://dl.glitter-graphics.com/pub/575/575266us4crzygeq.gif") } .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before { /* Add to Group */ content: url("https://dl.glitter-graphics.com/pub/575/575266us4crzygeq.gif") } .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before { /* Report Profile */ content: url("https://dl.glitter-graphics.com/pub/575/575266us4crzygeq.gif") } .online{content:url("https://dl.glitter-graphics.com/pub/2700/2700538hlxoj7rvtp.gif");} } * {cursor: url("https://dl.glitter-graphics.com/pub/75/75798mt8qn7ujxk.gif"), auto; } main{ background-color: black; } </style> <div style="float: ; max-height: 200px; position: fixed; right: 30px; top: 140px; z-index: 200;"><img src="https://dl.glitter-graphics.com/pub/1218/1218487eg8xgiswap.gif?vca07fc73a" width="250" height="400"/></div> <div style="float: ; max-height: 200px; position: fixed; left: 30px; top: 140px; z-index: 200;"><img src="https://dl.glitter-graphics.com/pub/1218/1218487eg8xgiswap.gif?vca07fc73a" width="250" height="400"/></div> <img src="http://dl.glitter-graphics.net/pub/989/989321gyey13hzit.gif" width="500" height="25"/>

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.