Skip to content

Flight Rising Clan Re-Refactor by gardensnailie

Screenshot of Flight Rising Clan Re-Refactor

Details

Authorgardensnailie

LicenseNo License

Categoryhttps://www.flightrising.com/

Created

Updated

Size1.6 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A re-refactor and minor edit to the Flight Rising clan page to fix common complaints about its redesign.

Notes

  • The size of the text input on comments has been reduced.
  • Comment bubbles have been edited to make them less obnoxiously large (the giant button images will probably be edited in the future).
  • Username and metadata on profile comments has been edited in size for readability.
  • The sidebar has been shortened to have less empty space, as well as a few minor element adjustments like flag position.
  • A lot of padding and margin adjustments to help the page sit better.
  • The size of the gear next to 'Clan Profile' has been made smaller.

Source code

/* ==UserStyle==
@name           Flight Rising Clan Re-Refactor
@namespace      USO Archive
@author         gardensnailie
@description    `A re-refactor and minor edit to the Flight Rising clan page to fix common complaints about its redesign.`
@version        1.0
@license        No Liscense
@preprocessor   uso
==/UserStyle== */

@-moz-document domain("https://www1.flightrising.com/clan-profile/*") {

/* general */
#clan-profile h2 img {
    width: 11px;
    height: 11px;
}

#clan-profile h2 {
    margin: 19px 0 10px 0;
    font-size: 12px;
}

/* comment textbox */
.inner-content {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    font-size: 11px;
    padding-left: 15px;
}

#clan-profile .common-limited-textarea-frame textarea {
    width: 100% !important;
    padding: 8px;
    min-height: 4em;
    box-sizing: border-box;
    border-radius: 8px;
}

.common-limited-textarea-footer {
    padding: 2px 10px;
}

/* comment bubbles */
.common-bubble-author img {
    width: 60px;
    height: 60px;
    border: 1px solid #000;
}

.common-bubble {
    padding: 8px 7px;
}

.common-bubble-subject {
    font-size: 12px;
    line-height: 13px;
}

.common-bubble-meta {
    margin-bottom: 10px;
    padding-bottom: 4px;
    font-size: 10px;
}

/* sidebar */
.clan-profile-user-frame {
    position: relative;
    margin-top: 28px;
    width: 251px;
    height: 225px;
}

.clan-profile-flag {
    top: -5px;
}

.clan-profile-vista {
    height: 225px;
}

.clan-profile-stars {
    margin: 8px 0 7px 0;
    height: 25px;
}
}

Reviews

No reviews yet.