granblue-fantasy-tweaks.user.css

/* ==UserStyle==
@name           Granblue Fantasy Tweaks
@description    Tweaks certain aspects of the game.
@version        2024.05.11.20.45
@author         MetalTxus
@namespace      https://github.com/jesuscc1993/
@license        CC BY-SA 4.0
@preprocessor   stylus

==/UserStyle== */
@-moz-document domain("granbluefantasy.jp") {
  :root {
    --c-scrollbar-bg: #000;
  }
  
  /* adapt zoom on small screens */
  .mobage-game-container {
    @media (max-width: 639px) {
      &[style="zoom: 2;"] {
        zoom: 1.5 !important;
      }
    }
    @media (max-width: 479px) {
      &[style="zoom: 2;"],
      &[style="zoom: 1.5;"] {
        zoom: 1 !important;
      }
    }
  }

  /* keep battle commands visible when selecting character skills */
  .cnt-raid {
    @media screen and (min-height: 888px) {
      .prt-command {
        height: 204px;
      }

      .cnt-multi {
        margin-top: 488px;
      }

      #prt-sub-command-group {
        display: flex !important;
        justify-content: space-between;
        /*top: 47px;*/
        width: 100%;

        &[style="display: none;"] {
          margin-top: 0;
          position: absolute;
          top: 160px;
        }
      }

      /*#prt-advanced-command {
      + #prt-sub-command-group:not([style="display: none;"]) {
        top: 17px;
      }
    }*/
    }
  }

  /* taller raid log */
  .cnt-raid .prt-raid-log {
    height: 100%;
    pointer-events: none;
  }

  /* smaller popup text */
  .pop-usual .txt-popup-body .txt-setting-caution,
  .pop-usual .txt-popup-body-sm .txt-setting-caution {
    font-size: 10.5px;
  }

  /* updates */
  .prt-log-notice .btn-lis-log,
  .prt-no-header-log .btn-lis-log,
  .prt-log-notice-no-footer .btn-lis-log,
  .prt-log-notice .lis-log,
  .prt-no-header-log .lis-log,
  .prt-log-notice-no-footer .lis-log,
  .prt-log-notice .btn-lis-log.on,
  .prt-no-header-log .btn-lis-log.on,
  .prt-log-notice-no-footer .btn-lis-log.on,
  .prt-log-notice .lis-log.on,
  .prt-no-header-log .lis-log.on,
  .prt-log-notice-no-footer .lis-log.on {
    height: 28px;
  }

  .prt-log-notice .btn-lis-log .txt-log-date,
  .prt-no-header-log .btn-lis-log .txt-log-date,
  .prt-log-notice-no-footer .btn-lis-log .txt-log-date,
  .prt-log-notice .lis-log .txt-log-date,
  .prt-no-header-log .lis-log .txt-log-date,
  .prt-log-notice-no-footer .lis-log .txt-log-date {
    padding: 8px 5px;
  }

  /* bigger favourite item text */
  #treasure-footer .cnt-treasure-footer #prt-treasure-slider #treasure-list .lis-treasure .prt-treasure-wrapper .txt-treasure-num {
    font-size: 9.5px;
    text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000;
  }

  /* smaller profile support summons text */
  .prt-fix-summon .prt-fix-support-wrap .prt-fix-support .prt-fix-spec {
    font-size: 11px !important;
  }

  /* bold summon descriptions */
  .prt-summon-skill {
    font-weight: bold !important;
  }

  /* click through masks */
  .mask {
    pointer-events: none;
  }

  .prt-command > *:first-child,
  .prt-command > *:first-child > * {
    z-index: 0;
  }

  .prt-command-chara .prt-special,
  .prt-command-chara .prt-ability-list {
    background: #150f0f;
  }

  .cnt-event.multi {
    display: flex;
    flex-direction: column;
  }

  .cnt-event.multi > *:not(.prt-module-frame):not(.prt-event-gacha) {
    order: 1;
    margin-top: 0 !important;
  }

  .cnt-event.multi > .prt-module-frame,
  .cnt-event.multi > .prt-event-gacha {
    order: 0;
  }

  .cnt-event.multi > .prt-module-frame {
    /*margin-top: 40px;*/
    margin-top: 8px;
  }

  .cnt-raid-chat .ico-attention,
  .prt-event-support .prt-event-temporary {
    display: none !important;
  }

  .btn-party-change {
    margin: 528px auto 0;
  }

  .prt-scene-comment {
    font-size: 13.5px;
    font-weight: 400;
  }

  .prt-user-info .prt-info-possessed * {
    font-size: 13px !important;
    line-height: 18px;
  }

  /* start: hide gala draw buttons */
  /*.prt-user-menu .prt-link-gacha.fes {
    display: block;
    background: url(https://game-a.granbluefantasy.jp/assets_en/img/sp/mypage/btn-s6cd3cf1890.png) no-repeat 0 -995px;
    background-size: 202px 4704px;
  }

  .prt-global-main .prt-global-gacha.fes {
    display: block;
    background: url('https://game-a.granbluefantasy.jp/assets_en/img/sp/menu/parts_btn-sa56bb9abd1.png') no-repeat 0 -1176px;
    background-size: 135px 3228px;
  }*/
  /* end: hide gala draw button */
  .jssdk #submenu.open #prt-submenu-contents {
    zoom: 0.9725;
  }

  .prt-assist {
    display: flex;
    flex-direction: column;
  }

  .prt-assist-contents {
    order: 1;
  }

  .prt-module-id {
    margin-bottom: 1px;
  }

  .prt-module-id .prt-multi-title,
  .prt-module-id .txt-join-lead {
    display: none;
  }

  .prt-module-id .prt-input {
    padding: 0;
  }

  .prt-module-id .prt-input .prt-input-form {
    display: flex;
    justify-content: center;
    margin: 0;
  }

  .prt-module-id .prt-input .prt-input-form .prt-input-key {
    padding: 0;
    width: calc(100% - 130px);
    margin-right: 5px;
  }

  .prt-module-id .prt-input .prt-input-form .frm-battle-key {
    width: 100%;
    box-sizing: border-box;
    height: 32px;
  }

  /**/
  .btn-show-button > * {
    vertical-align: middle;
  }

  /* minimum height */
  #mobage-game-container,
  #gree-game-container {
    margin-bottom: 0 !important;
    padding-bottom: 31px;
  }

  #mobage-game-container[style="zoom: 1;"] {
    .wrapper,
    .mask,
    #quest-stage-skip + .cnt-quest,
    #quest-stage-skip + .cnt-quest .prt-title,
    .cnt-quest-scene,
    .cnt-raid,
    .cnt-poker {
      box-sizing: border-box;
      min-height: calc(25vh - 31px) !important;
    }
  }

  #mobage-game-container[style="zoom: 1.5;"] {
    .wrapper,
    .mask,
    #quest-stage-skip + .cnt-quest,
    #quest-stage-skip + .cnt-quest .prt-title,
    .cnt-quest-scene,
    .cnt-raid,
    .cnt-poker {
      box-sizing: border-box;
      min-height: calc(66.66vh - 31px) !important;
    }
  }

  #mobage-game-container[style="zoom: 2;"] {
    .wrapper,
    .mask,
    #quest-stage-skip + .cnt-quest,
    #quest-stage-skip + .cnt-quest .prt-title,
    .cnt-quest-scene,
    .cnt-raid,
    .cnt-poker {
      box-sizing: border-box;
      min-height: calc(50vh - 31px) !important;
    }
  }

  @media (max-height: 500px) {
    .cnt-raid {
      min-height: 500px !important;
    }
  }

  @media (max-height: 328px) {
    .wrapper,
    .mask,
    .cnt-quest-scene,
    .cnt-poker {
      min-height: 328px !important;
    }
  }

  /* improve item stats display */
  .prt-list-item-status table {
    width: 70%;
  }

  .prt-list-item-status.locked table {
    margin-left: 5%;
  }

  .prt-list-item-status td:nth-child(2):last-child {
    text-align: right;
  }

  .prt-list-item-status .txt-item-status,
  .prt-list-item-status .prt-item-status {
    font-size: 9.5px;
  }

  #pop-deck .prt-deck-select .prt-deck-wrapper .lis-deck .prt-unit-image .prt-leader .img-leader,
  #pop-deck .prt-deck-select .prt-deck-wrapper .lis-deck .prt-unit-image .lis-party .img-party {
    width: 39px;
    height: 71px;
  }

  #pop-deck .prt-deck-select .prt-deck-wrapper .lis-deck .prt-unit-image .prt-leader [class^="ico-attribute-"] {
    top: 57.5px;
  }

  /* 4 banners per gameplay extra rows */
  .prt-campaign-banners::before {
    border-image: url(https://prd-game-a-granbluefantasy.akamaized.net/assets_en/img/sp/ui/campaign_toggle/campaign_base.png?1511244036) 160 0 60 fill stretch round;
    border-width: 70px 0 30px;
  }

  .prt-campaign-banners {
    min-height: 99px;
    z-index: 2;
  }

  .prt-campaign-banners .btn-banner-s .img-collaboration-s {
    width: 65px;
  }

  /* chat */
  #submenu-general-chat #chat-open {
    background-position: 0 -128px;
    background-size: 44px 744px;
    bottom: 32px;
    height: 24px;
    right: 0 !important;
    top: 32px !important;
    width: 26px;
    z-index: 1000000000;
  }

  #submenu-general-chat #chat-body #chat-content {
    padding-top: 5px;
    top: 32px !important;
  }

  /* crop class images on chat */
  #chat-body .lis-log .img-character-log,
  #chat-activenotice .lis-log .img-character-log {
    clip: rect(0px, 32px, 30px, 0px);
  }

  #chat-body .lis-log .txt-log,
  #chat-activenotice .lis-log .txt-log {
    padding-left: 36px !important;
  }

  #chat-input.btn-general-chat,
  #chat-send,
  #chat-stamp {
    cursor: pointer;
  }

  /* center battle start screen */
  .prt-start-direction {
    .prt-progress {
      top: 248px;
    }

    .prt-ready {
      top: 180px;
    }

    .prt-auto-setting {
      top: 332px;
    }
  }

  /* hide crew chat when it doesn't fit */
  @media (max-width: 1600px) {
    #submenu {
      display: none !important;
    }
  }

  /* hide gacha crap */
  /* .cnt-index-gacha #prt-header-img-wrapper, */
  .lis-lineup.rupie .prt-feature-wrapper .prt-feature,
  .prt-tab-selecteditems .prt-feature,
  .lis-lineup .prt-gacha-infomation,
  .prt-external-links,
  .prt-header-img-wrapper .img-header-fade {
    display: none;
  }

  .lis-lineup.rupie .prt-feature-wrapper {
    background: none;
    height: auto;
  }

  .img-header-bg[src*="rupie/header/"] {
    top: -40px;
  }

  .img-header-bg[src*="classic/header/"] {
    top: -20px;
  }

  .prt-header-img-wrapper {
    height: 172px;
    margin: -28px auto -46px;
    padding-top: 16px;
    overflow: hidden;
    position: relative;
  }

  .prt-header-img-wrapper > img {
    height: auto;
    width: 100%;
  }

  .prt-header-img-wrapper .prt-cerulean-sparks-wrapper {
    top: 60px;
  }

  /* hide spam notifications */
  .btn-lis-notification.campaign-label,
  .btn-lis-notification[data-href*="shop"],
  .btn-lis-notification[data-href*="gacha"],
  .btn-lis-notification[data-href="#static_news/detail/prev_id=20002"] {
    display: none !important;
  }

  /* hide top banners */
  .btn-banner[data-href*="extrafes.granbluefantasy.jp"],
  .btn-banner[data-href*="gacha/campaign"],
  .btn-banner[data-href*="gacha/skin"],
  .btn-banner[data-href*="shop/package"],
  .btn-banner[data-href*="shop/skin"],
  .btn-banner[data-href*="sidestory/story/"],
  .btn-global-banner[data-href*="teaser"] {
    display: none !important;
  }

  /* hide gameplay extra banners */
  .btn-banner-s[data-href*="collaboration/campaign/gbvs"],
  .btn-banner-s[data-href*="collaboration/campaign/relink"],
  .btn-banner-s[data-href*="collaboration/campaign/relink_rising"],
  .btn-banner-s[data-href="beginnercomic"],
  .btn-banner-s[data-href="premium"] {
    display: none !important;
  }

  /* hide tutorials */
  .img-recommend-assist,
  .prt-enhance-note,
  .prt-list-help-balloon,
  .prt-solo-multi-comment,
  .prt-solo-multi-image {
    display: none !important;
  }

  /* hide posessions in user card */
  .prt-user-info .prt-info-possessed:not(.box) {
    display: none;
  }

  /* hide crate filters */
  .prt-present-type {
    display: none;
  }

  .prt-present-type + .prt-get-all {
    margin: 10px auto;
  }

  /* hide unwanted elements in the results screen */
  #cnt-result {
    .auto-recycle-reward,
    .cnt-auto-recycle-reward,
    .cnt-information-text,
    .lis-user.discoverer,
    .prt-button-area.middle,
    .prt-get-lupi,
    .txt-auto-settings-caution {
      display: none !important;
    }

    .prt-result-cnt {
      padding: 0 0 40px;
    }

    .cnt-get-treasure .btn-auto-recycle-setting {
      margin: 10px auto 0;
    }

    .txt-notice-campaign-ap {
      margin-bottom: 10px;
    }

    .prt-reward-user {
      padding: 5px 0;

      + .prt-button-area {
        margin: 0;
      }
    }
  }

  /* battle - hide button to enable animations */
  .btn-set-skip-special-all.set-off {
    visibility: hidden;
  }

  /* battle - hide players header */
  .prt-multi-mene {
    display: none !important;
  }

  .prt-multi-mene + * {
    margin-top: 5px;
  }

  /* darker disabled abilities */
  .prt-command-chara .prt-ability-list .lis-ability [class^="shine"] {
    opacity: 0.66;
  }

  /* darker disabled elements */
  .prt-item-get.complete {
    filter: brightness(0.66);
  }

  /* darker disabled summons */
  .prt-command-summon .prt-summon-list .lis-summon.off .prt-mask {
    background-color: rgba(16, 20, 20, 0.8);
  }

  /* compact battle confirmation */
  .txt-deck-confirm {
    min-height: 60px;
  }

  .txt-deck-confirm .txt-limit {
    font-size: 10px;
    font-style: italic;
  }

  /* smaller stamps, with real size zoom on hover */
  .txt-balloon-comment {
    overflow: visible !important;
  }

  .txt-balloon-comment .img-stamp,
  .txt-log .img-stamp {
    width: 60px !important;
    z-index: 10;
    position: relative;
    transition: 0.1s;
  }

  .txt-balloon-comment .img-stamp,
  .txt-log .img-stamp {
    margin: -15px !important;
    transform: scale(0.5);
  }

  .txt-balloon-comment .img-stamp:hover,
  .txt-log .img-stamp:hover {
    transform: scale(1);
  }

  .txt-balloon-comment .img-stamp {
    background: #ecedeb;
    box-shadow: 0 0 4px #ecedeb, 0 0 4px #ecedeb, 0 0 4px #ecedeb;
  }

  .txt-log .img-stamp {
    background: black;
    box-shadow: 0 0 4px black, 0 0 4px black, 0 0 4px black;
  }

  .prt-log-display .prt-log-each .txt-log-message {
    padding: 0 5px 0 15px;
  }

  .cnt-quest-scene .btn-skip {
    top: 422px;
  }

  /*  */
  .cnt-quest-command {
    background: url(https://i.imgur.com/Rxdv5uY.png) no-repeat;
    background-size: 320px 320px;
  }

  .cnt-base-status .status .prt-title.text-small {
    font-size: 11px;
    line-height: 10px;
  }

  .cnt-weapon-list .prt-weapon-list .prt-skill .prt-slv-value .txt-slv-value {
    margin-bottom: 1.5px;
  }

  div.prt-symbolmark {
    margin-top: 0 !important;
  }

  .prt-blank-story {
    display: none !important;
  }

  /* highlight side stories exchanges left */
  [data-story-id="zzzz"] {
    filter: none !important;
    opacity: 1 !important;
  }

  /* crap removal */
  .btn-change-sex.type-1,
  .btn-check-seraphic,
  .btn-mainweapon-fix,
  .btn-thumbnail.btn-grapass-banner,
  .cnt-extra-lb .img-tips,
  .prt-config-balloon,
  .prt-scene-comment-after-mask,
  .prt-self-introduction .prt-sns-one:nth-child(2),
  #prt-assist-id .prt-assist-tips,
  #prt-assist-id .txt-offer-lead,
  #prt-comic-banner {
    display: none !important;
  }

  .prt-self-introduction .prt-sns-one,
  .prt-self-introduction .txt-twitter-recover-comment {
    width: 152px !important;
  }

  .cnt-extra-lb .btn-select-augment-item {
    margin-top: 0;
  }

  textarea:focus {
    outline: none;
  }

  #submenu #cnt-submenu-navi-vertical {
    background: black !important;
  }

  /* */
  .prt-damage-num [class*="count"] {
    min-width: 17px;
  }

  .prt-damage-num .count-1 {
    background-position-x: 4px !important;
  }

  .prt-frame::before,
  .prt-module-item-list::before {
    border-image: url(https://i.imgur.com/DSVSl9I.png) 80 0 82 fill stretch round;
  }

  .prt-buttons {
    margin-bottom: 4px;
  }

  /* party characters / summons */
  .cnt-weapon-list .prt-weapon-list.is-companion .cnt-weapon-sub .lis-weapon-sub {
    margin-bottom: 0;
  }

  .pop-usual .txt-popup-body,
  .pop-usual .txt-popup-body-sm,
  .pop-usual .txt-popup-body .txt-explain {
    font-size: 10px;
    line-height: 1.15;
  }

  .pop-usual .txt-popup-body > *,
  .pop-usual .txt-popup-body-sm > * {
    font-size: 12px;
    line-height: 1.2;
  }

  .pop-usual .prt-popup-frame,
  .pop-notification-list .prt-notification-list .btn-lis-notification {
    font-size: 11px;
    line-height: 1.2;
  }

  .pop-usual .btn-show-button {
    font-size: 11px;
    line-height: 1.5;
  }

  .pop-exp .prt-arcarum-point-box .txt-point-title::before {
    top: -8.5px;
  }

  /* 6 items per row in supplies when not filtering */
  /* .prt-item-contents.item-filter .prt-item-filter .prt-module-item-list:not(.type-filter) .prt-item-inner .lis-item {
    margin: 0 2.5px !important;
  } */
  /* 6 items per row in supplies when filtering */
  /* .prt-item-contents.item-filter .prt-item-filter .prt-module-item-list.type-filter .prt-item-inner .lis-item {
    transform: scale(.78);
    height: 86px;
    margin: -16px -2.51px !important;
  } */
  .prt-item-contents.item-filter .prt-item-filter .prt-module-item-list .prt-item-inner .prt-line {
    height: 64px;
  }

  /* glowless footer */
  #treasure-footer .cnt-treasure-footer,
  #treasure-footer .cnt-treasure-footer.plain {
    background: url(https://i.imgur.com/ZKdR9T4.png) no-repeat 0 -1px;
    background-size: 100%;
  }

  /* explanation */
  .prt-attention-box .prt-attention-body,
  .prt-gacha-about .prt-about-body {
    background: transparent;
  }

  /* */
  .prt-lupi-lineup .prt-gacha-infomation::before {
    border: none;
  }

  .prt-user-scene {
    height: 416px;
  }

  .cnt-mypage .prt-banner.margin-top-small,
  .cnt-mypage .prt-banner {
    margin-top: -28px;
  }

  .cnt-mypage .prt-banner.display-off {
    margin-top: 0;
  }

  .prt-town-scene .prt-town-bg .img-town {
    height: 456px;
  }

  /* show-town */
  .cnt-mypage {
    display: flex;
    flex-direction: column;
  }

  .lis-banner {
    margin-bottom: -4px;
  }

  /* black background in scenes */
  .prt-scene-comment {
    background: url(https://i.imgur.com/PX0mVyE.png) no-repeat 0 0;
    background-size: 320px auto;
  }

  /* fix V2 disabled buttons */
  #prt-guard-buttons .prt-guard.mask-black::after {
    display: none;
  }

  #prt-guard-buttons .prt-guard.mask-black {
    filter: brightness(0.5);
  }

  /* fix header position */
  .pop-global-menu {
    box-sizing: border-box;
    height: 100%;
    overflow: auto;
  }

  .pop-global-menu .prt-global-banner:last-of-type {
    padding-bottom: 30px;
  }

  @media (max-width: 1920px) {
    .prt-scene-comment .prt-message-area .txt-message {
      font-size: 12.5px;
    }
  }

  /* hide arca vyrn images */
  #cnt-arcarum-stage .cnt-division-list .prt-division-list .img-blank-division {
    display: none;
  }

  #cnt-arcarum .prt-arcarum-frame .prt-frame-main,
  #cnt-arcarum-stage .prt-arcarum-frame .prt-frame-main {
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }

  /* inline crew skills */
  .cnt-guild .prt-support-list .prt-support-info .prt-position-title {
    background-position: -86px -416px;
    background-size: 224px 2266px;
    width: 120px;
  }

  .cnt-guild .prt-support-list .prt-support-info .prt-support-count {
    display: inline-block;
    padding: 4px 0;
  }

  /* keep pagination on screen for the replicard missions tab */
  .cnt-replicard-mission .prt-header .btn-location-stage {
    top: 64px;
  }

  .cnt-replicard-mission .prt-replicard-tab {
    margin-top: 10px;
  }

  .cnt-replicard-mission .prt-interlude-banner {
    top: 89px;
  }
}

