QOL improvements for the warrior career
/* ==UserStyle==
@name FV Battling
@namespace https://greasyfork.org/en/scripts/407409-fv-battling
@description QOL improvements for the warrior career
@version 1.0.8
==/UserStyle== */
@-moz-document url-prefix("https://www.furvilla.com/career/warrior/battle") {
/* ==========================================================================
Header
========================================================================== */
/* shrinks the header */
header {
height: 78px;
}
/* shrinks the header (moving top part of navigation to proper position) */
header nav {
top: 0;
border-radius: 0;
}
/* moves the search bar to where the logo used to be */
header .search-form {
top: 6px;
left: 6px;
}
/* hiding unnecessary content - alerts, logo, header, ads, shopkeeper*/
/* (logo and breadcrumbs removed because both link to Town Hall - which already has a link) */
.margin-10px, #logo, .modal-content .logo, .stat-panel .text-center:first-child, .stat-panel .text-center:first-child img, .battle-complete > br, .equipment-wrap > br, .left-column > br, .right-column .widget-header, .battle-end-stats .registration-well > .row:nth-child(5), .battle-end-stats .registration-well > .row:nth-child(7) {
display: none;
}
/* ==========================================================================
Notifications
========================================================================== */
/*shrinks notifications widget*/
.notifications-widget {
height: 32px;
width: 116px;
overflow: hidden;
position: absolute;
left: -74px;
top: 54px;
-ms-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
z-index: 10;
}
/*expands notifications widget on mouseover*/
.notifications-widget:hover {
height: auto;
width: auto;
left: -32px;
top: 0;
z-index: 121;
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
padding: 10px 10px 0 42px;
overflow: visible;
}
/*keeps notifications header still on mouseover*/
.notifications-widget:hover .widget-header {
-ms-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
position: absolute;
z-index: 10;
left: -42px;
top: 54px;
border: 0;
}
/*keeps notifications header visible on smaller screens*/
@media screen and (max-width: 1054px) {
.notifications-widget {
transform: none;
top: -32px;
left: 400px;
}
.notifications-widget:hover .widget-header {
transform: none;
left: 432px;
top: -32px;
}
}
/* ==========================================================================
Right column
========================================================================== */
/* full width */
.content .right-column {
width: 950px;
margin-top: 50px;
}
/* horizontal adjustments */
.right-column .widget, .widget .text-center {
float: left;
margin: 0;
}
/* horizontal adjustments */
.widget:first-child .text-center {
float: none;
}
/* horizontal adjustments */
.widget .text-center div:last-child {
display: block !important;
width: 50px;
height: 50px;
margin: 0 7px 7px;
}
/* hides excess text from first widget */
.widget h4, .widget:first-child p {
font-size: 0;
}
.widget h4 a, .widget:first-child p a, .widget:first-child p strong, .widget:first-child p b {
font-size: 14px;
}
/* shrink user avatar */
.widget img {
height: 64px;
max-height: 100%;
margin-bottom: 5px;
}
/* shrink villager and career images */
.widget .villager-avatar {
width: 50px;
height: 50px;
margin: 7px;
}
/* currency images */
.widget:first-child p:nth-child(3) img {
display: block;
margin: -24px 0 0;
height: auto;
}
/* spacing */
.right-column .widget:first-child {
margin: 0 45px;
}
/* horizontal adjustments */
.widget .forum-posts li {
float: left;
width: 190px;
padding: 20px;
background: none !important;
font-size: 12px !important;
border-bottom: none;
text-align: right;
}
/* fairy buffs */
.widget .forum-posts {
position: absolute;
left: -412px;
background: #fff;
}
/* fairy buffs */
.recent-posts .forum-posts {
position: relative;
left: 0;
}
/* fairy buffs */
.recent-posts .forum-posts li {
text-align: center;
}
/* horizontal adjustments for unemployed villagers */
.widget .text-center .villager-avatar:only-child {
margin-top: 7px;
}
/* aesthetic adjustments */
.right-column .widget-content {
background: none;
}
/* ==========================================================================
Battling adjustments
========================================================================== */
/*moves the monster's stats to the right + minor aesthetic changes*/
.enemy-panel-wrap .stat-panel {
display: block !important;
border: none;
width: 215px;
position: absolute;
top: 0;
right: -234px;
margin: 0;
cursor: pointer !important;
z-index: 89;
overflow: auto;
height: 465px;
}
/*shrinks the monster's description*/
.stat-panel .text-center:nth-child(2) {
font-size: 12px;
line-height: 1.5em;
height: 72px;
overflow: auto;
}
/*consistent monster sizing*/
.charimage {
transform: none !important;
max-height: 226px;
}
.monster-panel {
transform: none;
}
/*PVP opponent villager profile link*/
.enemy-panel-wrap .text-center:first-child {
display: block;
margin: 0;
}
.enemy-panel-wrap .text-center:first-child .villager-avatar {
height: auto;
width: auto;
border-radius: 0;
}
.enemy-panel-wrap .text-center:first-child .villager-avatar a:before {
content: "link to villager profile"
}
/*shrinks margins*/
.stat-panel hr {
margin: 6px 0;
}
/*turns the stats into a single column*/
.stat-panel > .row > .col-sm-6 {
width: 100%;
}
/* moves progress bars under monster's stats */
.battle-end-stats .registration-well > .row:nth-child(2),
.battle-end-stats .registration-well > .row:nth-child(3),
.battle-end-stats .registration-well > .row:nth-child(4) {
margin: 0 !important;
position: absolute;
top: 505px;
right: 20px;
width: 215px;
}
/* moves progress bars under monster's stats */
.battle-end-stats .registration-well > .row:nth-child(3) {
top: 529px;
}
/* moves progress bars under monster's stats */
.battle-end-stats .registration-well > .row:nth-child(4) {
top: 553px;
}
/*condenses things down to five abilities per row*/
.equipment-slot {
margin: 0 11px 20px 0;
border: 0;
width: 130px;
height: 180px;
vertical-align: top;
padding: 6px;
position: relative;
}
/*spacing equipment slots*/
.equipment-wrap {
overflow: hidden;
}
/*spacing equipment slots*/
.equipment-wrap .row {
padding: 0;
margin: 0;
}
/*spacing equipment slots*/
.equipment-slot:last-child {
margin-right: 0;
}
/*move charge counter + readability */
.equipment-slot .label-info {
position: absolute;
top: 0;
right: 0;
background: none;
color: #3b4e51;
font-size: 16px;
height: 24px;
line-height: 20px;
border: 1px solid #37317e;
padding: 0 6px;
}
/*condenses loot*/
.battle-loots {
margin: 15px 0 0;
padding: 0;
}
/*condenses loot*/
.battle-loot {
height: auto;
}
/*consumables*/
.battle-end-stats .row.text-center {
position: absolute;
top: 649px;
right: 20px;
width: 215px;
margin: 0;
font-size: 0;
}
/*consumables*/
.battle-end-stats .row.text-center img {
max-width: 70px;
}
/* back to warrior button */
.battle-complete > p .btn {
position: absolute;
right: 20px;
width: 215px;
top: 597px;
}
/* continue battling - sizing */
.battle-complete > p > .btn[href*="generate"] {
position: absolute;
top: 377px;
width: 716px;
left: 20px;
height: 86px;
line-height: 86px;
}
/* continue battling from open modal */
.modal-open .battle-complete > p > .btn[href*="generate"] {
position: fixed;
z-index: 1051;
width: 200px;
top: 0;
right: calc(50% - 500px);
height: 100%;
line-height: 100vh;
margin: 0;
left: initial;
}
/* readability adjustments */
.whitetext h4, .effects {
text-shadow: 2px -2px #000, 2px -1px #000, 2px 0 #000, 2px 1px #000, 2px 2px #000, 1px -2px #000, 1px -1px #000, 1px 0 #000, 1px 1px #000, 1px 2px #000, 0 -2px #000, 0 -1px #000, 0 0 #000, 0 1px #000, 0 2px #000, -1px -2px #000, -1px -1px #000, -1px 0 #000, -1px 1px #000, -1px 2px #000, -2px -2px #000, -2px -1px #000, -2px 0 #000, -2px 1px #000, -2px 2px #000;
}
/*aesthetic changes*/
.enemy-panel-wrap .stat-panel,
.equipment-slot,
.pass-span,
.flee-span,
.equipment-slot:hover,
.pass-span:hover,
.flee-span:hover,
.battle-log {
background: rgba(255,255,255, .5);
}
/*aesthetic changes*/
.top-panel-wrap, .top-panel-wrap-pvp, .top-panel-wrap-pvp-foxbury {
height: 335px;
background-position: bottom;
margin-bottom: 20px;
}
/* aesthetic changes */
.battleground-wrap {
bottom: initial;
}
/* pvp village crest */
.stat-panel-toggle > .text-center > div:first-child {
top: 165px;
font-size: 0;
}
/*fv does weird things when screens get small*/
/*they pretend it makes things "responsive"*/
/*it doesn't*/
.col-sm-6 {
width: 50%;
float: left;
}
/*button spacing*/
.battle-complete > p {
height: 96px;
}
/* battle effects */
.underlay, .overlay {
height: 226px;
transform: none !important;
}
.enemy-panel-wrap .underlay, .enemy-panel-wrap .overlay {
transform: none !important;
}
.underlay img, .overlay img {
max-height: 226px;
width: auto !important;
}
/* ==========================================================================
Modal consumables
========================================================================== */
/* modal spacing */
.modal {
padding: 0 !important;
}
/* consumables */
.modal-open .battle-end-stats .row.text-center a {
position: fixed;
z-index: 2050;
top: 100px;
height: 50px;
width: 50px;
background: none;
left: calc(50% - 300px);
}
/* image resizing */
.modal-open .battle-end-stats .row.text-center a img {
display: block;
width: 100%;
}
/* candycorn */
.modal-open .battle-end-stats .row.text-center a[data-url^="/use/warrior-hp-charge/1894"] {
left: calc(50% - 197px);
}
/* elixir */
.modal-open .battle-end-stats .row.text-center a[data-url^="/use/warrior-hp-charge/2183"] {
left: calc(50% - 146px);
}
/* mini hp potion */
.modal-open .battle-end-stats .row.text-center a[data-url^="/use/warrior-hp-charge/575"] {
left: calc(50% - 249px);
}
/* wax lips */
.modal-open .battle-end-stats .row.text-center a[data-url^="/use/warrior-hp-charge/3843"] {
left: calc(50% - 95px);
}
/* dew */
.modal-open .battle-end-stats .row.text-center a[data-url^="/use/warrior-hp-charge/4275"] {
left: calc(50% - 44px);
}
/*positions buttons on smaller screens*/
@media screen and (max-width: 900px) {
.modal-open .battle-complete > p > .btn[href*="generate"] {
top: 30px;
height: 170px;
line-height: 170px;
right: 0;
left: 0;
width: 253px;
margin: 0 auto;
}
/* candycorn */
.modal-open .battle-end-stats .row.text-center a[data-url^="/use/warrior-hp-charge/1894"] {
left: calc(50% - 198px);
}
/* elixir */
.modal-open .battle-end-stats .row.text-center a[data-url^="/use/warrior-hp-charge/2183"] {
left: calc(50% + 134px);
}
/* wax lips */
.modal-open .battle-end-stats .row.text-center a[data-url^="/use/warrior-hp-charge/3843"] {
left: calc(50% + 185px);
}
/* dew */
.modal-open .battle-end-stats .row.text-center a[data-url^="/use/warrior-hp-charge/4275"] {
left: calc(50% + 237px);
}
}
@media screen and (max-width: 600px) {
.modal-header .modal-title {
max-width: 253px;
margin: 0 auto;
}
/* hp potion */
.modal-open .battle-end-stats .row.text-center a {
left: calc(50% - 213px);
top: 200px;
}
/* mini hp potion */
.modal-open .battle-end-stats .row.text-center a[data-url^="/use/warrior-hp-charge/575"] {
position: fixed;
left: calc(50% - 213px);
top: 149px;
}
/* candycorn */
.modal-open .battle-end-stats .row.text-center a[data-url^="/use/warrior-hp-charge/1894"] {
left: calc(50% - 213px);
top: 98px;
}
/* elixir */
.modal-open .battle-end-stats .row.text-center a[data-url^="/use/warrior-hp-charge/2183"] {
left: calc(50% + 164px);
top: 100px;
}
/* wax lips */
.modal-open .battle-end-stats .row.text-center a[data-url^="/use/warrior-hp-charge/3843"] {
left: calc(50% + 164px);
top: 150px;
}
/* dew */
.modal-open .battle-end-stats .row.text-center a[data-url^="/use/warrior-hp-charge/4275"] {
left: calc(50% + 164px);
}
}
/*spacing fix for button placement*/
.enemy-panel-wrap, .warrior-panel {
margin-bottom: 20px;
}
/*disable sliding animation*/
.equipment-loader {
margin-left: 1000px !important;
}
.equipment-slots {
margin-left: 0 !important;
}
/*[[collapse]]*/
}
@-moz-document url-prefix("https://www.furvilla.com/tourney") {
/*sets up the counter*/
.registration-well + .widget tbody,
.fur-idol-big + .widget tbody {
counter-reset: row-num;
}
/*increments the counter each row*/
.registration-well + .widget tbody tr,
.fur-idol-big + .widget tbody tr {
counter-increment: row-num;
}
/*displays the counter*/
.registration-well + .widget tbody td:first-child::before,
.fur-idol-big + .widget tbody td:first-child::before {
content: counter(row-num) ".";
width: 30px;
display: inline-block;
}
/*alignment*/
.registration-well + .widget tbody td:first-child,
.fur-idol-big + .widget tbody td:first-child{
margin-left: -109px;
}
/*alignment*/
.registration-well + .widget th:first-child,
.fur-idol-big + .widget th:first-child{
padding-left: 38px;
}
}
@-moz-document url-prefix("https://www.furvilla.com/career/blacksmith/") {
/* reduce flickering when scrapping quickly */
.modal-content {
min-height: 540px;
}
/*let's you continue scrapping without closing the modal*/
.modal-open .btn[data-url*="scrap/"] {
position: fixed;
z-index: 9999;
top: 0;
right: calc(50% - 443px);
height: 100%;
line-height: 100vh;
}
/*let's you continue scrapping without closing the modal*/
.widget-content {
z-index: initial;
}
.inventory-block-confirm-button {
float: right;
}
.inventory-block-selected-cancel {
float: left !important;
}
/*positions button on smaller screens*/
@media screen and (max-width: 900px) {
.modal-open .btn[data-url*="scrap/"] {
top: 30px;
height: 170px;
line-height: 170px;
right: 0;
left: 0;
width: 500px;
margin: 0 auto;
}
}
/*positions button on even smaller screens*/
@media screen and (max-width: 500px) {
.modal-open .btn[data-url*="scrap/"] {
width: 100%;
}
}
}