Allows the customization of the game's layout and responsive behavior.
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
Details
Authorjesuscc1993
LicenseNO-REDISTRIBUTION
Categoryunset
Created
Updated
Code size36 kB
Code checksum549e0da3
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
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 2025.03.29.10.50
@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;
}
.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,
.pop-global-menu {
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: .5p...