FreestylersWorld V8 Theme by AquaRush

/* ==UserStyle==
@name         FreestylersWorld V8 Theme
@version      20240724.17.00
@namespace    https://userstyles.world/user/AquaRush
@description  Minimalistic gaming theme for FreestylersWorld
@author       AquaRush
@license      CC BY-NC
==/UserStyle== */

@-moz-document domain("freestylersworld.com") {
/* Custom Google Font Integration */
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Catamaran:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?Family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,800;1,900&Family=Manrope:wght@500;800&Family=Quicksand:wght@600&display=swap');


/* Background */

/* Matching / Decent Backgrounds 

=> https://w.wallhaven.cc/full/dg/wallhaven-dge9ll.jpg
=> https://w.wallhaven.cc/full/5w/wallhaven-5wzxy3.jpg
=> https://w.wallhaven.cc/full/ey/wallhaven-eywk5r.jpg

*/
html {
	background: linear-gradient(to left bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8)), url('https://i.ibb.co/dgGnPQF/kekw.png') no-repeat center fixed;
    scroll-behavior: smooth;
}


/* Side Scrollbar Scrolling */ 
::-webkit-scrollbar {
    width: 10px;
    height: 5px;
}

::-webkit-scrollbar-thumb {
    border-radius: 50%;
    background: #6868ac;
}
::-webkit-scrollbar-track {
    background: #121212;
}

#zchat::-webkit-scrollbar-thumb, #zchat_users::-webkit-scrollbar-thumb, .userrank span.before, .userrank span.after, .useravatar span.before, .useravatar span.after {
    background: #24203a;
}

/* IFRAME Background Removal */

.CSS1Compat {
    background: none;
}

/* Body */



.above_body {
    padding: 100px 0 0 0;
	margin: 0 0 26px 0;
}

.above_postlist, #above_postlist {
    padding: 25px 0 0 0;
}


/* Remove Header Animation */

.animated-wrap {
	display: none;
	border-bottom: none;
}


/* Body Font */


body,
legend {
	font-family: Catamaran;
	font-size: 0.813em;
}


/* Flex On Profile Buttons */

#toplinks>div {
	font-size: 1.900em;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 58%;
	margin: 45px 0px 0px 60px;
}

/* Profile Infractions Pagination */

.profile_content.userprof {
    padding: 0 0 20px 0;
}

#pagination_bottom {
    margin: 30px 0 0 0;
}

/* Profile Image */

.toplinks {
    top: 5px;
}

.toplinks img {
	height: 100px;
    border: 2px solid rgb(84 108 206 / 0.5);
    border-radius: 50%!important;
    float: none;
    box-shadow: 2px 2px 50px 2px #382048 !important;
}


/* Profile Name */

#toplinks>div>span>a {
	text-shadow: 3px 3px 6px #000;
}


/* Profile Buttons */

