A re-refactor and minor edit to the Flight Rising clan page to fix common complaints about its redesign.
Flight Rising Clan Re-Refactor by gardensnailie
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
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;
}
}