Fullpage Layout

Character Previews

User Previews

Details

• CSS works on user profiles & character profiles.
• User CSS/HTML is compatible with default TH sections (featured comments, recent characters, etc)
• Height of the banner can be customized
  • Banner will be the width of the page, maxing out at 1920px. On smaller screens the banner will crop and the focus will be in the center of the image
• The content area will be the full width of the page, but you can set a max width if you want it to be narrower
• CSS allows you to customize...
  • Background color
    • page has a solid background color, no pattern/image
  • Primary highlight color (for links & butttons)
  • Secondary highlight color
    • secondary color is what shows when you hover over primary buttonn & links
  • TH header bar color
    • Can set both the background & font color
  • TH navigation bar color
    • Can set both the background & font color
  • Faded background & muted font color
  • Text header font color
• Includes switches for
  • Choose the font case for the headers (uppercase, lowercase or default)
  • Choose the font case for the sidebar links (uppercase, lowercase or default)
  • Corners can be sharp or round (3 options)
  • Avatar can be a circle or square + can turn the border on or off
  • Sidebar links can be the split or aligned to the left
  • Less commonly used sidebar links can be turned on/off
  • Recent images on character pages can be turned on/off
• If you're looking for an easy "night mode" combo try
  • $font: #fff;
  • $body: #222;
  • $bg_faded: #303030;
  • $muted: #888;
  • $header: #eee;
  • $header_a: #222;
  • $navbar: #303030;
  • $side_a: #999;