Skip to content

Granblue Fantasy Enhancements by jesuscc1993

Imported from https://github.com/jesuscc1993/user-css/raw/develop/granblue-fantasy-enhancements/granblue-fantasy-enhancements.user.css

Mirrored from https://github.com/jesuscc1993/user-css/raw/develop/granblue-fantasy/granblue-fantasy-enhancements/granblue-fantasy-enhancements.user.css

Screenshot of Granblue Fantasy Enhancements

Details

Authorjesuscc1993

LicenseNO-REDISTRIBUTION

Categoryunset

Created

Updated

Size36 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Allows the customization of the game's layout and responsive behavior.

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         Granblue Fantasy Enhancements
@description  Allows the customization of the game's layout and responsive behavior.
@version      2024.03.31.12.00
@author       MetalTxus
@namespace    https://github.com/jesuscc1993/
@license      CC BY-SA 4.0
@preprocessor stylus

@var color    bg-color              "Background color" #150F0F

@var text     font-family           "Font family" "Default"

@var checkbox center-popups         "Center popups" 0

@var select   content-alignment     "Content alignment" {
 "Left": "left",
 "Center": "center",
 "Right": "right"
}

@var checkbox selectable-text       "Enable text selection" 0
@var checkbox fixed-header          "Fixed header position" 0
@var checkbox gray-out-equipped     "Gray out equipped items" 0
@var checkbox gray-out-sparked      "Gray out acquired characters (spark menu)" 0
@var checkbox keep-extras-open      "Keep gameplay extras open" 0
@var checkbox submenu-on-left       "Move right submenu to the left" 0
@var checkbox rearrange-coop        "Rearrange co-op room" 0
@var checkbox sort-summons          "Sort summons" 0
@var checkbox compact-crate         "πŸ“¦ Compact crate" 0
@var checkbox compact-crew-skills   "πŸ“¦ Compact crew skills" 0
@var checkbox compact-enhancements  "πŸ“¦ Compact enhancements" 0
@var checkbox compact-event-rewards "πŸ“¦ Compact event rewards" 0
@var checkbox compact-gacha         "πŸ“¦ Compact gacha results" 0
@var checkbox compact-item-pickup   "πŸ“¦ Compact item pickups" 0
@var checkbox compact-lists         "πŸ“¦ Compact lists" 0
@var select   compact-raids         "πŸ“¦ Compact raids" {
 "Disabled": "disabled",
 "Basic": "basic",
 "Extra": "extra"
}
@var select   compact-summons       "πŸ“¦ Compact summons" {
 "Disabled": "disabled",
 "Basic": "basic",
 "Extra": "extra",
 "Ultra": "ultra"
}
@var checkbox compact-upgrade       "πŸ“¦ Compact upgrade summary" 0
@var checkbox hide-arcarum-skip     "β›” Hide arcarum skip button" 0
@var checkbox hide-auto-select      "β›” Hide auto select feature" 0
@var checkbox hide-crystal-count    "β›” Hide crystal count" 0
@var checkbox hide-event-load       "β›” Hide event loading animations" 0
@var checkbox hide-gacha-banner     "β›” Hide gacha banners" 0
@var checkbox hide-gameplay-extras  "β›” Hide gameplay extras" 0
@var checkbox hide-global-footer    "β›” Hide global footer" 0
@var checkbox hide-header-banners   "β›” Hide header banners" 0
@var select   hide-sidebar          "β›” Hide left sidebar" {
 "Enabled (required)": "enabled"
}
@var checkbox hide-town-background  "β›” Hide town background" 0
@var checkbox hide-outfit-sets      "β›” Hide featured outfit sets" 0
@var checkbox hide-pinboard         "β›” Hide pinboard missions" 0
@var checkbox hide-quest-comment    "β›” Hide quest commentary" 0
@var checkbox hide-scrollbars       "β›” Hide scrollbars" 0
@var checkbox hide-size             "β›” Hide footer size settings" 0
@var checkbox hide-submenu          "β›” Hide right submenu" 0
@var checkbox hide-special-draw     "β›” Hide surprise draw" 0
@var checkbox hide-star-premium     "β›” Hide star premium draw" 0
@var checkbox hide-support-plus     "β›” Hide support summon plus marks" 0

 ==/UserStyle== */
 @-moz-document domain("granbluefantasy.jp") {
  body,
  .prt-user-info .prt-info-profile .btn-user-name,
  .prt-status .prt-user-name .txt-user-name {
    font-family: font-family, "FOT-γƒ†γƒ­γƒƒγƒ—ζ˜Žζœ Pro D", "Average Sans", sans-serif !important;
  }

  body,
  .prt-mask-job,
  .prt-scene-comment-after-mask {
    background: bg-color !important;
  }

  .cnt-raid {
    background: #000 !important;
  }

  .cnt-raid .cnt-multi {
    background: transparent;
  }

  #mobage-game-container {
    position: absolute !important;
  }

  /* hide sidebar */
  body.jssdk > div:first-child > div:first-child {
    display: none;
  }

  /* fixed header */
  if (fixed-header) {
    .cnt-global-header {
      position: fixed;
    }

    .pop-global-menu {
      position: fixed;
      top: 0 !important;
      left: auto;
    }

    .prt-item-contents.item-filter .prt-item-filter .prt-item-filter-list.pos-fixed {
      top: 50px;
    }
  }

  /* content alignment */
  if (content-alignment != 'left') {
    #mobage-game-container {
      --left: content-alignment == 'center' ? calc(50% - 160px): calc(100% - 320px);
      left: var(--left);
    }

    if (fixed-header) {
      .cnt-global-header {
        left: var(--left);
      }
    }

    if (content-alignment == 'center') {
      /* fit submenu */
      .jssdk #submenu,
      .jssdk #submenu.open {
        max-width: calc(50% - 160px);
      }

      #submenu-general-chat #chat-body {
        max-width: calc(50% - 160px - 64px);
      }
    }
  }

  /* center popups */
  if (center-popups) {
    #pop,
    #pop-deck,
    .pop-deck {
      height: 100%;
    }

    .prt-popup-body {
      max-height: calc(100% - 180px);
    }

    #pop {
      position: fixed;
      top: 0;
      left: initial;
      display: flex !important;
      align-items: center;
      padding-bottom: 30px;
      box-sizing: border-box;
    }

    .pop-usual,
    .pop-deck,
    #pop-deck,
    #pop {
      z-index: 999998;
    }

    .prt-popup-body {
      overflow: auto;
    }

    .pop-sort-change.pop-usual .prt-popup-body .txt-popup-body,
    .pop-custom-filter.pop-usual .prt-popup-body .txt-popup-body,
    .pop-filter-setting.prt-archive-npc .prt-popup-body .txt-popup-body {
      padding-top: 24px;
    }

    .pop-sort-change.pop-usual .txt-popup-body .btn-default,
    .pop-custom-filter.pop-usual .txt-popup-body .btn-default,
    .pop-filter-setting.prt-archive-npc .txt-popup-body .btn-default {
      top: 0;
    }

    .pop-tower-quest-result .prt-popup-frame {
      margin: 32px 3px 12px;
    }

    #treasure-footer-wrapper {
      position: absolute;
      top: 0;
      z-index: 999999;
    }

    .pop-deck,
    #pop-deck {
      position: fixed;
      top: 0 !important;
      left: initial;
      z-index: 250004;
      flex-direction: column;
      justify-content: center;
    }

    .pop-deck:not([style*="display: none;"]),
    #pop-deck:not([style*="display: none;"]) {
      display: flex !important;
    }

    .pop-deck > *,
    #pop-deck > *,
    #pop > * {
      top: initial !important;
    }

    #pop > .pop-raid-item {
      top: 40px !important;
    }

    #mobage-game-container .wrapper,
    #gree-game-container .wrapper {
      margin-bottom: 0px !important;
    }

    .pop-deck-info .prt-info-button {
      margin: 0;
    }

    .pop-level-select .prt-use-discount {
      margin-top: -10px;
    }

    .pop-raid-extra2.pop-usual .txt-popup-body,
    .pop-raid-select.pop-usual .txt-popup-body,
    .pop-usual.pop-raid-extra7 .txt-popup-body {
      margin-top: 0;
    }

    .prt-load-deck .txt-load-deck.bottom {
      margin-top: 8px;
    }

    .prt-load-deck .prt-select-button {
      position: initial;
    }
  }

  /* selectable text */
  if (selectable-text) {
    [class^="txt"],
    [class^="txt"] *,
    [class^="prt"],
    [class^="prt"] *,
    #my_comment {
      user-select: text;
    }

    [class^="btn"],
    .txt-page-number {
      user-select: none !important;
    }
  }

  /* gray out equipped */
  if (gray-out-equipped) {
    .btn-item.equipped,
    .btn-lis-item.equipped,
    .lis-item.equipped,
    .lis-weapon.equipped {
      filter: grayscale(.5) brightness(.66);
    }
  }

  /* gray out sparked */
  if (gray-out-sparked) {
    .lis-get-npc.already {
      filter: grayscale(.5) brightness(.66);
    }
  }

  /* keep extras open */
  if (keep-extras-open) {
    .btn-campaign-toggle {
      background-image: url(https://prd-game-a-granbluefantasy.akamaized.net/assets_en/img/sp/ui/campaign_toggle/campaign_open.png?1511168524) !important;
    }

    .btn-campaign-toggle.on {
      transform: none !important;
    }

    .prt-campaign-banners {
      display: block;
    }
  }

  /* submenu on left */
  if (submenu-on-left && content-alignment != 'left') {
    #submenu {
      left: 0 !important;
      margin: 0 !important;
      z-index: 1000000 !important;
    }

    #submenu.open {
      box-shadow: 2px 0 8px #0002;
    }
  }

  /* sort summons */
  if (sort-summons) {
    .prt-supporter-list .prt-supporter-attribute.selected {
      display: flex;
      flex-direction: column;
    }
    
    .prt-supporter-list .lis-supporter[data-supporter-evolution="6"]:has(.bless-rank4-style) {
      order: 1;
    }

    .prt-supporter-list .lis-supporter[data-supporter-evolution="6"] {
      order: 2;
    }

    .prt-supporter-list .lis-supporter[data-supporter-evolution="5"] {
      order: 3;
    }

    .prt-supporter-list .lis-supporter[data-supporter-evolution="4"] {
      order: 4;
    }

    .prt-supporter-list .lis-supporter[data-supporter-evolution="3"] {
      order: 5;
    }

    .prt-supporter-list .lis-supporter[data-supporter-evolution="2"] {
      order: 6;
    }

    .prt-supporter-list .lis-supporter[data-supporter-evolution="1"] {
      order: 7;
    }

    .prt-supporter-list .lis-supporter[data-supporter-evolution="0"] {
      order: 8;
    }
  }

  /* compact crate */
  if (compact-crate) {
    .prt-present {
      .list-innner-present,
      .list-innner-history {
        --reward-size: 54px;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 12px 5px;
        margin: 0 14px;

        .lis-present {
          background: none;
          margin: 0;

          &,
          .prt-left-box .btn-present-img {
            height: var(--reward-size);
            width: var(--reward-size);
          }

          .prt-left-box {
            margin: 0;
            position: relative;

            img {
              margin: 0;

              &.btn-present-img {
                border-top-right-radius: 8px;
              }

              &.ico-ex-skill,
              &.ico-arousal-type {
                top: 22px;
              }
            }
          }

          .txt-present-num {
            background: #d1dedd;
            border-radius: 12px;
            border: .5...

Reviews

No reviews yet.