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

Dave strider	1773461135 Using Report Comment
dave / yuki	1771798230 USING !! Report Comment
ectoBiologist	1762818286 using!!:D Report Comment
kris	1762040531 using !! Report Comment
Mike	1759249987 using ok..? Report Comment
dianna!!!!	1758753889 using!!! Report Comment
turntechGodhead	1757007266 using Report Comment
David	1756429318 usinggggg Report Comment
Dave Strider	1754673063 usin Report Comment
SleeplessBrain	1753666121 using Report Comment
Jasp	1752533458 using Report Comment
turntechGodhead	1749047561 using tyy Report Comment
HEE HEE	1748040170 using Report Comment
Echxoozy	1747481031 using Report Comment
hyejunc	1746454955 using Report Comment
STRIDER	1744175643 using! Report Comment
spidewebr	1742001743 using Report Comment
frank	1737634679 using Report Comment
Karl/meme_	1736189210 using! Report Comment
★ema★	1735988906 using :3 Report Comment