dirk strider layout thingamajig doohickey

Tags: homestuck, orange

Description:

feel free to edit

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by amber / bopper (https://layouts.spacehey.com/layout?id=27807) -->

<style>

element.style {
}
main {
    background: #7e5f5d;
    color: white;
    padding: 6px 0px;
    font-size: 80%;
}
main {
    display: block;
}
* {
    box-sizing: border-box;
}
user agent stylesheet
main {
    display: block;
}
body {
    background-color: #e3e3e3;
    background-color: #3e1a1a;
    font-family: verdana, arial, sans-serif, helvetica;
}
:root {
    --light-gray: #281e1e;
    --gray: #e3e3e3;
    --dark-gray: #919191;
    --darker-gray: #545454;
    --logo-blue: #f29100;
    --darker-blue: #f2a400;
    --lighter-blue: #c94b02;
    --even-lighter-blue: #321e1e;
    --lightest-blue: #4a322b;
    --red: #ffffff;
    --dark-orange: #fffbfb;
    --light-orange: #c94b02;
    --even-lighter-orange: #781a05;
    --strange-yellow: #ffffff;
    --green: #34D399;
    --light-green: #E6F8DD;
    --medium-green: #A0C99C;
    --dark-green: #059669;
    accent-color: #1D4ED8;
    accent-color: var(--logo-blue);
}
html {
    line-height: 1.225;
}
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
</style>

<style>
    .comments-table td{
        
    background-color: #321e1e !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>

<style>
.profile .friends .person p {
    color: #f2a400;
    font-weight: bold;
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    font-size: 100%;
    text-align: center;
}

.count {
    color: #2a1616;
}
</style>


<style>
.online {
    color: #f2a400;
    font-weight: bold;
    font-size: 95%;
}

.online img {
    height: 0em;
    margin-right: 0px;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(1.0,0,0,1.0);
    animation-duration: 0s;
}


</style>



<style>
  @import url('https://fonts.googleapis.com/css2?family=Anonymous+Pro&display=swap');
</style>


<style>
body{

font-family: 'Anonymous Pro', monospace;
}
</style>


<style>
table.comments-table{

display: block;
height: 370px!important;
overflow-y: scroll;

}
</style>

<style>
    .profile{
        
    direction: rtl;
    
    }
    .blurbs{
    
    direction: ltr;
        
    }
    .blog-preview{
        
    direction: ltr;
        
    }
    .friends{
    
    direction: ltr;
        
    }
    .general-info{
        
    direction: ltr;
        
    }
    .contact{
        
    direction: ltr;
    
    }
    .url-info{
        
    direction: ltr;
        
    }
    .details-table{
        
    direction: ltr;
        
    }
    .profile .table-section .heading{
    
    direction: ltr;
        
    }
    .details p{

    direction: ltr;

   }
   .mood{

       direction: ltr;

   }
</style>


<!-- banner -->

<style>
main:before {
width: 100%;
height: 150px;
display: block;
content: "";
background-image: url('https://media.tenor.com/7PcYow0FlrUAAAAC/dirk-strider-jake-english.gif');
background-position: center center;
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
}
</style>

<style>
    .container{
        
    width: 950px !important;
        
    }
</style>

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

    ::-webkit-scrollbar-thumb {
    background: rgba(80, 80, 80);
    }

    ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.2);
    }
</style>

<style>

element.style {
}
nav, footer, .profile .contact {
    display: inherit!important;
    opacity: 1!important;
}

footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background: transparent;
    color: white
}
</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 1 of 1 comments ( View all | Add Comment )

kurt	1724396692 using,, Report Comment