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:

click on the image for a larger 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.

Comments

Displaying 4 of 4 comments ( View all | Add Comment )

M4rcvs_04	1755148954 Hey, I know you probably wont see this comment, but I am not real good with code/reading code, is there any way to change the background color from black and purple to pink and white/smt else? Report Comment
reflectofmysoul	1736971346 using Report Comment
amy	1736666501 using iluvit Report Comment
malinka♡	1709068269 USING OMGGG Report Comment