Minimal
Profile Themes » Devlog
Settings
- Banner Required,I recommend using a logo
- My Projects: Grid only, all hidden
- Collections: optional
- Border Radius: 15
- Colors: #f9fafd, #1f102a, #1f102a
HTML
Before the text, I placed a banner (406x72).
CSS
/*=======================Header=======================*/ .text_header { text-align: center; font-size: 24px; display: none !important; } .custom-banner { margin: auto; margin-bottom: 10px; margin-top: 0px !important; padding: 0px !important; } .image_header { margin: 5px; padding-top: 7.5%; padding-bottom: 1%; background-image: url(https://i.imgur.com/X8nNgGb.jpg); 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; } .profile_banner { width: 125px !important; border-radius: var(--itchio_border_radius); border-style: solid; border-width: 2px; box-shadow: 3px 3px; } .user_links { display: none; } /*=======================Profile=======================*/ .profile_content { text-align: center; } .profile_column { padding: 10px; padding-bottom: 0px !important; margin-bottom: 0px !important; margin-bottom: 30px; border-radius: var(--itchio_border_radius); } .profile_column h2{ margin-top: 25px; } .user_page_wrap a { font-weight: bold; text-decoration: none; } /*=======================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; } .inner_column h2 { text-align: center; } /*=======================Game Cell=======================*/ .game_cell { padding: 10px; border-radius: var(--itchio_border_radius); border-style: solid; border-width: 2px; box-shadow: 3px 3px; } .web_flag { background-color: black !important; color: white !important; } .game_thumb:not(hover) { background-size: cover; border-style: solid; border-width: 2px; filter: grayscale(50%); transition: filter; transition-duration: 0.4s; } .user_page_wrap .link_group:hover { transform: scale(0.9); transition: transform; transition-duration: 0.4s; } .game_cell:not(:hover){ transform: scale(1); transition: transform; transition-duration: 0.4s; } .game_cell:hover { transform: scale(0.9); transition: transform; transition-duration: 0.4s; .game_thumb{ filter: grayscale(0%); transition: filter; transition-duration: 0.4s; } } .user_page_wrap .icon { color: black !important; } /*=======================Animation=======================*/ @keyframes BgAnim { 0% { background-position: 50% 25%; } 100% { background-position: 50% 76%; } }
Background created with: image creator from designer
Get Profile Themes
Profile Themes
CSS Themes
More posts
- Good Old GamesApr 20, 2024
- Steam.ioApr 20, 2024
- VivaumApr 18, 2024
- Grand MaxApr 18, 2024
Leave a comment
Log in with itch.io to leave a comment.