Grand Max


Settings

- My Projects: Grid, all hidden
- Collections: Grid only
- Border Radius: 15
- Colors: #f9fafd, #1f102a, #1f102a
- Text Font: Abel

HTML

<div class="custom-title-div">
<h1>DUTRABR98</h1>
<hr>
<p>Area Under Construction</p>
</div>

CSS

/*=======================Header=======================*/
 .header {
     display: none !important;
}
 .user_links {
     display: none;
}
/*=======================Profile=======================*/
 .inner_column.profile_content {
     text-align: center;
     padding: 0px !important;
     height: calc(100vh - 50px);
     width: 100%;
     max-width: none !important;
     background-image: url(https://i.imgur.com/O2oaHVu.png);
     filter: brightness(1);
     background-position: 50% 55%;
     background-size: cover;
     border-bottom-left-radius: var(--itchio_border_radius);
     border-bottom-right-radius: var(--itchio_border_radius);
     animation: BgAnim;
     animation-duration: 45s;
     animation-direction: alternate;
     animation-iteration-count: infinite;
     animation-timing-function: ease-in-out;
}
 .column.profile_column {
     color: #f9fafd;
     height: 100%;
     width: 100%;
     position: absolute;
     padding: 0 !important;
}
 .custom-title-div {
     width: 50%;
     height: 200px;
     position: absolute;
     left: 50%;
     top: 50%;
     margin-top: -100px;
     margin-left: -25%;
}
 .column.profile_column h1 {
     margin: 0 auto;
}
 .column.profile_column hr {
     width: 41%;
     margin: 0 auto;
}
/*=======================Collections=======================*/
 .collection_description {
     text-align: center;
     font-size: 1.1428571429em;
     opacity: 0.8;
     margin: 0 0 0.75em 0;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .collection_description, .inner_column h2 {
     text-align: center;
}
 .user_page_wrap.icon {
     color: black !important;
}
/*=======================Game Cell=======================*/
 .game_thumb {
     background-color: rgba(31, 16, 42, 0.25) !important;
     border-style: solid;
     border-width: 1px;
     border-radius: 5px !important;
}
 .game_platform, .game_genre {
     display: none;
}
 .thumb_link {
     margin: 10px;
     filter: brightness(1);
     transition: margin 0.25s, filter 0.25s;
}
 .thumb_link:hover {
     margin: 0px;
     filter: brightness(1.2);
     transition: margin 0.25s, filter 0.25s;
}
/*=======================Animation=======================*/
 @keyframes BgAnim {
     0% {
         background-position: 50% 25%;
    }
     100% {
         background-position: 50% 76%;
    }
}
/*=======================footer=======================*/
 .footer {
     background-image: url(/*SUA URL DE BACKGROUND AQUI*/);
     background-position: 50% 55%;
     background-size: cover;
     animation: BgAnim;
     animation-duration: 45s;
     animation-direction: alternate;
     animation-iteration-count: infinite;
     animation-timing-function: ease-in-out;
}
 .footer a {
     color: #f9fafd;
}

Background created with: image creator from  designer

Get Profile Themes

Leave a comment

Log in with itch.io to leave a comment.