.btn.blue,
.blue,
.newcontent_textcontrol,
.actionbuttons .group .button,
#inlinemod_formctrls .popupctrl,
.userprof_button, .cke_skin_kama .cke_dialog_contents a.cke_dialog_ui_button_ok, .cke_skin_kama .cke_dialog_contents a.cke_dialog_ui_button_cancel, .textcontrols a, a.textcontrol {
    background-image: linear-gradient(to bottom, #5760c3 0%, #793bba 100%);
    border: 1px solid #8890cc;
}


/* & On Hover */

.btn.blue:hover,
.blue:hover,
.newcontent_textcontrol:hover,
.actionbuttons .group .button:hover,
#inlinemod_formctrls .popupctrl:hover,
.userprof_button:hover, .cke_skin_kama .cke_dialog_contents a.cke_dialog_ui_button_ok, .cke_skin_kama .cke_dialog_contents a.cke_dialog_ui_button_cancel, .textcontrols a, a.textcontrol:hover {
	background-image: linear-gradient(to bottom, #6972d0 0%, #8550bd 100%);
	border: 1px solid #9096c4;
}


/* Logo */

.logo-image {
	float: initial;
	position: relative;
	top: 60px;
}

.logo-image > img {
    display: none;
}

.logo-image::before {
    content: url(https://i.ibb.co/7yCzLFJ/FWorld-V8-v2.png);
    width: 250px;
    height: 250px;
    position: absolute;
    top: -110px;
    left: -2px;
}


/* Navbar */

.navbar {
    width: 1022px;
	margin: 60px 0px 0px 0px;
}

.navtabs {
    background: #000 none;
}

.navtabs ul {
    width: 99.8%;
}

.navtabs li.selected a.navtab {
	color: #3f89da;
	text-shadow: 3px 2px 3px #000;
}

.navtabs li.selected a.navtab:after {
	content: " ~";
	text-transform: none;
	color: #8879de;
	text-shadow: 3px 2px 3px #000;
}


/* & Search */

.globalsearch input.textbox {
	width: 150px;
	border: 1px solid #24203a;
	padding: 5px;
	font-size: 11px;
	background: rgba(26, 53, 56, 0.12941176470588237);
	color: #8879de;
}

#navbar_search>a {
	color: #8879de;
}


/* Header & Headcumber Background */

#navtabs::before {
    content: "";
    display: block;
    border: 1px solid #24203a;
    width: 99.8%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to right top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5)), url(https://w.wallhaven.cc/full/ey/wallhaven-eywk5r.jpg) 91% 77%;
	/*z-index: 99999;*/
    
}

.forumhead::before,
.blockhead::before,
#forum_icon_legend h5::before {
	content: "";
	opacity: 0.25;
	background: linear-gradient(to right top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5)), url(https://w.wallhaven.cc/full/ey/wallhaven-eywk5r.jpg) 104% 42%;
}


/* Headcumber */

body>div.body_wrapper>h2 {
	margin: -10px 0px 0px 0px!important;
}

body>div.body_wrapper>table>tbody>tr>td>div.blockhead {
	position: absolute;
	top: 620px;
	left: 489px;
	width: 47.7%;
}

#vsa_fh_stats {
	position: absolute;
	top: 652px;
	left: 489px;
	width: 930px;
	/* Was 48.8% */
}

#forums.floatcontainer {
	padding: 15px 0 0 0;
}

#navtabs>.floatcontainer {
	border-bottom: 1px solid #505050;
}

#vsastats_fdiv {
	display: none;
}


/* & Text */

.navtabs>ul.floatcontainer li a,
.navbar_advanced_search li a {
	font-family: Roboto;
}

/* Breadcrumb */ 

.breadcrumb {
    margin: 32px 0px 0 0;
    background: #0e0d13;
    border: 1px solid #24203a;
}


/* Userinfo & Avatar */

.postbitlegacy .userinfo {
	width: 210px;
}

.useravatar {
	width: 214px;
}

.postbitlegacy .userinfo .postuseravatar,
.eventbit .userinfo .eventuseravatar {
	width: 174px;
}

.userrank {
	width: 218px;
}

.postbitlegacy .userinfo .postuseravatar img,
.eventbit .userinfo .eventuseravatar img {
	width: 250px;
	max-height: 250px;
    margin: 0 0 0 -5px;
}

/* Signature Size */

div.signaturecontainer {
    max-height: none!important;
}

.signaturecontainer {
    /*width: 667px;*/
    overflow-x: visible!important;
    overflow-y: visible!important;
}

/* Custom User Rank Bar */


/* 

VERSION 1 


a.postuseravatar[href$="member.php?134549-GeorgeGFX"]::after {
    content: '';
    background: url(https://i.imgur.com/6ZxrARl.png) no-repeat;
    width: 179px;
    height: 50px;
    margin: 10px 0px 0 0;
    display: block;
    background-size: contain;
}

*/


/* VERSION 2 */

