WIP
Trix's Flightrising Dark by TrixxedBit
Details
AuthorTrixxedBit
LicenseNo License
Categoryhttps://www1.flightrising.com/
Created
Updated
Size36 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
this is absurdly wip not even close to finished
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Trix's Flightrising Dark
@namespace trix
@version 1.0.0
@description A new userstyle
@author TrixxedHeart
@preprocessor stylus
==/UserStyle== */
@-moz-document domain("www1.flightrising.com"),
domain("flightrising.com") {
/* this is a mess dont look at it */
#predict-morphology {
background-image: url(https://raw.githubusercontent.com/TrixxedBit/gaylittledragoncss-res/main/empty.png) !important;
}
.common-column-content select, select, .dragon-picker-filter-field input, .dragon-picker-filter-field select, .morphology-picker-filter-field input, .morphology-picker-filter-field select {
background-color: #161b25;
color: #edf1f9;
border: 1px solid #596470;
}
#predict-morphology .scry-load, #predict-morphology .scry-manage-options {
border: 1px solid #545F75;
background: #252a30;
}
#predict-morphology .scry-manage-option img {
filter: invert();
}
img[src*="/images/layout/scrying/internal_bg.jpg"] {
display: none;
}
img[src*="images/layout/scryer/bg_foreseeprogeny.png"] {
filter: opacity(20%) invert(1);
}
.nestbox {
border: 1px solid #545f75;
background-color: #1a1e22;
}
#raffle-background {
position: absolute;
width: 735px;
height: 749px;
left: 0;
top: 0;
background-image: url(https://raw.githubusercontent.com/TrixxedBit/gaylittledragoncss-res/main/misc/roundsey.png);
}
#raffle-winners-show {
color: #7dc9d9;
}
#raffle-counter-frame .raffle-counter-digit {
background-image: url(https://raw.githubusercontent.com/TrixxedBit/gaylittledragoncss-res/main/misc/counter-digit.png);
}
#raffle-timer .raffle-timer-value {
color: #1fcfeb;
}
.raffle-dragon .raffle-dragon-tooltip {
background: #222836;
border: 1px solid #7dc9d9;
}
.raffle-dragon .raffle-dragon-tooltip .raffle-dragon-tooltip-title {
border-bottom: 1px solid #1fcfeb;
color: #6ae3f9;
}
/* item banner remover */
.itemtip .sellval {
background-image: url(https://i.imgur.com/SXN6lL4.png);
color: #5ef7ff !important;
}
.itemtip .tooltip-level {
color: #5ef7ff !important;
}
div.itemcategory, div.tooltip-itemid {
color: #b0b7bb !important;
}
.rarity-6 .itemname {
background: linear-gradient(to right, #15242c 0%, #c59a9680 100%);
}
.itemtip.rarity-6 .itemname .itemtitle {
color: #ffd0cc;
}
.rarity-5 .itemname {
background: linear-gradient(to right, #15242c 0%, #dab58780 100%);
}
.itemtip.rarity-5 .itemname .itemtitle {
color: #ffe7c4;
}
.rarity-4 .itemname {
background: linear-gradient(to right, #15242c 0%, #8f8acd80 100%);
}
.itemtip.rarity-4 .itemname .itemtitle {
color: #d7d5ff;
}
.rarity-3 .itemname {
background: linear-gradient(to right, #15242c 0%, #8ea9ce80 100%);
}
.itemtip.rarity-3 .itemname .itemtitle {
color: #cde1ff;
}
.rarity-2 .itemname {
background: linear-gradient(to right, #15242c 0%, #a7b8a280 100%);
}
.itemtip.rarity-2 .itemname .itemtitle {
color: #deffd0;
}
.rarity-0 .itemname, .rarity-1 .itemname {
background: linear-gradient(to right, #15242c 0%, #acacac80 100%);
}
.itemtip.rarity-0 .itemname .itemtitle, .itemtip.rarity-1 .itemname .itemtitle {
color: #e6e6e6;
}
.itemtip .itemdesc {
color: #edf1f9;
}
/* thanks simple dark tweaks */
div.main {
background-image: none !important;
}
#ticker {
background-image: url(https://raw.githubusercontent.com/TrixxedBit/gaylittledragoncss-res/main/misc/ticker_topbar.png);
color: #fff;
}
.rotating-item a {
color: #fafafa;
}
/* Alerts tab */
a.alertuser,
div.alert-v2-text a {
color: #5be3f9 !important;
}
div.alert-v2.alert-v2-unread {
background: url(https://raw.githubusercontent.com/TrixxedBit/gaylittledragoncss-res/main/misc/blue_stripe.png) !important;
border-radius: 10px !important;
}
.alert-v2-text {
color: white;
}
#alertlist #alerts-see-all-v2 a {
color: #5be3f9;
font-weight: bold;
text-decoration: none;
}
div.contentcontainer div.main div#super-container div span {
color: #5be3f9 !important;
}
a {
color: #5be3f9 !important;
}
.ui-widget-content .common-red-text {
color: #5be3f9;
font-weight: bold;
}
.ui-widget-header {
border-bottom: 1px solid #1a1e22;
background: #232937;
color: #fafafa;
font-weight: bold;
}
/* this sucks */
#usertab {
background-image: url(https://raw.githubusercontent.com/TrixxedBit/gaylittledragoncss-res/main/misc/user_module_bg.png) !important;
}
#usertab span {
color: #5be3f9 !important;
}
#namespan a span {
color: #5be3f9 !important;
}
#energybar span {
text-shadow: 0 0 0.5em #000, 0 0 0.5em #000, 0 0 0.5em #000 !important;
color: #fff !important;
}
/* This doesn't really match the theme much but it looks really pretty */
#avg-energy {
background-image: url(https://raw.githubusercontent.com/TrixxedBit/gaylittledragoncss-res/main/misc/avg_energy.png) !important;
}
#energybar div:first-child {
background-image: url(https://raw.githubusercontent.com/TrixxedBit/gaylittledragoncss-res/main/misc/avg_back.png) !important;
}
div.container div.banner div#usertab span a.clue_nrg div div, #avg-energy {
background-image: url(https://raw.githubusercontent.com/TrixxedBit/gaylittledragoncss-res/main/misc/avg_energy.png) !important;
}
a.clue_nrg, div#usertab span a.clue_nrg div span, span#target {
color: #edf1f9 !important;
text-shadow: 0 0 0.2em #161b25, 0 0 0.2em #161b25, 0 0 0.2em #161b25 !important;
}
.loginlinks.loginbar {
font-size: 11px;
color: #5be3f9;
}
.loginarea {
background-image: url(https://raw.githubusercontent.com/TrixxedBit/gaylittledragoncss-res/main/misc/blue_stripe.png) !important;
color: #dae0e7 !important;
}
.loginlinks {
text-decoration: none;
color: #6ae3f9;
font: 7.8pt tahoma;
font-weight: bold;
}
img[src*="https://www1.flightrising.com/static/layout/revamp/clock_large.png"] {
filter: invert(100);
}
img[src*="/static/layout/revamp/left_clan_"] {
filter: hue-rotate(190deg);
}
img[src*="/static/layout/revamp/left_shop_"] {
filter: hue-rotate(190deg);
}
img[src*="/static/layout/revamp/left_play_"] {
filter: hue-rotate(190deg);
}
img[src*="/static/layout/revamp/left_library_"] {
filter: hue-rotate(190deg);
}
.leftcolumn {
background-color: #252a30;
}
.navbar-glow-hover:hover {
text-shadow: 0 0 5px #9b99ec, 0 0 5px #9b99ec, 0 0 5px #9b99ec;
}
.navbar-glow-hover {
color: #7dc9d9 !important;
}
.navbar {
color: #7dc9d9;
}
.rightcolumn {
color: #fafafa;
background-color: #181b1f;
}
/* Site Status */
#status-box .status-row {
border-bottom: 1px solid #5be3f9;
}
div#status-box-mid {
background-image: url(https://raw.githubusercontent.com/TrixxedBit/gaylittledragoncss-res/main/misc/sitestatus_spacer.png);
}
img[src*="/static/layout/revamp/right_status_top_green_small.png"] {
content: url(https://raw.githubusercontent.com/TrixxedBit/gaylittledragoncss-res/main/misc/right_status_top_green_small.png);
}
div#status-box-bottom {
background-image: url(https://raw.githubusercontent.com/TrixxedBit/gaylittledragoncss-res/main/misc/sitestatus_bottom.png);
}
#status-box .status-author span {
color: #76828f;
}
div#random-dragon {
background-image: url(https://raw.githubusercontent.com/TrixxedBit/gaylittledragoncss-res/main/misc/right_random_dragon_large.png);
}
div#random-dragon:hover {
transform: scale(1.05, 1.05);
transition: all .15s ease-in-out;
background-image: url(https://raw.githubusercontent.com/TrixxedBit/gaylittledragoncss-res/main/misc/right_random_dragon_large.png);
}
div#random-dragon a {
font-weight: bold;
color: #5be3f9;
}
div#bonus-ticker {
background-image: url(https://raw.githubusercontent.com/TrixxedBit/gaylittledragoncss-res/main/misc/right_exalt_bonus_large.png);
}
div#bonus-ticker .number-text {
color: #25d98c;
}
.main {
background-color: #181B1F;
color: #F8F9FA;
font-family: Montserrat;
}
.container {
background-color: #181B1F;
}
.contentcontainer {
background-color: #181B1F;
}
.breadcrumbs {
color: #54b5c5;
}
.breadcrumbs .tabbed-breadcrumbs a,
.breadcrumbs a {
color: #f8f9fa;
}
.breadcrumbs a.lastlink {
color: #1FCFEB;
font-weight: bold;
}
/* clan profile */
.clan-profile-user-frame {
background: #0F1118;
background: linear-gradient(to bottom, #0F1118 0%,#222836 100%);
border: 1px solid #232937;
}
.clan-profile-icon {
color: #5be3f9;
}
.clan-profile-stat strong {
font-weight: bold;
color: #7dc9d9;
}
.clan-profile-forum-post-empty-timestamp, .clan-profile-activity-empty-timestamp, .clan-profile-forum-post-empty-text, .clan-profile-activity-empty-text {
background: #222836;
}
/*you should've seen what the default text shadow values for this are on the website.*/
.clan-profile-header {
font-weight: bold;
color: #f8f9fa;
text-shadow: 0px 0px 0px rgba(255, 255, 255, 0);
}
#clan-profile-header .clan-profile-header-title {
color: #5be3f9;
}
.clan-profile-lair-location-level {
color: #5be3f9;
font-weight: bold;
font-size: 14px;
}
#comment ...