UI adjustments that make Flight Rising easier to use on small screens. This is still a work in progress.
Mobile Adjustments for Flight Rising by Kinvara
Details
AuthorKinvara
LicenseNo License
Categorywww1.flightrising.com
Created
Updated
Size7.9 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name Mobile Adjustments for Flight Rising
@version 20250205.04.40
@namespace https://userstyles.world/user/Kinvara
@description UI adjustments that make Flight Rising easier to use on small screens. This is still a work in progress.
@author Kinvara
@license No License
==/UserStyle== */
@-moz-document url-prefix("https://www1.flightrising.com") {
body {
overflow-x: hidden;
.container {
width: 100%;
.banner {
width: 100%;
}
#loginarea {
width: 100%;
.users-online {
width: 100%;
}
}
.content-header-sub {
display: none;
}
.content-header {
font-size: 2.2rem;
}
#content {
.contentcontainer {
display: flex;
flex-direction: column-reverse;
.leftcolumn {
width: 100%;
.content {
display: flex;
width: 100%;
.navbar {
font-size: 2rem;
display: none;
}
.clan {
margin-top: 10px;
margin-bottom: 3px;
}
}
}
.rightcolumn {
width: auto;
display: flex;
justify-content: center;
}
.main {
width: 100%;
margin-bottom: 0;
.content {
width: calc(100% - 20px);
.inner-content {
width: 100%;
padding-left: 0;
.breadcrumbs {
left: auto;
font-size: 2.4rem;
}
}
}
}
}
}
}
#footer {
width: 100%;
#bottom-banner {
min-width: 0;
width: 100%;
#bottom-banner-center {
min-width: 0;
width: 100%;
}
}
.copybar {
width: 100%;
padding: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
}
.ways_button {
display: none;
}
}
}
@-moz-document url-prefix("https://www1.flightrising.com/lair") {
body {
overflow-x: hidden;
.container {
width: 100%;
.banner {
width: 100%;
}
#loginarea {
width: 100%;
.users-online {
width: 100%;
.time,
.online,
.statdiv {
display: none;
}
#logincontent {
left: auto;
right: 0;
.lair-supply {
padding: 0 20px 0 20px;
}
}
}
}
#content {
.contentcontainer {
display: flex;
flex-direction: column-reverse;
.main {
width: 100%;
.content {
width: calc(100% - 20px);
.inner-content {
width: 100%;
padding-left: 0;
#lair-view-page > div:first-of-type {
width: 100%;
display: flex;
align-items: center !important;
height: auto !important;
margin-top: 15px;
a {
img {
position: relative !important;
width: 60px;
top: auto !important;
}
}
h1 {
position: relative;
top: auto !important;
left: auto !important;
margin-left: 15px;
}
}
.lair-actions {
position: relative;
top: auto;
right: auto;
display: flex;
justify-content: center;
column-gap: 15px;
margin-top: 15px;
#lair-action-mode {
display: flex;
align-items: center;
img {
height: 86px;
}
}
#lair-action-edit {
display: flex;
align-items: center;
img {
height: 60px;
}
}
#lair-action-feed {
display: flex;
align-items: center;
justify-content: center;
width: 148px;
img {
height: 60px;
}
}
}
#lair-view-page {
.lair-tabs {
#lair-page-filter-toggle {
margin-right: 15px;
img {
width: 60px;
}
}
.lair-tab {
display: flex;
align-items: center;
justify-content: center;
height: 74px;
.lair-tab-name {
font-size: 1.2rem;
}
}
}
.lair-pagination {
.common-ui-button,
.common-ui-button-disabled {
img {
height: 60px;
}
}
.lair-pagination-pages {
left: 100px;
right: 100px;
display: flex;
justify-content: center;
align-items: center;
.lair-pagination-page {
font-size: 2rem;
height: 74px;
width: 74px;
margin: 0 5px 0 5px;
display: flex;
justify-content: center;
align-items: center;
}
}
}
.lair-page {
.lair-page-dragons {
display: flex;
flex-wrap: wrap;
justify-content: center;
.lair-page-dragon {
width: 30%;
.lair-page-dragon-box {
height: 150px;
.lair-page-dragon-name {
font-size: 1.6rem;
height: auto;
line-height: 1.6rem;
}
}
}
}
}
}
}
}
}
}
}
}
#footer {
width: 100%;
#bottom-banner {
min-width: 0;
width: 100%;
#bottom-banner-center {
min-width: 0;
width: 100%;
}
}
.copybar {
width: 100%;
padding: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
}
.ways_button {
display: none;
}
}
}
@-moz-document url-prefix("https://www1.flightrising.com/gathering") {
body {
overflow-x: hidden;
.container {
width: 100%;
.banner {
width: 100%;
}
#loginarea {
width: 100%;
.users-online {
width: 100%;
.time,
.online,
.statdiv {
display: none;
}
#logincontent {
left: auto;
right: 0;
.lair-supply {
padding: 0 20px 0 20px;
}
}
}
}
#content {
.contentcontainer {
display: flex;
flex-direction: column-reverse;
.main {
width: 100%;
.content {
width: calc(100% - 20px);
.inner-content {
width: 100%;
padding-left: 0;
.gather_container {
.gather_row {
display: flex;
flex-wrap: wrap;
justify-content: center;
column-gap: 15px;
.gather_box {
margin-bottom: 15px;
height: auto;
form {
.gather_selection_box {
.gather_select_container {
.gathering_select {
font-size: 2.4rem;
option {
font-size: 1rem;
}
}
}
.gatherbutton {
input {
height: 72px;
width: 100%;
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
@-moz-document url-prefix("https://www1.flightrising.com/clan-home") {
body {
overflow-x: hidden;
.container {
width: 100%;
.banner {
width: 100%;
}
#loginarea {
width: 100%;
.users-online {
width: 100%;
}
}
#content {
.contentcontainer {
display: flex;
flex-direction: column-reverse;
.main {
width: 100%;
.content {
width: calc(100% - 20px);
.inner-content {
width: 100%;
padding-left: 0;
.menu_header {
width: 100%;
#headertext {
width: 100%;
p {
display: none;
}
}
}
.menu_content {
width: calc(100% - 30px);
margin: 0;
a {
img {
width: 30%;
}
}
}
}
}
}
}
}
}
#footer {
width: 100%;
#bottom-banner {
min-width: 0;
width: 100%;
#bottom-banner-center {
min-width: 0;
width: 100%;
}
}
.copybar {
width: 100%;
padding: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
}
.ways_button {
display: none;
}
}
}