a.postuseravatar[href$="member.php?134549-GeorgeGFX"]::after {
    content: '';
    background: url(https://i.ibb.co/pJQ9h6S/6ZxrARl.png) no-repeat;
    width: 179px;
    height: 50px;
    margin: 10px 0px 0 0;
    display: block;
    background-size: contain;
}


/* Body Effects & Size */

.body_wrapper {
    width: 980px;
    margin: 0 auto;
    background: #0e0d13;
    border: 1px solid #24203a;
    position: relative;
    padding: 0px 20px 10px 20px;
}

.body_wrapper::before {
    content: '';
    -webkit-box-shadow: 5px 5px 37px 12px rgba(0,0,0,0.55); 
    box-shadow: 5px 5px 37px 12px rgba(0,0,0,0.55);
}


.forumhead+.childforum .L2:first-child .forumrow, .forumhead+.L2 .forumrow, .forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow, .threadbit .nonsticky, .threadbit .discussionrow, .threadbit .sticky {
    background: #100f15;
    border-radius: 5px!important;
}

/* & Icons */

.foruminfo.td {
    position: relative;
}

.foruminfo.td> img {
    display: none;
}

.foruminfo.td::before {
    content: url(https://i.ibb.co/Pcs45k0/FWorld-V8-Icon.png);
    width: 48px;
    height: 48px;
    position: absolute;
    top: 9px;
    left: 4px;
    opacity: 0.7;
}

/* Chatbox Right Side Headcumber */

/* Hide bottom & left side info */

.blockhead,
.blocksubhead {
	display: none;
}

/* Enable Chatbox Dynamic Events */
#zchat_container > div.blocksubhead {
    display: flex;
    background: #100f15;
    flex-wrap: wrap;
    align-content: center;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 10px 0 0 3px;
}



#zchat, #zchat_users {
    height: 300px;
}

#zmain {
    font-size: 1.050em;
}


/* Chatbox Settings */

#zchat_settings {
    width: 290px;
    position: absolute;
    margin: 42px 0 0 20px;
    padding: 0 0 10px;
    border: 1px solid #383838;
    background: #100f15;
    display: none;
    top: 295px;
    right: 170px;
}

#zchat_settings .zchat_input input, #zchat_settings .zchat_input select {
    float: right;
    margin-right: 20px;
}


.shade,
#vsastats_lpdiv>table>tbody>tr>td:nth-child(4) {
	display: none;
}

/* News & Posts */

#vsastats_lpdiv > table {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-around;
    align-items: stretch;
}

/* WITH FLEX BOX 

#vsastats_lpdiv>table {
	background: rgba(4, 4, 4, 0.4);
    border: 1px solid rgb(36 32 58);
    border-radius: 0px 8px 8px 0px!important;
    padding: 20px 20px 38px 20px;
    display: flex;
    flex-flow: column wrap;
    margin-left: 1319px;
    width: 370px;
    margin-top: -405px;
}

*/

/* WITH POSITIONING */

#vsa_fh_stats > table > tbody > tr:nth-child(2) {
    font-size: 1.170em;
    background: rgba(4, 4, 4, 0.1);
    border: 1px solid rgb(36 32 58);
    padding: 20px 20px 38px 20px;
    width: 938px;
    position: absolute;
    top: -547px;
    left: -469px;
    height: 210px
}

#vsastats_lpdiv {
    border: none!important;
    width: 10%;
}

#vsastats_lpdiv > table > tbody {
    width: 100%;
}


#vsastats_lpdiv > table > tbody > tr > td {
	padding-bottom: 5px;
}



#vsastats_lpdiv > table > tbody > tr > td > a > span::before {
	content: '~';
	margin-right: 20px;
} 

/* Footer */

.blockbody.formcontrols.floatcontainer {
    text-align: center;
}

.wgo_block .section, #vsa_vilxh {
    padding: 50px 0 0 0;
}

...