Tumble Bundle

Pinky

Info


Created
1 year, 5 months ago
Creator
Pinky
Favorites
396

Profile


Tumble Layout

Character Previews

Character Frills

Live Preview

Character Buttons

Live Preview

Character Stacked

Live Preview

Character Collapse

Live Preview

Character Card

Live Preview

User Previews

User Float

Live Preview

User Tabs

Live Preview

User Simple

Live Preview

User Carrd

Live Preview

Bonus: Collab HTML

HTML that was designed by other users & edited to work with my Tumble CSS.
I did not design/create the original HTML, I only did the edits to make them work properly with this CSS.

Details

  • CSS works on user profiles & character profiles.
  • Comes with 5 character HTML options & 4 user HTML option
  • User CSS/HTML is compatible with default TH sections (featured comments, recent characters, etc)
  • CSS allows you to customize...
    • Background color or image
    • Primary highlight color
    • Content area body color & font
    • Muted font & faded background color
    • Box shadow color, secondary color and divider line color
    • Max width of content area
  • Includes switches for
    • Recent images on character pages can be turned on/off
    • Default character header can be turned on/off
    • Less commonly used sidebar links can be turned on/off
  • If you're writing custom HTML or using a template by a different creator, add the class "shadow" to your divs to give them the matching box shadow effect.

Dark Mode

This layout has custom colors and you can set the body/font to be whatever you want; however if you are looking for an easy way to switch it to a "dark mode" type of color scheme, here are the colors I use in my live preview:

  • $bg_c: #404040
  • $font: #fff
  • $body: #303030
  • $bg_faded: #222
  • $muted: #888
  • $secondary: #444
  • $shadow_c: rgba(0, 0, 0, .2)