Character Vault
Any Concept / Any System
Compendium
Your System Come To Life
Roll20 for Android
Streamlined for your Tablet
Roll20 for iPad
Streamlined for your Tablet

Personal tools

Difference between revisions of "Stylus"

From Roll20 Wiki

Jump to: navigation, search
m
m
Line 7: Line 7:
 
** {{fpl|7841113/ Show Off Your Style 2: The Stylening!}}
 
** {{fpl|7841113/ Show Off Your Style 2: The Stylening!}}
 
** {{fpl|7209333/ Show Off Your Style}}
 
** {{fpl|7209333/ Show Off Your Style}}
* [https://userstyles.org userstyles.org] - search for styles people have shared online for any sites.
+
* [https://userstyles.org/styles/browse?search_terms=Roll20&type=false userstyles.org] - search for styles people have shared online for any sites.
 
** [https://userstyles.org/users/404405 Userstyles by #Keith Curtis] made by [[Keith]]
 
** [https://userstyles.org/users/404405 Userstyles by #Keith Curtis] made by [[Keith]]
  
 
'''Note:''' there is a similarly named extension "Stylish", but it's stealing your browser history [https://robertheaton.com/2018/08/16/stylish-is-back-and-you-still-shouldnt-use-it/ "Stylish" is back, and you still shouldn't use it]
 
'''Note:''' there is a similarly named extension "Stylish", but it's stealing your browser history [https://robertheaton.com/2018/08/16/stylish-is-back-and-you-still-shouldnt-use-it/ "Stylish" is back, and you still shouldn't use it]
  
 +
'''[[Dark Mode]]''' options:
 +
{{:Dark Mode}}
 
<noinclude>
 
<noinclude>
 
==Stylus Snippets==
 
==Stylus Snippets==

Revision as of 14:31, 22 February 2022

Main Page: Browser

Stylus is a plugin that can change how webpages look, and many roll20 users have created their own tricks and minor adjustments to Roll20 for personal use. Things like changing how certain tools look in Roll20, making a Dark Mode, adjusting looks on character sheets, or how things look in the q Text Chat.

Note: there is a similarly named extension "Stylish", but it's stealing your browser history "Stylish" is back, and you still shouldn't use it

Dark Mode options:


Stylus Snippets

Display filesize/dimensions in P Art Library (by Keith)

#marketplaceresults li::after,
#recentuploads li::after{
    background-color: white;
    content: attr(data-grid-width)"x"attr(data-grid-height);
    display: inline-block;
    font-size: 1em;
    padding-left: 30px;
    position: absolute;
    right: 0;
}