Profile
- Premium is needed to use this theme, this is a CSS and only premium members can use CSS.
- This does not come with raw SCSS/CSS. You will only get an @import link.
- This can be used on any of the following pages - users, characters, and worlds.
- Colors are not fully customizable - please see the options below for more information.
A very simple and clean CSS with lots of customizable options - comes with sidebar snippets to customize it a bit more.
P.S. This page is currently using this CSS!
Upon purchase, you will receive an instant download to a ZIP file containing 1 customizable scss in plain .txt and .scss files and 1 file container HTML snippets for custom sidebar links.
Options
$font-import
This must look like the old import! Toyhou.se will not accept the new import style from google fonts.
New Import:
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&family=Varela+Round&display=swap');
Old Import (This is what it needs to look like):
@import url("https://fonts.googleapis.com/css?family=Varela+Round|Montserrat:400,500");
$page-type - The page types are: user, character, and world. You MUST change this to the correct one for the CSS to work correctly!
$font-family-display - Font for headings, navigation bar, and sidebar
$font-family-body - Font for the rest of the stuff
$primary-accent - The primary accent color
$secondary-accent - Secondary accent color, used for every other bootstrap color
$navbar-bg-color - Background color of the very top navbar
$navbar-txt-color - Text color
$navbar-txt-hover-color - Text color on hover
$navbar-menu-bg-color - Background color for the navbar's dropdowns
$navbar-menu-txt-color - Text color for the navbar's dropdown links
$navbar-menu-txt-hover-color - Text color on hover for the navbar's dropdown links
$subnavbar-bg-color - Background color of the bar between the header and content
$subnavbar-txt-color - It's text color
$subnavbar-txt-hover-color - It's text color on hover
$subnavbar-links - On or Off. If you'd like to add custom links or not (this disables sidebar sticky if enabled)
$subnavbar-header - Subnavbar's background image styles
$gen-bg-color - General background color for content
$gen-txt-color - General text color
$gen-txt-muted-color - General muted text color
$sidebar-bg-color - Background color of the main navbar and footer
$sidebar-txt-color - Text color
$sidebar-txt-hover-color - Text color on hover
$sidebar-border-color - Border color in case you give the sidebar a border
$sidebar-border-width - Border width for the sides of the sidebar
$sidebar-width - Must be in px!
$sidebar-font-size - Font size
$sidebar-icon-weight - 300 for line, 400 for darker lines, 800 for solid
$sidebar-sticky - Sticks sidebar content to the top when scrolling
$content-container-bg-color - The background color of the container around the main content
$content-container-size - The size of said container - MUST be in px!
$content-container-border-color - Border color of said container
$content-container-border-width - Border width of said container
$content-container-border-radius - Border radius of said container
$content-bg-color - The background color of the containers inside the main one - and faded backgrounds
$content-faded-bg-color - Mainly the backgrounds for any content inside containers listed above
$content-border-color - Border color of said containers and all elements inside them
$content-border-width - Border width of said containers and all elements inside them
$content-border-radius - Border radius of said containers and all elements inside them
$page-header-align - Left, center, or right
$character-header -Toggle the character header
$character-header-simple - On or Off. Toggle the created info and tags from the character header
$character-gallery -Toggle the character gallery
$character-stats - Toggle character stats in characters pages
$gallery-columns - Choose how many columns your gallery should have
$profile-content-bg - If your custom profile text has a background or not
$background - Including background color and optional image
$sidebar-toggles - Built in sidebar link toggles! Now you don't have to worry about doing it yourself :)