Dave Strider Homestuck layout 2

Tags: homestuck

Description:

Dave themed layout with floating profile animation, Dave talksprite under the interests box, and a custom online icon. Made with different pieces of code, so change it up however you’d like just comment if used

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Sip O' Poison (https://layouts.spacehey.com/layout?id=41040) -->

<style>
    .table-section + .table-section {
        display: none;
    }
</style>

<style>
div.table-section:nth-child(odd):after {
 content: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/a80ce302-40cd-4d8d-81bf-f3d49237fe25/dg8thbm-3e6a0cc6-fab6-4418-b646-933f7fa8a925.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2E4MGNlMzAyLTQwY2QtNGQ4ZC04MWJmLWYzZDQ5MjM3ZmUyNVwvZGc4dGhibS0zZTZhMGNjNi1mYWI2LTQ0MTgtYjY0Ni05MzNmN2ZhOGE5MjUuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.zhqesp1fjlv0k8m1hU8dw7b5Wp7c5RlEz1IOmbbIuiE); 
}
</style>

<style>

/*the username glow and shadow*/
h1
{
	color: /*the username glow and shadow*/
h1
{         color: #e00707; 
	//text-shadow: 1px 1px #e00707;
	
};
	text-shadow: 2px 2px 3px #e00707, 0 0 25px #e00707, 0 0 5px black;
}

</style>

<style>.online { visibility: hidden; } .online img { content: url("https://static.wikia.nocookie.net/mspaintadventures/images/d/dd/GodTierDave.png/revision/latest?cb=20120728151447"); animation-name: none; visibility: visible; 
height: 120px; width: 85px; }</style>

<style>
body {
 margin:0;
background-color: black;
background-image: url("https://64.media.tumblr.com/1b8b44a9a687a5e6f1394523f881a575/tumblr_pxaw5cQJYh1qmydsoo4_1280.png");
background-attachment: fixed;
no-repeat fixed; background-size:cover;

}

body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}

nav img.logo{
    filter: brightness(50%) saturate(100%) invert(9%) sepia(52%) saturate(5180%) hue-rotate(336deg) brightness(100%) contrast(92%) !important;
}

#q, button {
color: #e00707;
background-color: transparent;
border: 1px dotted #e00707;
font-family: inherit;
}
p, i, b, .count {
color: #e00707 !important;
}
a, .profile .friends .person p, .logout-btn {
color: #e00707 !important;
text-decoration: underline !important;
}
.container {
margin: 0 auto 0;
}
.icon {
display: none;
}
nav, nav .links a {
color: #e00707;
}
nav .top {
margin-top: 2px;
background: none;
background-color: rgba(0, 0, 0, 0.5);
border: 2px dotted #e00707;
border-bottom: none;
}
nav .links {
background-color: rgba(0, 0, 0, 0.5);
border: 2px dotted #e00707;
text-align: center;
}
main {
background: black;
background-color: rgba(0, 0, 0, 0.5);
color: #e00707;
border-left: 2px dotted #e00707;
border-right: 2px dotted #e00707;
border-bottom: 2px dotted #e00707;
}
.heading {
color: #e00707 !important;
background: none;
background-color: transparent !important;
border: 2px solid #e00707 !important;
}

.url-info {
color: #e00707 !important;
background: none;
background-color: transparent !important;
border: 2px dotted #e00707 !important;
}

.inner {
color: #e00707 !important;
border: 2px dotted #e00707;
border-top: none;
}
.profile-info {
border: 2px dotted #e00707;
}
.profile-info .inner {
border: none;
}
.friends .inner {
border-bottom: none;
}
#comments {
border-bottom: 2px dotted #e00707;
}
.profile .contact, .profile .table-section, .home-actions {
border: none !important;
}

/* contact icons */
.contact .inner a img {
font-size: 0;
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: url("https://autism.crd.co/assets/images/gallery06/c06f33a3.png?v=f41caa56")
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: url("https://autism.crd.co/assets/images/gallery06/c06f33a3.png?v=f41caa56")
}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: url("https://autism.crd.co/assets/images/gallery06/c06f33a3.png?v=f41caa56")
}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: url("https://autism.crd.co/assets/images/gallery06/c06f33a3.png?v=f41caa56")
}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url("https://autism.crd.co/assets/images/gallery06/c06f33a3.png?v=f41caa56")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url("https://autism.crd.co/assets/images/gallery06/c06f33a3.png?v=f41caa56")
}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: url("https://autism.crd.co/assets/images/gallery06/c06f33a3.png?v=f41caa56")

}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: url("https://autism.crd.co/assets/images/gallery06/c06f33a3.png?v=f41caa56")
}

.profile .contact .f-row:first-of-type {
margin-top: 0px;
padding-top: 7px;
}
.profile .blurbs .section h4 {
color: #e00707 !important;
text-align: center;
}
.details-table {
margin: 2px;
}
.details-table, td {
border: 1px dotted #e00707;
border-collapse: collapse;
}
td {
color: #e00707 !important;
background: none;
background-color: transparent !important;
} 
table.details-table {
max-width: 98%;
}
.profile h1 {
font-size: 2em;
color: #e00707;
}
footer {
background-color: rgba(0, 0, 0, 0.5);
border: 2px dotted #e00707;
}
footer p {
color: #e00707 !important;
}
.comments-table {
border: none;
border-collapse: collapse;
}
.comment-replies {
border: 1px dotted #e00707;
margin: 2px;
}
nav .info {
background: none;
}

.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

@keyframes float {

0% { transform: translate(0, 0px);

}

50% {

transform: translate(0, 8px);

}

100% {

transform: translate(0, -0px);

}


</style>



<style>
table.comments-table{
background-color: rgba(0, 0, 0, 0.5);
display: block;
height: 300px!important;
overflow-y: scroll;

}
</style>



<style>
    ::-webkit-scrollbar {
    width: 8px;
    height: 10px;}

    ::-webkit-scrollbar-thumb {
    background: #e00707;}

    ::-webkit-scrollbar-track {
    background:black;}
</style>

<style>
    .comments-table td:first-child{
background-color: rgba(0, 0, 0, 0.5);

}

.comments-table td{
border-width:0;
background-color: rgba(0, 0, 0, 0.5);
border: 2px dotted #e00707;
}

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

(¬`‸´¬) Allan .ᐣ.ᐟ	1732059317 Using!! :3 Report Comment
Hikikomori	1730131852 Using!! Report Comment
xXVampireBitezXx	1729747925 using !! Report Comment
kefzex eisnor	1728869878 using : D Report Comment
intenseTechnologist	1728085121 Using! B) Report Comment
alan_thetrans	1728072061 using:3 Report Comment
Mellysa (МЕФушек)0)))	1727893272 using ^^ Report Comment
sunny!	1727434625 using :3 Report Comment
dale the man	1727290327 using Report Comment
SealifeSystem	1727230877 using :3 Report Comment
davesprite	1726350846 Using B) Report Comment
turntechG0dhead	1726297580 usin Report Comment
Lizardjohn	1723941304 Using hehe Report Comment
turntechGodhead	1723913644 using!! Report Comment
dave	1722014124 uuussiiingg Report Comment
Ghosty!	1721716838 Gonna use this!! Report Comment
batzy	1719268165 usinf... Report Comment
H3nry	1718683498 using probs :D Report Comment
TurntechGodhead	1718353288 in use Report Comment
tetrahedron	1717532478 using Report Comment