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

dave	1786856555 using or something Report Comment
☣𝗔𝗦𝗛𝗘𝗥☣	1783174332 Using !!! Report Comment
poookiie	1778186627 using!!!!!! Report Comment
Dave strider	1773461135 Using Report Comment
dave / yuki	1771798230 USING !! Report Comment
ectoBiologist	1762818286 using!!:D Report Comment
kris	1762040531 using !! Report Comment
🪓　﹕𓏼 　ꩇׁׅ݊ichael　Ი ᰍ	1759249987 using ok..? Report Comment
dianna!!!!	1758753889 using!!! Report Comment
turntechGodhead	1757007266 using Report Comment
RadiatedDavid	1756429318 usinggggg Report Comment
Dave Strider	1754673063 usin Report Comment
SleeplessBrain	1753666121 using Report Comment
Jasp	1752533458 using Report Comment
VYNKAZOO	1749047561 using tyy Report Comment
HEE HEE	1748040170 using Report Comment
Xo	1747481031 using Report Comment
hyejunc	1746454955 using Report Comment
PYROPE	1744175643 using! Report Comment
spidewebr	1742001743 using Report Comment