Skip to content

Quick lil mash up by BilboBuckins

Details

AuthorBilboBuckins

LicenseNo License

Categoryapp.roll20.net

Created

Updated

Size16 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Made for me personally. Friends wanted it so here it is

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         app.roll20.net
@version      20230808.04.23
@namespace    ?
==/UserStyle== */

@-moz-document regexp("https://app.roll20.*.net/editor/.*") {
/* Zoom Slider */
#zoomclick:not(.zoomvalue) {
    position: fixed;
    left: 2px;
    height: 0px;
}
.zoomValue {
    display: block;
    font-size: 12px;
    font-family: "arial black";
    background-color: #22222247;
    padding: 0px;
    position: absolute;
    top: 1px !important;
    /* add 38px (39px) if under Page Tab button */
}
.zoomplus,
.zoomminus {
    display: none !important;
    font-size: 7px;
}
#zoomclick .btn {
    display: none !important;
}
#zoomslider {
    display: none !important;
}
#zoomslider a.ui-slider-handle.ui-state-default.ui-corner-all {
    display: none !important;
}
}

@-moz-document regexp("https://app.roll20.*.net/editor/.*") {
/* Turn Tracker */
#initiativewindow {
    padding: 0px 0px;
    overflow-x: auto
}
#initiativewindow ul li {
    padding: 0px 1px 0px 0px;
    min-height: 15px
}
#initiativewindow ul li img {
    max-width: 20px;
    max-height: 18px;
    padding: 0px 3px 0px 0px;
}
#initiativewindow ul li span.initiative {
    font-size: 16px;
    padding: 0px;
    min-height: 12px
}
#initiativewindow ul li span.name {
    font-size: 12px;
    padding-top: 1px
}
#initiativewindow ul li:first-of-type img {
    max-width: 32px;
    max-height: 30px;
    padding: 0px 3px 0px 0px;
}
#initiativewindow ul li:first-of-type span.name {
    font-weight: bold;
    font-size: 14px;
    color: darkgreen;
}
#initiativewindow ul li:first-of-type span.initiative {
    font-size: 20px;
    color: darkgreen;
    padding: 5px 0px 0px 0px
}
#initiativewindow input {
    font-size: 14px;
    height: 10px;
    max-width: 15px;
    top: 0px;
    text-align: right;
}
.ui-dialog-titlebar {
    padding: 1px 5px;
    font-size: 8px;
}
.ui-dialog .ui-dialog-title {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px
}
.ui-dialog .ui-dialog-titlebar-close {
    top: 50%;
    width: 19px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 6px;
    font-size: 7px;
    line-height: 7.5px;
}
.ui-dialog .ui-dialog-titlebar-close span {
    display: block;
    margin: 1px;
    text-indent: 9999px
}
.ui-dialog .ui-dialog-buttonpane {
    border-width: 1px 0 0 0;
    margin: .05em 0 0 0;
    background-color: #f5f5f5;
    padding: 1px 10px 1px;
}
.ui-dialog .ui-dialog-buttonpane button {
    margin: .05em .04em .05em 0;
}
}

@-moz-document regexp("https://app.roll20.*.net/editor/.*") {
/* Right Sidebar - Journal - Smaller Menu Lists */
#rightsidebar > ul.tabmenu {
    right: 0px;
}
.dd-list .journalitem .name,
.dd-list .library-item .name {
    top: 0px;
}
.dd-list .journalitem .token,
.dd-list .library-item .token {
    top: 0px;
}
.dd-item .folder-title {
    background-color: #eee !important;
}
.dd-content {
    padding: 0px;
}
#compendium .searchroot .dd-item .dd-content .token img {
    padding: 0px;
    max-width: 19px;
    max-height: 19px;
}
#compendium .searchroot .dd-item .dd-content .token {
    top: 0px;
}
#compendium .searchroot .dd-item .dd-content .sourcefooter {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 0px;
    right: 0;
    font-size: 6px;
}
.expandcontroller {
    position: relative;
    bottom: 10px;
}
#compendium .searchroot .dd-item .dd-content .sourcefooter {
    font-size: 12px;
}
.inapp .sourcefooter,
.inapp.expansion3 .sourcefooter,
.inapp.expansion9 .sourcefooter,
.inapp.expansion13 .sourcefooter,
.inapp.expansion16 .sourcefooter {
    background-size: 15px 10px;
    background-image: none;
    padding-top: 5px;
    top: 0px !important;
}
.dd-item,
.dd-empty,
.dd-placeholder {
    min-height: 21px;
    font-size: 12px;
    line-height: 20px;
}
.dd-list .handout img,
.dd-list .archivetable img,
.dd-list .journalitem img,
.dd-list .library-item img {
    max-width: 20px;
    max-height: 20px;
}
.dd-item > button {
    height: 16px;
    margin: 0px;
    font-size: 14px;
    top: 0px;
}
.dd-handle {
    top: 0px;
    width: 20px;
    padding: 0px 10px;
}
#journal > div.content.searchbox {
    float: left;
    margin: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    width: calc(100% - 90px);
}
#journal > div.content.searchbox > input {
    min-width: 152px;
    width: calc(100% - 80px);
}
#journal > div > button.superadd.btn {
    margin-bottom: 9px;
    margin-top: 5px;
    line-height: 17px;
}
}

