Here's a great bit of code I got from Roll20 user Vince that makes the macro quick bar smaller, more compact and centered, with a deeper shadow, turning this:
Roll20 Compact Macro Bar by keithcurtis1
Imported and mirrored from https://raw.githubusercontent.com/uso-archive/data/flomaster/data/usercss/177222.user.css
Details
Authorkeithcurtis1
LicenseNO-REDISTRIBUTION
Categoryroll20
Created
Updated
Size1.2 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Note that I use emojis in most of my macro quick bar names to make them even more compact.
Source code
/* ==UserStyle==
@name Roll20 Compact Macro Bar
@namespace USO Archive
@author Keith Curtis
@description `Here's a great bit of code I got from Roll20 user Vince that makes the macro quick bar smaller, more compact and centered, with a deeper shadow, turning this:`
@version 20191114.3.18
@license NO-REDISTRIBUTION
@preprocessor uso
==/UserStyle== */
/*macro quickbar */
@-moz-document domain("app.roll20.net") {
#macrobar {
height: 2.3em !important;
width: 92% !important;
background-color: rgba(0, 0, 0, 0.44) !important;
text-align: center !important;
margin-left: 60px !important;
}
div.macrobox button.btn {
padding: 0 4px 0 4px;
font-size: 1.5rem;
line-height: 1.8rem;
margin: 0px 0 2px 0;
}
#macrobar_macros {
white-space: normal !important;
margin-left: 1% !important;
margin-right: 1% !important;
padding-bottom: 0px !important;
}
#macrobar .macrobox {
margin: 1px 5px 1px 5px ;
}
#macrobar div.macrobox:hover, #macrobar div.macrobox.ui-sortable-helper {
padding-right: 12px;
margin-right: -7px;
border-radius: 3px;
background-color: #999;
cursor: move;
}
}