@-moz-document url-prefix("https://game.granbluefantasy.jp/#raid/")
{
  /* click through modal backdrops */
  .mask {
    min-height: 0 !important;
    height: 0;
  }
}

@-moz-document url-prefix("https://game.granbluefantasy.jp/#comic/")
{
  header,
  .prt-episode-title,
  footer {
    display: none !important;
  }

  .cnt-comic-episode {
    padding: 0;
  }

  .wrapper,
  .cnt-comic-episode {
    background: black;
  }
}

@-moz-document regexp("https://game.granbluefantasy.jp/#party/.*")
{
  .cnt-weapon-list:not(.large) .btn-weapon-display-change {
    left: 10px;
    top: 302px;
  }
}

@-moz-document regexp("https:\/\/game\.granbluefantasy\.jp\/.*\/(scene|#raidz).*") {
  /* hide footer when dispensable */
  #treasure-footer {
    display: none;
  }

  #mobage-game-container,
  #gree-game-container {
    padding-bottom: 0;
  }

  /*  */
  /*.prt-sel-area .prt-sel-inner {
    bottom: 50px;
  }
  .prt-sel-area .prt-sel-inner.prt-one-sel {
    bottom: 80px;
  }*/
  .prt-sel-area .prt-sel-inner.has-1-sel {
    top: 288px;
  }

  .prt-sel-area .prt-sel-inner.has-2-sel {
    top: 260px;
  }
}

@-moz-document url("https://game.granbluefantasy.jp/#quest/assist/event")
{
  /* hide stuff on event raids page */
  #prt-assist-id {
    display: none;
  }
}