@-moz-document regexp("https://app.roll20.*.net/editor/.*") {
/* Macro Popup Windows */
.ui-dialog.ui-widget *:not(label):not([id="initiativewindow_settings"]) > input,
.ui-dialog.ui-widget *:not(label) > select {
    width: auto;
    margin-left: 0 !important;
}
.ui-dialog.ui-widget > *:not(label):not([id="initiativewindow_settings"]) > p {
    display: flex;
    flex-direction: column;
}
.ui-dialog.ui-widget > *:not(label):not([id="initiativewindow_settings"]) > p > * + * {
    margin-top: 1em;
}

/* Macro Popup Windows Sizing */
body > div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable.ui-dialog-buttons:not(.ui-resizable) {
    height: auto !important;
}
body > div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable.ui-dialog-buttons > div.dialog.largedialog.ui-dialog-content.ui-widget-content[data-macroid] {
    height: fit-content !important;
}
body > div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable.ui-dialog-buttons > div.dialog.largedialog.ui-dialog-content.ui-widget-content > div > textarea {
    width: 97% !important;
}

/* Remove Help Text and White Space*/
body > div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable.ui-dialog-buttons > div.dialog.largedialog.ui-dialog-content.ui-widget-content > div > label > span,
body > div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable.ui-dialog-buttons > div.dialog.largedialog.ui-dialog-content.ui-widget-content > div > p {
    margin-left: 5px;
    display: none;
}
div.dialog.largedialog.ui-dialog-content.ui-widget-content > div > div:nth-child(6),
div.dialog.largedialog.ui-dialog-content.ui-widget-content > div > div:nth-child(9),
div.dialog.largedialog.ui-dialog-content.ui-widget-content > div > div:nth-child(11) {
    display: none;
}

/* Resize Inner Elements */
body > div > div.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
    width: calc(100% - 35px) !important;
    margin-right: 0px;
}
body > div > div.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
    width: calc(100% - 25px);
}
body > div > div.dialog.largedialog.ui-dialog-content.ui-widget-content {
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 0px;
}
body > div > div.dialog.largedialog.ui-dialog-content.ui-widget-content > div > input.name,
body > div > div.dialog.largedialog.ui-dialog-content.ui-widget-content > div > input.name[type="text"] {
    width: calc(100% - 218px) !important;
}

/* Move Buttons */
body > div > div > div > div.btn.testmacro {
    position: absolute;
    top: 30px;
    right: 122px;
}
body > div > div > div > button.btn.btn-danger.delete {
    position: absolute;
    top: 30px;
    right: 14px;
}
body > div > div > div > label:nth-child(10) {
    position: absolute;
    top: 75px;
    right: 22px;
    width: 155px;
    padding-right: 0px;
}
body > div > div > div > label:nth-child(10) > input {
    float: right;
    margin-top: 3px;
    margin-right: 0px !important;
}

/* "Visible to Players" Field width and Dropdown Height */
div.chosen-container.chosen-container-multi {
    width: 100% !important;
}
div.chosen-container.chosen-container-multi:not(.chosen-with-drop):not(.chosen-container-active) > div > ul > li {
    display: none;
}
div.chosen-drop {
    border: 0px !important;
}
}

@-moz-document regexp("https://app.roll20.*.net/editor/.*") {
/* Right Sidebar - Chat - Roll Templates */
/* Full Width 'D&D 5E by Roll20' Templates */
div[class^="sheet-rolltemplate"],
div > div[class^="sheet-rolltemplate"] > div[class^="sheet-container"],
div.sheet-desc {
    width: 100% !important;
    max-width: 300px;
    margin-left: 0px;
    margin-right: auto;
    text-align: left
}
div[class^="sheet-rolltemplate"],
div > div[class^="sheet-rolltemplate-npcaction"] > div[class^="sheet-container"],
div > div[class^="sheet-rolltemplate-spell"] > div[class^="sheet-container"] {
    width: 95% !important;
    max-width: 300px;
    margin-left: 0px;
    margin-right: auto;
}
div[class^="sheet-rolltemplate"] > div {
    background-size: 100% 100% !important;
}
div[class^="sheet-rolltemplate-spell"] > div {
    margin-left: 0px !important;
}
/* Inline Links on OGL Roll Templates */
.textchatcontainer a[href] {
    background-color: transparent;
    padding: 0px;
    color: #ce0f69;
    display: inline-block;
    border: none;
}
.textchatcontainer .message {
    padding-right: 5px;
}
.sheet-rolltemplate-npc,
.sheet-rolltemplate-npcaction .sheet-container,
.sheet-rolltemplate-npcatk,
.sheet-rolltemplate-npcdmg,
.sheet-rolltemplate-traits {
    width: 95%;
    border: 1px solid;
    background-color: #ffffff;
    padding: 5px;
}
.sheet-rolltemplate-npcdmg {
    margin-top: 0px;
}
.sheet-rolltemplate-spell,
.sheet-rolltemplate-spell .sheet-container {
    width: 100%;
    margin: 0px !important;
}
/* Invalid Repeating Actions */
/* This hides all error messages in Chat. It's useful if you have a macro that lists 3 repeating_weapons or spells, but the character has only 2. */
.textchatcontainer a[href*="$selected"] {
    color: #fff0;
    font-size: 0px;
}
div.message.error {
    display: none !important;
}
}

@-moz-document regexp("https://app.roll20.*.net/(editor|campaigns.*)/.*"), regexp("file:///.*/DnD/.*") {
/* Right Sidebar - Chat - Concentration & Purple School Type */
span[data-i18n="concentration"],
#userscript-concentration {
    animation: concentrationBlinkingText 1.5s infinite;
    border: 1px solid #000;
    font-weight: bold;
    margin:...

Reviews

No reviews yet.